/* The shipping panel is 1080 CSS pixels wide: show the canvas 1:1 there. */
@media(max-width:1200px){.stage{display:block;padding:0;background:#05070a}.device{width:100vw;height:100svh;max-height:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.prototype-notes{display:none}.waybar{font-size:clamp(10px,2.1vw,18px)}.terminal,.modal-content{font-size:clamp(11px,2.05vw,19px)}}

/* Full-canvas pass: the real 1080px panel is wide enough for dense terminal panes. */
.room-workbench{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 29%;border-bottom:1px solid var(--line)}
.room-workbench .chat-log{min-width:0}.context-rail{border-left:1px solid var(--line);background:#0b121a;padding:5%;display:flex;flex-direction:column;gap:3%}
.context-rail header{display:flex;justify-content:space-between;color:var(--cyan);font-size:.72em}.context-rail header span{color:var(--green)}
.context-rail section{padding:8% 6%;border:1px solid #223142;background:#101923;display:flex;flex-direction:column}.context-rail small{color:var(--muted);font-size:.62em;letter-spacing:.1em}.context-rail strong{font-size:1.15em;margin:.3em 0;color:var(--yellow)}
.context-rail .good{color:var(--green);font-size:.82em}.context-rail p{margin:0;color:#aebdcc;font-size:.62em;line-height:1.4}.context-rail footer{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:.5em;color:var(--muted);font-size:.62em}.context-rail footer b{color:var(--text)}.app-room>.composer{margin-top:1.5%}
.mail-workbench{flex:1;min-height:0;display:grid;grid-template-columns:41% 59%}.mail-workbench .mail-list{min-width:0;border-right:1px solid var(--line)}
.mail-workbench .mail{height:20%;grid-template-columns:7% 1fr auto;padding:2% 3%}.mail-workbench .mail strong{font-size:.82em}.mail-workbench .mail p{font-size:.64em}
.mail-preview{padding:5%;overflow:hidden;background:linear-gradient(145deg,#0d141d,#0a0f15)}.mail-preview header{display:grid;grid-template-columns:auto 1fr auto;gap:2%;color:var(--muted);font-size:.64em}.mail-preview header b{color:#bac7d2;overflow:hidden;text-overflow:ellipsis}
.mail-preview h2{font-size:1.28em;margin:8% 0;border-bottom:1px solid var(--line);padding-bottom:5%}.mail-preview p{font:.82em/1.55 system-ui,sans-serif;color:#cbd6df}.mail-preview .muted{color:var(--muted);font-size:.7em}
.mail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;margin:8% 0}.mail-facts span{border:1px solid var(--line);padding:9%;display:flex;flex-direction:column}.mail-facts small{color:var(--muted);font-size:.57em}.mail-facts b{color:var(--cyan);font-size:.8em;margin-top:.35em}
.calendar-workbench{flex:1;min-height:0;display:grid;grid-template-columns:69% 31%}.calendar-workbench .agenda{min-width:0;border-right:1px solid var(--line)}
.calendar-workbench .event{grid-template-columns:20% 1fr;padding-left:3%;padding-right:3%}.calendar-workbench .event b{font-size:.94em}.calendar-workbench .event p{font-size:.66em}
.day-panel{padding:10%;background:#0b121a;display:flex;flex-direction:column;align-items:flex-start}.day-panel>small{color:var(--cyan);letter-spacing:.15em}.day-panel>strong{font-size:4em;line-height:1;color:var(--text);margin-top:8%}.day-panel>span{color:var(--muted);letter-spacing:.18em}
.day-stat{width:100%;border-top:1px solid var(--line);margin-top:12%;padding-top:9%;display:flex;flex-direction:column}.day-stat b{color:var(--yellow)}.day-stat small{color:var(--muted);font-size:.58em;margin-top:.35em}.weather{margin-top:auto;display:flex;gap:12%;align-items:center;width:100%;border-top:1px solid var(--line);padding-top:10%}.weather>b{font-size:1.8em;color:var(--cyan)}.weather span{font-size:.7em}.weather small{color:var(--muted)}
.mock-table{display:grid;grid-template-columns:56% 44%;grid-template-rows:auto repeat(6,1fr)}.mock-table .table-head,.mock-table .table-row{grid-column:1;grid-template-columns:26% 47% 27%;padding-left:3%;padding-right:3%}.mock-table .table-head{font-size:.86em}.mock-table .table-row{font-size:.88em}.mock-table .preview{grid-column:2;grid-row:1/8;height:auto;padding:7%;border-top:0;border-left:1px solid var(--line);background:#0d141c}
.player{display:grid;grid-template-columns:44% 56%;grid-template-rows:auto auto auto 1fr;column-gap:6%;align-items:start;background:radial-gradient(circle at 20% 25%,#233f4b,transparent 38%)}.player .album{grid-row:1/5;width:100%;align-self:start}.player h2{margin-top:2%}.player .transport{width:100%;justify-content:space-between;margin:5% 0}.player .queue{align-self:stretch}.player .queue div{gap:5%}
.remote-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:50%}.remote-list .host{border:1px solid #1c2834;padding:6%}
.feed-list{display:grid;grid-template-columns:44% 56%;grid-template-rows:repeat(4,1fr)}.feed-list article{grid-column:1;padding:5%}.feed-list:after{content:"Designing Linux for touch\A\AThe best small-screen interfaces do not shrink a desktop. They expose one primary action while using the complete canvas for context, navigation, and state.\A\AReading time 12 min  ·  LWN";white-space:pre-wrap;grid-column:2;grid-row:1/5;padding:8%;font:1em/1.65 system-ui,sans-serif;color:#ccd7e0;background:#0d141c;border-left:1px solid var(--line)}
.git-layout{grid-template-columns:32% 30% 38%;grid-template-rows:100%}.git-layout .branches{grid-row:auto}.git-layout>div{padding:5%}

/* v4: PiBrick as an agent-operated mobile engineering workstation. */
.agent-deck{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2%;padding:2% 3%}.agent{border:1px solid #263847;background:#0d161f;padding:5%;display:grid;grid-template-columns:1fr auto;align-content:start}.agent.selected{border-color:var(--cyan);background:#10212a}.agent>b{color:var(--cyan)}.agent>span{font-size:.65em;color:var(--muted)}.agent p{grid-column:1/3;color:#d1dce5;font-weight:700}.agent small{grid-column:1/3;color:var(--muted)}.lane-strip{display:flex;align-items:center;gap:2%;padding:2% 3%;border-top:1px solid var(--line);font-size:.68em}.lane-strip b{color:var(--cyan)}.lane-strip span{border:1px solid #293b49;padding:.6em}.lane-strip .done{color:var(--green)}
.repo-tabs,.device-tabs{height:7%;display:flex;background:#101923;border-bottom:1px solid var(--line)}.repo-tabs span,.device-tabs span{display:grid;place-items:center;padding:0 3%;font-size:.66em;color:var(--muted)}.repo-tabs .selected,.device-tabs .selected{background:var(--cyan);color:#071014;font-weight:800}.code-workbench{flex:1;min-height:0;display:grid;grid-template-columns:31% 47% 22%}.code-workbench>section,.deploy-rail{padding:5%;border-right:1px solid var(--line)}.code-workbench b{color:var(--cyan);font-size:.72em}.code-workbench p{font-size:.72em}.git-tree .selected{background:#17313b;color:#e8faff;padding:.6em}.code-diff pre{font:inherit;line-height:1.65}.code-diff .dim{color:var(--muted)}.code-diff .red{color:#ff7b85}.code-diff .green{color:var(--green)}.deploy-rail{display:flex;flex-direction:column;gap:8%;font-size:.72em}.deploy-rail hr{border:0;border-top:1px solid var(--line);width:100%}.good{color:var(--green)!important}
.hardware-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2%;padding:2%}.hardware-grid section{border:1px solid #293b49;background:#0d161f;padding:5%;display:flex;flex-direction:column}.hardware-grid header{display:flex;justify-content:space-between}.hardware-grid header b{color:var(--cyan)}.hardware-grid header span{font-size:.65em;color:var(--muted)}.hardware-grid pre{font:inherit;line-height:1.6}.hardware-grid footer{margin-top:auto;color:var(--muted);font-size:.65em}.serial-line{height:8%;display:grid;grid-template-columns:auto 1fr auto;gap:3%;align-items:center;padding:0 3%;border-top:1px solid var(--line);font-size:.7em}.serial-line b{color:var(--cyan)}.serial-line i{animation:blink 1s steps(1) infinite}.cockpit{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr auto;gap:2%;padding:3%}.cockpit header,.cockpit footer{grid-column:1/3;display:flex;gap:5%;align-items:center}.cockpit header span:last-child{margin-left:auto}.cockpit section{border:1px solid var(--line);padding:5%}.cockpit small{color:var(--muted)}.cockpit strong{display:block;color:var(--cyan);margin:6% 0}.cockpit pre{font:inherit;line-height:1.8}.cockpit footer{justify-content:space-between;border-top:1px solid var(--line);padding-top:2%}.modal-printer{height:100%}

/* v3: terminal-first core and truly compact Firefox chrome. */
.ascii-mark{margin:3% 3% 0;padding:2.5%;color:var(--cyan);background:#0a1118;border:1px solid #203240;font-size:.9em;line-height:1.45;overflow:hidden}
.home-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2%;padding:2% 3%}.home-grid section{min-width:0;border:1px solid #263847;background:#0d161f;padding:5%;display:flex;flex-direction:column}.home-grid header{display:flex;justify-content:space-between;color:var(--cyan);font-size:.72em;margin-bottom:8%}.home-grid header span{color:var(--muted)}.home-grid .good,.printer-log .good{color:var(--green)}.home-grid section>strong{font-size:1em;color:var(--yellow)}.home-grid p{font-size:.72em;line-height:1.45;color:var(--muted)}.home-grid pre{margin:0;color:#c8d6e1;font:inherit;line-height:1.65}.home-grid .attention{border-color:#805f24}.prompt-line{height:8%;display:flex;gap:.7em;align-items:center;padding:0 3%;border-top:1px solid var(--line)}.prompt-line span,.prompt-line b{color:var(--cyan)}.prompt-line i{font-style:normal;animation:blink 1s steps(1) infinite}.prompt-line em{margin-left:auto;color:var(--muted);font-size:.65em;font-style:normal}@keyframes blink{50%{opacity:0}}
.terminal-chat{display:flex;grid-template-columns:none;padding:3%;gap:2.7%}.terminal-chat .chat-row{grid-template-columns:7% 1fr;width:100%;padding:2.2% 2.5%}.terminal-chat .chat-row.henry,.terminal-chat .chat-row.codex{grid-column:auto;grid-template-columns:7% 1fr}.app-room>.composer{margin:0 2.4%}
.printer-art{margin:0;padding:4% 5%;height:30%;color:var(--cyan);font-size:1.05em;line-height:1.4;background:radial-gradient(circle at 25% 45%,#13303a,transparent 45%);border-bottom:1px solid var(--line)}.printer-actions{height:43%;display:grid;grid-template-columns:1fr 1fr;gap:2%;padding:2%}.printer-actions button{display:flex;align-items:center;gap:6%;padding:6%;border:1px solid #2c3e4e;background:#0f1922;text-align:left}.printer-actions button b{color:var(--cyan)}.printer-actions button span{display:flex;flex-direction:column;font-weight:700}.printer-actions small{margin-top:.5em;color:var(--muted);font-weight:400}.printer-log{flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:4%;align-items:center;padding:0 3%;border-top:1px solid var(--line);font-size:.72em}.printer-log b{color:var(--cyan)}
.tmux-tabs{height:6%;display:flex;background:#101923;border-bottom:1px solid var(--line)}.tmux-tabs span{display:grid;place-items:center;padding:0 3%;color:var(--muted);font-size:.7em}.tmux-tabs .selected{background:var(--cyan);color:#071014;font-weight:800}.shell-buffer{flex:1;margin:0;padding:5%;font:1em/1.55 inherit;color:#d7e2eb;background:radial-gradient(circle at 25% 35%,#10242a,transparent 45%);overflow:hidden}.shell-buffer .dim{color:var(--muted)}.shell-buffer .cyan{color:var(--cyan)}.shell-buffer i{font-style:normal;animation:blink 1s steps(1) infinite}.shell-status{height:5%;display:grid;grid-template-columns:1.5fr 1fr 1fr auto;align-items:center;padding:0 2%;background:#16303a;color:#caedf0;font-size:.65em}.softkeys{height:7%;display:grid;grid-template-columns:repeat(5,1fr);gap:1%;padding:1%}.softkeys span{display:grid;place-items:center;border:1px solid #334757;background:#111b24;color:var(--muted);font-size:.65em}
.app-modal.browser-mode .browser-toolbar{height:4%;min-height:30px;display:grid;grid-template-columns:5% 1fr 5% 5%;gap:.5%;padding:0 .8%;background:#20252b}.app-modal.browser-mode .browser-toolbar>button{height:100%;padding:0;font-size:.82em}.app-modal.browser-mode .browser-address{height:72%;padding:0 1.2%;border-radius:5px}.app-modal.browser-mode .browser-address b{font-size:.66em}.app-modal.browser-mode .browser-page{height:96%}.app-modal.browser-mode .browser-sitehead{padding:2.2% 3%}.app-modal.browser-mode .browser-body{padding:3%}.app-modal.browser-mode .browser-status,.app-modal.browser-mode .browser-tabs{display:none}