/* Live inline mobile workspaces. Never scale text/composers or gate the card. */
@media(max-width:1100px){
.workspace-preview{width:100%;max-width:760px;margin-inline:auto;min-width:0}
.workspace-preview>.preview-open{display:none!important}
.workspace-preview>.app-frame{width:100%;max-width:100%;min-height:0!important;height:min(620px,85svh)!important;aspect-ratio:auto;pointer-events:auto!important;overflow:hidden}
.workspace-preview .studio{width:100%;max-width:100%;height:100%!important;min-height:0;transform:none!important;display:grid;grid-template-rows:44px minmax(0,1fr) 28px}
.workspace-preview #hero-app .studio{grid-template-rows:44px 44px minmax(0,1fr) 28px}
.workspace-preview .app-body{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}
.workspace-preview .app-body>*{min-width:0;min-height:0}
.workspace-preview .titlebar{display:flex;gap:4px;padding:0 6px;min-width:0}
.workspace-preview .traffic,.workspace-preview .activity,.workspace-preview .titlebar .command>span,.workspace-preview .detail-frame .layout-icons{display:none!important}
.workspace-preview .command{display:flex;flex:1;min-width:0;width:auto;margin:0;font-size:12px;overflow:hidden}
.workspace-preview .command select{width:100%;min-width:0}
.workspace-preview .detail-frame .explorer{display:block;width:100%;flex:none;overflow:auto}
.workspace-preview .detail-frame :is(.explorer-head,.folder,.outline,.drawers),.workspace-preview .detail-frame .explorer>.file-row{display:none}
.workspace-preview .file-list{display:flex;overflow:auto}
.workspace-preview .file-list .file-row{width:auto;flex:none}
.workspace-preview .editor-stack{display:flex;flex:1;flex-direction:column;width:100%;height:100%;min-height:0!important;min-width:0}
.workspace-preview .editor{display:flex;flex:1;flex-direction:column;min-height:0;height:100%;min-width:0}
.workspace-preview .tabs{flex:none;min-height:44px;overflow:auto;max-width:100%}
.workspace-preview .tabs .tools{flex:none}
.workspace-preview .tabs .code-tab{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.workspace-preview .breadcrumb{flex:none;height:28px!important;min-height:28px!important;overflow:auto;white-space:nowrap}
.workspace-preview .code-body{flex:1;min-height:0;overflow:auto}
.workspace-preview .code{font-size:13px;line-height:22px}
.workspace-preview .code-line{height:22px}
.workspace-preview .statusbar{height:28px!important;overflow:auto;white-space:nowrap;font-size:11px}
.workspace-preview .statusbar>*{flex:none}
.workspace-preview .status-right{display:none}
.workspace-preview :is(button,summary){min-width:44px;min-height:44px;flex-shrink:0;font-size:13px}
.workspace-preview :is(input:not([type=checkbox]),select,textarea){font-size:16px!important;min-height:44px;max-width:100%;box-sizing:border-box}
.workspace-preview .native-toolbar{display:flex;flex-wrap:wrap;gap:4px}
.workspace-preview .native-toolbar span{white-space:normal;font-size:12px}
.workspace-preview .native-view{max-width:100%;padding:8px;overflow:auto}
.workspace-preview .chart-box{min-width:0;width:100%;height:auto;padding:8px}
.workspace-preview .chart-box svg{width:100%;height:auto;min-height:120px;max-height:220px}
.workspace-preview .detail-frame .chat{display:none}
.workspace-preview .results-scene .explorer,.workspace-preview .assistant-scene .explorer{display:none}
.workspace-preview .results-scene .editor-stack{display:grid;grid-template-rows:minmax(0,1fr) 130px}
.workspace-preview .results-scene .log{display:flex;flex-direction:column;min-height:0;height:130px;overflow:auto}
.workspace-preview .log-tools{flex-wrap:wrap}
.workspace-preview .log-content{flex:1;min-height:0;overflow:auto;font-size:13px}
.workspace-preview .assistant-scene .editor-stack{display:none}
.workspace-preview .assistant-scene .chat{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;width:100%;overflow:auto}
.workspace-preview .assistant-scene.view-editor .editor-stack{display:flex}
.workspace-preview .assistant-scene.view-editor .chat{display:none}
.workspace-preview #hero-app.inline-compact .app-body{grid-template-columns:minmax(0,1fr)}
.workspace-preview #hero-app.inline-compact .chat{min-height:0;overflow:auto}
.workspace-preview .chat-head{flex:none;height:auto;min-height:44px;padding:4px 8px;flex-wrap:wrap}
.workspace-preview .chat-head>div{display:flex;flex:none}
.workspace-preview .conversation,.workspace-preview .copilot-thread{flex:1 1 120px;min-height:80px;overflow:auto;padding:8px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.workspace-preview .conversation p,.workspace-preview .copilot-message p{font-size:14px}
.workspace-preview .composer{flex:none;min-width:0;padding:8px}
.workspace-preview .composer textarea{width:100%;min-height:56px;max-height:100px}
.workspace-preview .composer-footer{display:flex;flex-wrap:wrap;gap:4px;height:auto;min-height:44px;padding:0}
.workspace-preview .composer-footer button{padding:4px 8px}
.workspace-preview .composer-footer :is([data-action=send],[data-sim=send]){width:auto;min-width:76px;min-height:44px;margin-left:auto}
.workspace-preview :is(.byok,.chat-topic,.prompt-line,.chat-status){height:auto;min-height:0;padding:4px 8px;white-space:normal;font-size:12px;flex:none}
.workspace-preview .report{width:100%;table-layout:fixed}
.workspace-preview .report td{overflow-wrap:anywhere}
.workspace-preview .copilot-notice{font-size:12px;line-height:1.4;margin:4px 8px;flex:none}
.workspace-preview .copilot-local{flex:none;max-height:100px;overflow:auto}
.workspace-preview .copilot-status{margin:4px 0;font-size:12px}
.workspace-preview .has-copilot .composer-footer>button:not([data-prompt]):not([data-action=send]):not([data-sim=send]):not(.copilot-cancel):not(.copilot-retry){display:none}
.workspace-preview .has-copilot :is(.chat-topic,.prompt-line,.chat-status){display:none}
/* Keyboard viewport: native inline input stays scrollable; expansion is optional. */
.workspace-preview>.app-frame{height:min(620px,max(340px,85svh))!important}
:is(#strategy-focus,#focus-dialog){position:fixed;inset:auto 0;top:var(--demo-vtop,0px);margin:0;width:100%;max-width:100%!important;height:var(--demo-vheight,100dvh);max-height:var(--demo-vheight,100dvh)!important;overflow:auto;box-sizing:border-box}
:is(#strategy-focus,#focus-dialog) textarea{font-size:16px!important;min-height:56px}
:is(#strategy-focus,#focus-dialog) .composer-footer{height:auto;flex-wrap:wrap}
:is(#strategy-focus,#focus-dialog) .copilot-thread{min-height:80px;overflow:auto}
}