/* One live workspace, followed by a compact editorial product story. */
/* Desktop is a workspace, not mutually exclusive full-width previews. */
@media(min-width:1000px){
 html[data-focused-home] .workspace-preview{width:100%;max-width:100%}
 html[data-focused-home] #strategy-focus .studio{transform:none!important;width:100%;max-width:100%}
 html[data-focused-home] #strategy-focus[data-pane] .app-body{display:grid;grid-template-columns:180px minmax(330px,1fr) 290px;min-height:0;overflow:hidden}
 html[data-focused-home] #strategy-focus[data-pane] .explorer{display:block;width:auto;min-width:0;overflow:auto;height:100%}
 html[data-focused-home] #strategy-focus[data-pane] .editor-stack{display:flex;flex-direction:column;min-width:0;height:100%}
 html[data-focused-home] #strategy-focus:not([data-pane=logs]) .editor{display:flex;height:100%}
 html[data-focused-home] #strategy-focus:not([data-pane=logs]) .log{display:none}
 html[data-focused-home] #strategy-focus[data-pane] .chat{display:flex;width:auto;min-width:0;height:100%;overflow:auto;border-left:1px solid var(--app-border)}
 html[data-focused-home] #strategy-focus:has(.app-frame[data-copilot-closed=true]) .app-body{grid-template-columns:180px minmax(330px,1fr)}
 html[data-focused-home] #strategy-focus .app-frame[data-copilot-closed=true] .chat{display:none}
 html[data-focused-home] #strategy-focus .editor>.tabs{flex-direction:column;min-height:136px;height:auto}
 html[data-focused-home] #strategy-focus .editor>.tabs>.tools{width:100%;flex-wrap:wrap}
 html[data-focused-home] #strategy-focus .demo-transport{width:100%}
 html[data-focused-home] #hero-app.inline-compact[data-pane] .app-body{grid-template-columns:44px minmax(160px,17%) minmax(330px,1fr) minmax(270px,25%)!important;grid-template-rows:minmax(0,1fr)!important}
 html[data-focused-home] #hero-app.inline-compact[data-pane] .explorer{display:block;width:auto;min-width:0;height:100%;overflow:auto}
 html[data-focused-home] #hero-app.inline-compact[data-pane] .editor-stack{display:flex;min-width:0;height:100%}
 html[data-focused-home] #hero-app.inline-compact[data-pane]:not([data-pane=logs]) .editor{display:flex}
 html[data-focused-home] #hero-app.inline-compact[data-pane] .chat{display:flex;width:auto;min-width:0;min-height:0;height:100%;border-left:1px solid var(--app-border);overflow:auto}
 html[data-focused-home] #hero-app.inline-compact[data-copilot-closed=true] .chat{display:none}
 html[data-focused-home] #hero-app.inline-compact[data-copilot-closed=true] .app-body{grid-template-columns:44px minmax(160px,17%) minmax(330px,1fr)!important}
 html[data-focused-home] #hero-app.inline-compact .editor>.tabs{flex-direction:column;min-height:136px;height:auto;overflow:visible}
 html[data-focused-home] #hero-app.inline-compact .code-tab{width:100%;max-width:100%;min-height:36px}
 html[data-focused-home] #hero-app.inline-compact .editor>.tabs .tools{width:100%;margin:0;flex-wrap:wrap;height:auto}
 html[data-focused-home] #hero-app.inline-compact .demo-transport{width:100%}
 html[data-focused-home] #hero-app.inline-compact .demo-analysis{border:0;padding-left:0}
}
:is(#hero-app,#strategy-focus) .workspace-actions{flex:none;padding:10px 12px;border-bottom:1px solid var(--app-border);background:var(--sidebar);color:var(--editor-fg)}
:is(#hero-app,#strategy-focus) .workspace-actions p{font-size:12px;line-height:1.5;margin:0 0 6px;color:inherit}
:is(#hero-app,#strategy-focus) .workspace-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .chat.has-copilot{padding-bottom:0;overflow:hidden}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .composer{position:static;order:4;flex:none;min-height:0;padding:6px;margin:0}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .copilot-field{flex-direction:row;align-items:center;padding:6px;gap:4px}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .copilot-field textarea{height:44px;min-height:44px;font-size:12px}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot [data-copilot-send]{min-width:44px;padding:6px;font-size:12px}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .copilot-thread{order:1;flex:1 1 220px;min-height:120px}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .workspace-actions{order:2;padding:6px 10px}
/* Suggested questions are text actions, not a competing set of primary cards. */
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .workspace-actions>div{display:flex;flex-wrap:wrap;gap:0 12px}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .workspace-actions button[data-demo]{display:inline-flex;align-items:center;max-width:100%;min-width:44px;min-height:36px;padding:6px 0;border:0;border-radius:3px;background:transparent;color:var(--panel-fg);font:400 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:left;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:var(--app-border);text-underline-offset:3px;cursor:pointer;box-shadow:none}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .workspace-actions button[data-demo]:hover{background:transparent;color:var(--panel-fg);text-decoration-color:currentColor}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .workspace-actions button[data-demo]:focus-visible{outline:2px solid var(--input-fg);outline-offset:2px;text-decoration-color:currentColor}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .workspace-actions button[data-demo]:active{box-shadow:none;text-decoration-thickness:2px}
/* One compact UI rhythm; code, Output controls, rail and outer frame stay untouched. */
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) :is(.demo-view-tabs button,.inline-panes button,.chat-head){font:400 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .composer{gap:6px;border-color:var(--app-border);border-radius:4px}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .copilot-field{border-color:var(--app-border);border-radius:4px}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot [data-copilot-send]{border-radius:4px;min-height:44px;font-weight:600}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .has-copilot .copilot-thread{padding-inline:10px;font-size:13px;line-height:1.5}
:is(#hero-app,#strategy-focus) .workspace-actions button{min-height:44px;padding:6px 8px;border:1px solid var(--app-border);border-radius:5px;background:var(--editor-bg);color:var(--editor-fg);font-size:12px;white-space:normal;text-align:left}
:is(#hero-app,#strategy-focus) .chat-head>span{color:var(--panel-fg)}
#hero-app.inline-compact .chat-head{flex-wrap:nowrap}
#hero-app.inline-compact .chat-head>div{margin-left:auto}
#hero-app.inline-compact .inline-panes button{padding-inline:12px}
#hero-app.inline-compact .copilot-local[open]{max-height:150px;flex-shrink:0}
#hero-app.inline-compact .has-copilot :is(.chat-topic,.prompt-line,.chat-status){display:none}
#hero-app.inline-compact .has-copilot .copilot-thread{min-height:50px;flex:1 1 60px}
#hero-app.inline-compact .local-result{margin:0 0 8px;line-height:1.5}
#hero-app.inline-compact .copilot-local .conversation{padding:4px 0}
#hero-app.inline-compact .copilot-local summary{display:flex;align-items:center;min-height:36px}
#hero-app.inline-compact .copilot-local summary::before{content:'▸';margin-right:6px}
#hero-app.inline-compact .copilot-local[open]>summary::before{content:'▾'}
@media(max-width:999px){#hero-app.inline-compact .inline-panes{justify-content:space-between}#hero-app.inline-compact .inline-panes button{padding-inline:8px}}

/* Keep the desktop chrome compact like the first-party editor screenshot. */
@media(min-width:1200px){
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .editor>.tabs{min-height:84px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .demo-transport{width:auto}
}
/* Transport is stable SSR chrome; only secondary analysis wraps on small screens. */
:is(#hero-app.inline-compact,#strategy-focus) .editor>.tabs>.tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;height:auto;overflow:visible;padding:4px;max-width:100%}
:is(#hero-app.inline-compact,#strategy-focus) .demo-transport,:is(#hero-app.inline-compact,#strategy-focus) .demo-analysis{display:flex;align-items:center;gap:4px;flex:none}
:is(#hero-app.inline-compact,#strategy-focus) .demo-analysis{border-left:1px solid var(--app-border);padding-left:6px}
:is(#hero-app.inline-compact,#strategy-focus) .tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 10px;border:1px solid transparent;border-radius:6px;font:500 12px/1 var(--mono,monospace);white-space:nowrap;color:var(--text);background:transparent}
:is(#hero-app.inline-compact,#strategy-focus) .tools button svg{flex:0 0 16px;width:16px;height:16px}
:is(#hero-app.inline-compact,#strategy-focus) .tools button span{font:inherit;color:inherit}
:is(#hero-app.inline-compact,#strategy-focus) .tools [data-sim=run]{width:120px;flex:0 0 120px;background:var(--button-bg);color:var(--button-fg);border-color:transparent}
:is(#hero-app.inline-compact,#strategy-focus) .tools button:not(:disabled):hover{box-shadow:inset 0 0 0 1px currentColor}
/* This theme's native blue/white pair is 4.09:1; dark ink reaches 5.14:1. */
html[data-xt-theme="theme:xtester dark"] :is(#hero-app.inline-compact,#strategy-focus) .tools [data-sim=run]{color:#000}
:is(#hero-app.inline-compact,#strategy-focus) .tools button:disabled{opacity:.42;cursor:not-allowed}
:is(#hero-app.inline-compact,#strategy-focus) .tools button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:1100px){
 #hero-app.inline-compact .editor>.tabs{height:auto;min-height:136px;flex:none;overflow:visible}
 #hero-app.inline-compact .editor>.tabs>.tools{width:100%;margin:0;gap:4px;padding:2px}
 #hero-app.inline-compact .demo-transport{width:100%;gap:2px}
 #hero-app.inline-compact .tools button{padding:0 5px;gap:4px;min-height:44px;font-size:11px}
 #hero-app.inline-compact .tools [data-sim=run]{width:106px;flex-basis:106px}
 #hero-app.inline-compact .tools [data-sim=stop]{width:48px;padding:0;gap:2px}
 #hero-app.inline-compact .tools [data-sim=replay]{width:68px;padding:0;gap:2px}
 #hero-app.inline-compact .demo-analysis{border-left:0;padding-left:0}
}

/* Override the legacy hero arrow margin without changing other page CTAs. */
html[data-focused-home] #product .hero-intro>a>span{margin-left:0}
html[data-focused-home] #product .hero-intro>a{gap:10px}
html[data-focused-home] #product [data-hero-launcher]{white-space:nowrap}
.rule-sequence{display:flex;list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--border)}
.rule-sequence li{flex:1;min-width:0;padding:18px 12px 0 0;font-size:17px}
.rule-heading{display:flex;align-items:center;gap:10px}.rule-heading span{font:12px monospace;color:var(--blue)}.rule-heading svg{flex:0 0 24px;color:var(--text)}.rule-heading strong{font-weight:500}
.rule-sequence li>p{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--muted);max-width:36ch}
html[data-focused-home][data-home-preview] [data-story-format=report] .story-heading{grid-template-columns:.8fr 1.2fr;gap:20px 64px}
[data-story-format=report] .report-index{grid-row:span 2;display:flex;flex-direction:column;gap:20px;padding:28px;border-left:2px solid var(--blue);background:var(--panel);font:14px monospace}
[data-story-format=report] .focused-sketch{display:none}
.client-line{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border);font:14px monospace}.client-line a{margin-left:auto;color:var(--blue)}
/* Owner-approved original composition + spacing v2; only the 01–03 family. */
#understand,#agents{position:relative}
#understand::before,#agents::before{content:"";position:absolute;left:0;right:0;top:56px;height:1px;background:var(--vscode-surface-border);opacity:.55;pointer-events:none}
@media(min-width:801px){
 #how-it-works .story-heading,#agents .story-heading{display:block!important}
 #how-it-works,#agents{display:grid!important;grid-template-columns:1.12fr 1fr;column-gap:4vw;align-items:center}
 #how-it-works .section-alias,#agents .section-alias{position:absolute}
 #how-it-works .focused-prose,#agents .focused-prose{margin-top:24px;max-width:620px}
 #how-it-works .rule-sequence{display:flex!important;flex-direction:column;gap:24px;margin:0!important;padding-left:28px}
 #how-it-works .rule-sequence li{width:auto!important;flex:none!important;padding:0!important;margin:0!important}
 #how-it-works .rule-sequence li p{margin-bottom:0}
 #agents .client-line{margin:0!important;padding:0 0 0 28px!important;border:0!important;display:flex;flex-wrap:wrap;gap:24px 28px;align-content:center}
 #agents .client-line a{flex-basis:100%}
 #understand,#agents{padding-top:112px!important}
}
/* Match landing-proportions.css: explicit columns require its two-column grid. */
@media(min-width:851px){
 #understand .story-heading{row-gap:24px!important;align-items:start}
 #understand .story-heading>div:not(.report-index){grid-column:2}
 #understand .report-index{align-self:center;grid-column:1;grid-row:1 / 3!important}
}
@media(max-width:850px){
 #understand .story-heading{display:flex!important;flex-direction:column;gap:20px!important}
 #understand .story-heading>div{grid-area:auto}
 #understand .story-heading>div:not(.report-index):not(.focused-prose){order:0}
 #understand .focused-prose{order:1}
 #understand .report-index{order:2;width:100%;box-sizing:border-box;margin-top:8px}
}
@media(max-width:800px){
 #how-it-works .story-heading,#agents .story-heading{gap:20px!important}
 #understand,#agents{padding-top:72px!important}
 #understand::before,#agents::before{top:36px}
 #how-it-works .rule-sequence{margin-top:24px!important}
}
.demo-view-tabs{display:flex;flex:none;min-width:0;width:100%;max-width:100%;justify-content:flex-start!important;border-bottom:1px solid var(--app-border);background:var(--sidebar);overflow:auto}
#hero-app.inline-compact .activity{display:flex!important}
@media(min-width:1101px){#hero-app.inline-compact{height:760px}}
/* The adapter adds the pane bar in row 2; reserve that row in SSR too. */
#hero-app.inline-compact .app-body{grid-row:3}
#hero-app.inline-compact .statusbar{grid-row:4}
@media(max-width:1100px){#hero-app.inline-compact .app-body{grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}}
#hero-app.inline-compact .editor{overflow:clip}
#hero-app.inline-compact .native-view{height:auto;min-height:100%;overflow:visible}
#hero-app.inline-compact .native-toolbar{display:flex!important;flex-wrap:wrap!important;height:auto!important;gap:4px;padding:4px}
#hero-app.inline-compact .native-toolbar button{flex:0 0 auto;width:auto;white-space:nowrap;padding:6px 10px}
#hero-app.inline-compact .chart-view{height:auto!important;overflow:visible}
#hero-app.inline-compact .validation-gate{max-height:72px;overflow:auto;flex:none}
#hero-app.inline-compact .command>.demo-project{display:inline!important}
.demo-view-tabs button{padding:8px 16px;white-space:nowrap}.demo-view-tabs [aria-pressed=true]{box-shadow:inset 0 -2px var(--blue);color:var(--blue)}
.demo-metrics{width:100%;font-size:13px;border-collapse:collapse}.demo-metrics td,.demo-metrics th{text-align:left;padding:7px;border-bottom:1px solid var(--app-border)}
/* Live plot growth must not scroll the user's workspace or move playback controls. */
:is(#hero-app.inline-compact,#strategy-focus) .code-body{overflow-anchor:none}
:is(#hero-app.inline-compact,#strategy-focus) .chart-box{min-height:196px}
@media(min-width:1101px){
 #hero-app.inline-compact[data-pane=editor] .app-body{grid-template-columns:44px 210px minmax(0,1fr)}
 #hero-app.inline-compact[data-pane=editor] .explorer{display:block;overflow:auto}
 #hero-app.inline-compact .editor>.tabs{flex-direction:row;min-height:48px;height:48px}
 #hero-app.inline-compact .code-tab{width:auto;max-width:200px}
 #hero-app.inline-compact .tabs .tools{width:auto;margin-left:auto}
}
@media(max-width:700px){
 .rule-sequence{flex-direction:column;gap:8px}.rule-sequence li{padding-top:10px}
 html[data-focused-home][data-home-preview] [data-story-format=report] .story-heading{grid-template-columns:1fr}
 [data-story-format=report] .report-index{grid-row:auto;order:3;padding:18px;gap:14px}
 .client-line{gap:16px}.client-line a{margin-left:0;width:100%}
}
html[data-focused-home][data-home-preview] .focused-benefit.story.wrap{padding-block:42px;border-bottom:1px solid var(--border)}
html[data-focused-home][data-home-preview] .focused-benefit .story-heading{margin:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}
html[data-focused-home][data-home-preview] .focused-benefit h2{font-size:clamp(25px,2.5vw,36px);max-width:19ch}
html[data-focused-home][data-home-preview] .focused-benefit .eyebrow{margin-bottom:12px}
.focused-sketch{display:block;width:156px;height:56px;margin-top:20px;color:var(--blue);opacity:.8}
.focused-prose{min-width:0;font-size:17px;line-height:1.7}
.focused-prose p{margin:0 0 16px}
.focused-prose .focused-detail{font-size:14px;color:var(--muted);margin:0}
.focused-launcher{display:inline-block;margin:12px 0 0 16px}
.focused-prose a,.focused-launcher{color:var(--blue);text-underline-offset:4px}
html[data-focused-home][data-home-preview] .landing-mcp.story.wrap{padding-block:40px}
/* Keep the agent explanation and its next setup step visually connected. */
html[data-focused-home][data-home-preview] #agents.focused-benefit.story.wrap{padding-bottom:16px}
html[data-focused-home][data-home-preview] #agents + .landing-mcp.story.wrap{padding-top:20px}
html[data-focused-home][data-home-preview] .landing-mcp .story-heading{margin-bottom:20px}
html[data-focused-home][data-home-preview] .landing-mcp h2{font-size:clamp(25px,2.5vw,36px)}
html[data-focused-home] [data-focused-disclosure]{border-block:1px solid var(--border);padding:0;min-width:0}
html[data-focused-home] [data-focused-disclosure]>summary{cursor:pointer;font-size:16px;min-height:56px;padding:16px 4px;line-height:1.5;color:var(--text)}
.focused-disclosure-body{padding-block:16px}
html[data-focused-home] .runtime-samples{padding-block:40px}
html[data-focused-home] .runtime-samples .language-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(32px,5vw,80px);align-items:start;margin-bottom:28px}
html[data-focused-home] .language-intro h2{font-size:28px;line-height:1.2;margin:0 0 16px;max-width:20ch}
html[data-focused-home] .language-intro p{color:var(--muted);line-height:1.65;margin:0;max-width:48ch}
html[data-focused-home] .language-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;list-style:none;margin:0;padding:4px 0}
html[data-focused-home] .language-roster li{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:0}
html[data-focused-home] .language-icon{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:contain}
/* Rust's original black seal needs a quiet light backing on dark themes. */
html[data-focused-home] .language-icon[data-language="rust"]{box-sizing:border-box;padding:2px;border-radius:50%;background:#f4f5f7}
html[data-focused-home] .language-name{font:500 15px/1.4 var(--mono,monospace);color:var(--text);white-space:nowrap}
@media(max-width:1000px){html[data-focused-home] .runtime-samples .language-overview{grid-template-columns:1fr;gap:24px}html[data-focused-home] .language-intro p{max-width:72ch}}
@media(max-width:600px){html[data-focused-home] .language-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}html[data-focused-home] .language-roster li{gap:9px}html[data-focused-home] .language-name{font-size:14px}html[data-focused-home] .language-intro h2{font-size:26px}}
html[data-focused-home] #hero-app{scroll-margin-top:150px}
html[data-focused-home] #hero-app [data-sim="finish"]{background:var(--blue);color:var(--bg);font-weight:700;border-radius:4px;padding-inline:12px}
html[data-focused-home] .focused-first-run{font-size:12px;padding:8px 12px;margin:0;border-bottom:1px solid var(--border);color:var(--muted);background:var(--panel)}
html[data-focused-home][data-home-preview] .closing.wrap{padding-block:44px}
@media(max-width:700px){
 html[data-focused-home][data-home-preview] .hero-heading{gap:18px;margin-bottom:22px}
 html[data-focused-home][data-home-preview] #product .hero-intro>p{line-height:1.6;margin-bottom:14px}
 html[data-focused-home][data-home-preview] #product .hero-intro>a.xt-download-cta{display:none}
 html[data-focused-home][data-home-preview] #product .hero-intro>[data-try-preview]{display:inline-flex;border:1px solid var(--border);font-weight:600}
 html[data-focused-home][data-home-preview] .focused-benefit .story-heading{grid-template-columns:1fr;gap:16px}
 html[data-focused-home][data-home-preview] .focused-benefit.story.wrap{padding-block:28px}
 html[data-focused-home][data-home-preview] .focused-benefit h2{max-width:24ch;font-size:28px}
 .focused-prose{font-size:16px}
 html[data-focused-home][data-home-preview] .landing-mcp.story.wrap{padding-block:28px}
 html[data-focused-home] .runtime-samples{padding-block:28px}
 html[data-focused-home] .focused-first-run{font-size:11px}
}
/* Reference hierarchy: initial geometry is independent of adapter hydration. */
@media(min-width:1000px){
 html[data-focused-home] #hero-app.inline-compact{height:clamp(650px,62vw,880px)}
 html[data-focused-home] #hero-app.inline-compact .studio{grid-template-rows:35px 0 minmax(0,1fr) 23px}
 html[data-focused-home] #hero-app.inline-compact .inline-panes{display:none}
 html[data-focused-home] #hero-app.inline-compact[data-copilot-closed=true] .inline-panes{display:flex}
 html[data-focused-home] #hero-app.inline-compact[data-copilot-closed=true] .studio{grid-template-rows:35px 44px minmax(0,1fr) 23px}
 html[data-focused-home] #hero-app.inline-compact .app-body,
 html[data-focused-home] #hero-app.inline-compact[data-pane] .app-body{display:grid;grid-template-columns:44px minmax(0,20fr) minmax(0,52fr) minmax(0,28fr)!important}
 html[data-focused-home] #hero-app.inline-compact .explorer{display:flex!important;flex-direction:column;height:100%;overflow:auto}
 html[data-focused-home] #hero-app.inline-compact .file-list{display:block;height:506px;flex:none;overflow:auto}
 html[data-focused-home] #hero-app.inline-compact .outline{margin-top:0;flex:none}
 html[data-focused-home] #hero-app.inline-compact :is(.explorer-head,.folder,.explorer>.file-row){flex-shrink:0}
 html[data-focused-home] #hero-app.inline-compact .chat-head>div{width:176px;flex:none}
 html[data-focused-home] #hero-app.inline-compact .activity [data-action]~[data-action=files],html[data-focused-home] #hero-app.inline-compact .activity [data-action=settings]~[data-action=settings],html[data-focused-home] #hero-app.inline-compact .activity [data-action=help]~[data-action=help]{display:none}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .editor-stack{display:flex!important;flex-direction:column;min-height:0;height:100%}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus):not([data-pane=logs]) .editor{display:flex;flex:1;min-height:0;height:auto}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus):not([data-pane=logs]) .log{display:flex!important;flex-direction:column;flex:0 0 auto;min-height:max(25%,225px);height:auto;overflow:hidden}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .log .tabs{overflow:auto;flex:none;padding:0 4px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .log-tools{margin:4px 8px;gap:8px;flex-wrap:wrap;font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .log-tools input:not([type=checkbox]){width:90px}
 /* Size Output from its wrapped controls plus three real lines, never a fixed fraction that can clip them. */
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .log-content{flex:1 0 60px;min-height:60px;height:60px;margin:6px 12px;font-size:12px;line-height:20px;color:var(--editor-fg)}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .editor>.tabs{min-height:44px;height:auto;flex:none;flex-direction:row;flex-wrap:wrap}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .code-tab{display:none}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .tabs .tools{width:100%;margin:0;padding:2px;gap:2px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .demo-transport{width:auto;gap:2px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .tools button{padding:0 6px;font-size:12px;min-height:40px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .tools [data-sim=run]{width:94px;flex-basis:94px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .demo-view-tabs button{padding:6px 12px;font-size:12px;min-height:34px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .focused-first-run{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .breadcrumb{height:22px;flex:none;font-size:11px;padding:2px 10px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .chat{display:flex;position:relative;min-width:0;height:100%;overflow:hidden;padding-bottom:90px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .chat-head{flex:none}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .composer{position:absolute;bottom:8px;left:8px;right:8px;margin:0;min-height:76px;padding:6px;border:1px solid var(--app-border);border-radius:4px;background:var(--sidebar)}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) :is(.chat-topic,.prompt-line,.chat-status,.byok,.context-chip){display:none}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .copilot-thread{order:1;flex:1;min-height:0}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .copilot-local{order:2}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .workspace-actions{order:3;padding:4px 10px;border:0}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .workspace-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .workspace-actions button{min-height:44px;padding:6px 8px;background:var(--secondary-bg);color:var(--secondary-fg);border:1px solid var(--input-fg);border-radius:7px;font-size:12px;cursor:pointer}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .workspace-actions button:hover{background:var(--button-hover);color:var(--button-hover-fg)}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .workspace-actions p{font-size:11px;line-height:1.5;margin:0 0 4px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .copilot-intro{font-size:12px;color:var(--muted);margin:8px 0}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .composer textarea{min-height:52px;height:52px;margin:0;font-size:12px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .composer-footer{min-height:0}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .copilot-suggestions:empty{display:none}
 html[data-focused-home] #hero-app.inline-compact{height:clamp(650px,62vw,880px)!important}
 html[data-focused-home] #hero-app.inline-compact .studio{height:100%!important}
 html[data-focused-home] #hero-app.inline-compact .file-row{height:23px;min-height:23px;font-size:12px}
 html[data-focused-home] #hero-app.inline-compact .breadcrumb{min-height:22px}
 html[data-focused-home] #hero-app.inline-compact .breadcrumb button{height:20px;min-height:20px;padding:0;line-height:20px;font-size:11px}
 html[data-focused-home] #hero-app.inline-compact[data-copilot-closed=true] .chat{display:none}
 html[data-focused-home] #hero-app.inline-compact[data-copilot-closed=true] .app-body{grid-template-columns:44px minmax(0,20fr) minmax(0,80fr)!important}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .composer .copilot-field{flex-direction:row;align-items:center;padding:0;gap:4px;border:0;border-radius:0;background:none}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .composer [data-copilot-send]{min-width:60px;padding:4px;font-size:12px}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .composer textarea{resize:none}
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .code-body>.reference-note{padding:4px 10px;min-height:24px;font-size:11px}
}
/* Reserve the two wrapped filter rows before the adapter hydrates at narrow desktop widths. */
@media(min-width:1000px) and (max-width:1100px){
 html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus):not([data-pane=logs]) .log{min-height:250px}
}
/* Application chrome uses the UI face; code and numerical output retain monospace. */
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) :is(.tools button,.log-tools button,.log-tools input){font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html[data-focused-home] :is(#hero-app.inline-compact,#strategy-focus) .log-tools button{font-size:12px}
html[data-focused-home] #hero-app.inline-compact .activity button{font-size:18px}