/* Scoped workspace: normal terminal CSS remains untouched. */
#appViewWorkspace[hidden]{display:none}
#appViewWorkspace{--app-split:72%;display:grid;grid-template-columns:minmax(320px,var(--app-split)) 12px minmax(320px,1fr);align-items:start;width:calc(100% - 24px);margin:12px;min-height:calc(100dvh - 24px);color:#eaf7ff;background:#071019}
#appViewWorkspace button,#appViewWorkspace input{font:inherit}
.app-view-pane{min-width:0;padding:20px;border:1px solid #23485e;border-radius:16px;background:linear-gradient(155deg,#102431,#071019)}
.app-view-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.app-view-heading b{letter-spacing:.16em;color:#8ce4ff}.app-view-heading small{display:block;margin-top:5px;color:#9bb4c6}
.app-view-pane button{padding:10px 13px;border:1px solid #39617a;border-radius:8px;color:#eaf7ff;background:#112c3f;cursor:pointer}.app-view-pane button[aria-pressed=true]{background:#1b586e;border-color:#7fe2ff}.app-view-pane button:disabled{opacity:.45;cursor:default}.app-view-pane button:focus-visible,#appViewDivider:focus-visible{outline:3px solid #8de8ff;outline-offset:2px}
.app-view-controls,.app-view-modes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}#appViewState{margin-left:auto;font-size:12px;color:#9ee4cc}.app-view-hint{font-size:13px;line-height:1.5;color:#adc1ce}#appViewWarning{padding:12px;color:#ffe1a0;border:1px solid #997434;border-radius:8px;background:#352b1a}#appViewWarning[hidden],.app-view-auto[hidden]{display:none}
.app-view-preview{position:relative;display:grid;place-items:center;min-height:280px;height:clamp(280px,55dvh,900px);background:#03080d;border:1px solid #315268;border-radius:10px;margin-top:16px;overflow:hidden}.app-view-preview video{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.app-view-preview p{position:absolute;text-align:center;line-height:1.7;color:#9bb4c6}.app-view-preview p[hidden]{display:none}
.app-view-source{display:flex;gap:8px;align-items:center;font-size:13px;margin:14px 0}.app-view-auto input{width:70px}#appViewQuestionForm{display:flex;gap:8px}#appViewQuestion{min-width:0;flex:1}.app-view-pane input:not([type=checkbox]){background:#030b13;color:#eaf7ff;border:1px solid #39617a;border-radius:8px;padding:10px}.app-view-telemetry{font-size:12px;line-height:1.8;padding:12px 0;border-top:1px solid #23485e;color:#b3cbd8}.app-view-pane pre{white-space:pre-wrap;line-height:1.6;font-size:12px}.app-view-pane details{font-size:13px}.app-view-pane [role=status]{overflow-wrap:anywhere}
#appViewDivider{align-self:stretch;cursor:col-resize;touch-action:none;position:relative;min-height:90dvh}#appViewDivider:after{content:'';position:absolute;top:20%;bottom:20%;left:4px;width:4px;border-radius:4px;background:#396c87}#appViewDivider:hover:after{background:#8ce4ff}#appViewNova{min-width:0;container-type:inline-size}
.app-view-open #shell{padding:12px;min-height:calc(100dvh - 24px)}.app-view-open #shell:before{display:none}.app-view-open #shell .topbar{flex-wrap:wrap;gap:8px}.app-view-open #shell .stage{display:flex;flex-direction:column;max-width:100%;gap:8px;align-items:stretch}.app-view-open #shell .portrait-wrap{width:100%;min-height:180px;height:clamp(180px,34dvh,380px)}.app-view-open #shell .profile{position:static;width:100%;padding:0;max-height:26dvh;overflow:auto}.app-view-open #shell .speech-card{position:static;inset:auto;width:100%;margin:0}.app-view-open #shell .text-entry{width:100%;margin-top:0;flex-wrap:wrap}.app-view-open #shell .text-entry input{flex-basis:100px}.app-view-open #shell .control-row{width:100%;gap:6px;flex-wrap:wrap}.app-view-open #shell .control-row button{padding:9px 10px}.app-view-open #shell .camera-wrap{width:100%;max-width:100%}.app-view-open #shell .conversation-panel{min-height:100px}.app-view-open #shell .conversation-thread{max-height:22dvh}.app-view-open #shell .statusline{overflow-wrap:anywhere}
@media(max-width:820px){#appViewWorkspace{display:flex;flex-direction:column;margin:6px;width:calc(100% - 12px)}.app-view-pane,#appViewNova{width:100%}#appViewDivider{display:none}.app-view-pane{padding:12px}.app-view-preview{height:35dvh}.app-view-controls strong{width:100%;margin:0}#appViewQuestionForm{flex-wrap:wrap}}
.app-view-native-controls{display:grid;gap:8px;margin:12px 0}.app-view-native-controls[hidden]{display:none}.app-view-pane select{max-width:100%;min-width:0;background:#071725;color:#eaf7ff;border:1px solid #39617a;border-radius:6px;padding:8px}.app-view-native-controls select[size]{height:150px;overflow-y:scroll}#appViewNativePreview{width:100%;height:100%;object-fit:contain;display:block}.app-view-preview [hidden]{display:none!important}.app-view-source-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
/* Desktop App View owns the viewport; content panels own their overflow. */
@media(min-width:821px){
 body.app-view-open{display:flow-root;height:100dvh;min-height:0;overflow:hidden}
 #appViewWorkspace{height:calc(100dvh - 24px);min-height:0;align-items:stretch;grid-template-rows:minmax(0,1fr)}
 #appViewWorkspace .app-view-pane{display:flex;flex-direction:column;min-height:0;padding:12px;gap:6px;overflow:auto}
 .app-view-heading{margin:0;flex:none}.app-view-heading small{display:inline;margin-left:12px}
 .app-view-pane button{padding:7px 10px}.app-view-pane input:not([type=checkbox]),.app-view-pane select{padding:7px;min-height:32px}
 .app-view-selection{display:flex;gap:8px;align-items:start;flex:none;min-width:0}
 .app-view-source-picker{flex:0 1 180px;gap:4px;font-size:12px;min-width:0}.app-view-source-picker select{width:100%}
 .app-view-native-controls{flex:1;min-width:0;display:grid;grid-template-columns:minmax(100px,.7fr) minmax(120px,1fr) minmax(120px,1fr) auto;align-items:center;gap:4px 6px;margin:0;padding-top:18px}
 #appViewActiveSource{grid-column:1/-1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
 #appViewPairing{grid-column:1/-1}
 .app-view-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;flex:none}
 .app-view-controls,.app-view-modes{margin:0;gap:5px}.app-view-controls{flex:1}.app-view-modes{flex:none}#appViewState{font-size:11px}
 .app-view-hint,.app-view-source,#appViewMessage{margin:0;font-size:12px;line-height:1.35}
 #appViewMessage:empty{display:none}#appViewWarning{margin:0;padding:5px;font-size:12px}.app-view-auto{font-size:12px}
 #appViewWorkspace .app-view-preview{flex:1 1 0;min-height:80px;height:auto;margin:0;display:block}
 .app-view-preview video,#appViewNativePreview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
 .app-view-preview p{inset:0;display:grid;align-content:center;margin:0}
 .app-view-footer{flex:none;display:flex;flex-direction:column;gap:4px;position:relative}
 .app-view-source{margin:0}.app-view-telemetry{padding:3px 0;line-height:1.3}
 .app-view-footer details{font-size:12px}.app-view-footer details[open] pre{position:absolute;bottom:20px;left:0;right:0;max-height:25dvh;overflow:auto;z-index:10;margin:0;padding:10px;background:#071725;border:1px solid #39617a;border-radius:8px}
 #appViewDivider{min-height:0}#appViewNova{min-height:0;height:100%}
 .app-view-open #shell{height:100%;min-height:0;padding:8px;display:flex;flex-direction:column;overflow:auto}
 .app-view-open #shell .topbar{width:100%;flex:none;margin:0 0 6px}
 .app-view-open #shell .stage{width:100%;flex:1;min-height:0;margin:0;gap:6px}
 .app-view-open #shell .stage>*{flex-shrink:0}
 .app-view-open #shell .portrait-wrap{flex:1.2 1 0;min-height:90px;height:auto}
 .app-view-open #shell .conversation-panel{flex:1 1 0;min-height:65px;height:auto;max-height:none;padding:8px;overflow:hidden}
 .app-view-open #shell .conversation-title{margin-bottom:5px}
 .app-view-open #shell .conversation-thread{min-height:0;max-height:none;overflow:auto;margin:0}
 .app-view-open #shell .speech-card{max-height:18dvh;overflow:auto;padding:8px 10px}
 .app-view-open #shell .meter{height:18px;margin:0}
 .app-view-open #shell .control-row{margin:0;gap:5px}
 .app-view-open #shell .control-row button{padding:7px 8px}
 .app-view-open #shell .transcript{margin:0;min-height:0;font-size:11px}
 .app-view-open #shell .statusline{margin:0;padding:3px 6px}
}
@media(min-width:821px) and (max-width:1300px){
 .app-view-native-controls{grid-template-columns:minmax(80px,1fr) minmax(90px,1fr);padding-top:0}
 .app-view-heading small{display:none}
}