app.css

@import 'highlight.js/styles/stackoverflow-dark.css';

:root {
  color-scheme: dark;
  --background:#171c1c; --panel:#232a29; --display:#111717; --text:#e5e6dd; --muted:#a9b4ae;
  --accent:#f2a260; --line:#414c47; --raised:#303936; --ink:#1c211c; --error:#ffb2a0; --success:#a7c69a;
  --font-body:'Barlow',sans-serif; --font-label:'Barlow Condensed',sans-serif; --font-mono:ui-monospace,monospace;
  --base-font:14px; --explorer-width:248px; --controls-width:232px; --row-height:33px;
  --ease:cubic-bezier(.16,1,.3,1); --spring:cubic-bezier(.2,1.7,.35,1);
  font-family:var(--font-body);font-size:var(--base-font);font-weight:400;color:var(--text);background:var(--background);
}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit}
button:disabled{cursor:not-allowed;opacity:.42}
button,select,input,textarea{border-radius:3px}
button{border:0;background:transparent}
a{color:var(--accent);text-underline-offset:3px}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button:focus:not(:focus-visible){outline:none}
::selection{background:var(--accent);color:var(--ink)}
input,textarea{caret-color:var(--accent)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input,textarea,select{border:1px solid var(--line);background:var(--display);color:var(--text);padding:10px 12px;min-width:0;max-width:100%;box-shadow:inset 0 2px 4px #0003}
textarea{resize:vertical;line-height:1.55}
input[type=range]{accent-color:var(--accent);padding:0;box-shadow:none;min-height:28px}
input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}
input[type=checkbox][role=switch]{appearance:none;width:38px;height:21px;border-radius:11px;padding:0;background:var(--display);position:relative;box-shadow:inset 0 2px 4px #0005;transition:background 150ms}
input[type=checkbox][role=switch]::after{content:'';width:13px;height:13px;border-radius:50%;position:absolute;left:3px;top:3px;background:var(--muted);box-shadow:0 2px 2px #0005;transition:transform 220ms var(--spring)}
input[type=checkbox][role=switch]:checked{background:var(--accent);border-color:var(--accent)}
input[type=checkbox][role=switch]:checked::after{transform:translateX(17px);background:var(--ink)}
h1,h2,h3,p{margin:0}
h1,h2,h3{text-wrap:balance;font-weight:500}
code,pre,kbd{font-family:var(--font-mono)}
kbd{font-size:.71rem;font-weight:400;color:var(--muted);border:1px solid var(--line);border-bottom-width:2px;border-radius:3px;padding:2px 4px;white-space:nowrap}
svg{flex-shrink:0;display:inline-block;vertical-align:middle}
ul{margin:0;padding:0;list-style:none}
summary{cursor:pointer;padding:8px 0;color:var(--muted)}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font-family:var(--font-label);font-size:1.25rem;color:var(--text);margin-bottom:20px}
label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.93rem}
label input,label select,label textarea{color:var(--text)}
.key{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:8px 14px;border:1px solid #68716a66;border-bottom:2px solid #101513;border-radius:4px;background:linear-gradient(180deg,#ffffff0c,#ffffff00 55%),var(--raised);box-shadow:0 3px 4px #0005,inset 0 1px 0 #ffffff0b;transform:translateY(0);text-decoration:none;color:var(--text);transition:transform 200ms var(--spring),background-color 140ms,box-shadow 160ms;position:relative}
.key:hover:not(:disabled){background-color:color-mix(in srgb,var(--raised) 85%,var(--text));border-top-color:var(--muted)}
.key:active:not(:disabled),.key.pressed{transform:translateY(2px);box-shadow:0 1px 2px #0004,inset 0 2px 4px #0003;border-bottom-width:2px}
.key.primary{background-color:var(--accent);color:var(--ink);border-color:#e5b786;border-bottom-color:#825732;box-shadow:0 3px 5px #0006,inset 0 1px 0 #ffe1b755;font-weight:600}
.key.primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--accent) 85%,white)}
.key.danger{background:#67392f;color:#ffe4da;border-color:#a5664f}
.key.small{min-height:31px;font-size:.88rem;padding:5px 10px;gap:6px}
.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:32px;padding:6px;flex-shrink:0}
.flat{display:inline-flex;gap:7px;align-items:center;justify-content:center;color:var(--muted);padding:5px 7px;transition:background 140ms,color 140ms;text-decoration:none}
.flat:hover:not(:disabled){color:var(--text);background:#ffffff07}
.button-cluster{display:flex;align-items:center;gap:5px}
.skip-link{position:fixed;z-index:100;left:20px;top:-100px;background:var(--accent);color:var(--ink);padding:12px 20px}
.skip-link:focus{top:12px}
.console-shell{height:100dvh;min-height:640px;display:flex;flex-direction:column;padding:12px 14px 0;gap:0;position:relative;isolation:isolate}
.top-plate{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:11px 26px 13px;border:1px solid var(--line);border-radius:7px 7px 0 0;background:linear-gradient(165deg,#ffffff03,#00000005),var(--panel);box-shadow:inset 0 1px 0 #ffffff0b,0 5px 12px #0004;position:relative;z-index:2}
.top-plate::before,.top-plate::after{content:'';position:absolute;width:6px;height:6px;border:1px solid #727b7066;border-radius:50%;background:linear-gradient(45deg,transparent 41%,#0c1110 44%,#0c1110 57%,transparent 60%),var(--raised);box-shadow:0 1px 2px #0007;top:10px}
.top-plate::before{left:10px}.top-plate::after{right:10px}
.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--text);flex-shrink:0}
.brand-mark{width:44px;height:48px;border:1px solid var(--line);border-radius:3px;background:var(--display);display:grid;place-items:center;box-shadow:inset 0 2px 5px #0008,0 1px 0 #ffffff0a}
.brand-mark svg{height:31px;stroke:var(--accent);stroke-width:2;fill:none}
.brand strong{font-family:var(--font-label);font-size:2.65rem;font-weight:500;letter-spacing:.2em;line-height:1}
.brand small{display:block;font-family:var(--font-label);font-size:.75rem;letter-spacing:.2em;color:var(--muted);margin-top:8px}
.header-instruments{display:flex;gap:26px;align-items:center;padding:0 25px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.header-actions{display:flex;gap:10px;align-items:center}
.command-key{min-width:159px;justify-content:flex-start;gap:10px}.command-key kbd{margin-left:auto}
.instrument{display:flex;align-items:center;flex-direction:column;gap:5px}
.tube-bank{display:flex;gap:4px}
.tube{width:25px;height:43px;position:relative;border:1px solid #81918a4a;border-radius:11px 11px 4px 4px;background:linear-gradient(100deg,#afc4b006,#0a1111 24%,#161a1740 63%,#f7fbe90a 89%,#1a201d);box-shadow:inset 1px 1px 2px #dee1c318,inset -2px -1px 3px #000,0 3px 4px #0007;isolation:isolate}
.anode{position:absolute;inset:5px 3px 6px;border:1px solid #8b736927;border-radius:7px;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#b5aea812 3px,#b5aea812 4px),repeating-linear-gradient(90deg,transparent,transparent 4px,#b5aea810 4px,#b5aea810 5px)}
.cathodes{position:absolute;inset:2px 1px 5px;display:grid;place-items:center;perspective:100px}
.cathodes span{grid-area:1/1;font-family:'Rajdhani',sans-serif;font-size:36px;font-weight:400;line-height:1;color:transparent;-webkit-text-stroke:.45px #99aa9b;opacity:.07;transform:translateZ(calc(var(--depth)*-.35px)) translateY(1px);transition:opacity 200ms,transform 230ms var(--spring),filter 180ms}
.cathodes span.lit{opacity:1;-webkit-text-stroke:.6px var(--accent);color:#eec8a91c;text-shadow:0 1px 5px #ff761d8c,0 1px 1px #fba156;transform:translateZ(2px);filter:brightness(1.2)}
.glass-shine{position:absolute;inset:3px 3px auto;height:9px;border-radius:7px 7px 50% 50%;border-top:1px solid #f7f5df3b;border-left:1px solid #f7f5df18}
.tube-base{position:absolute;bottom:-2px;left:-1px;right:-1px;height:5px;background:linear-gradient(#687268,#1b201e 40%,#323c34 65%,#0c1310);border-radius:0 0 3px 3px;box-shadow:0 2px 3px #0007}
.instrument-label{font-family:var(--font-label);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);line-height:1.5}
.project-rail{display:flex;align-items:center;gap:18px;min-height:56px;padding:8px 13px 0 17px;border:1px solid var(--line);border-top:0;background:var(--background);box-shadow:inset 0 3px 7px #0003}
.rail-label{font-family:var(--font-label);font-size:.78rem;letter-spacing:.14em;color:var(--muted)}
.project-tabs{display:flex;align-self:stretch;min-width:0;overflow-x:auto;gap:7px;flex:1;scrollbar-width:thin}
.project-tab{display:flex;align-items:center;gap:12px;padding:10px 18px 12px;white-space:nowrap;border:1px solid transparent;border-bottom:0;color:var(--muted);font-weight:500;position:relative;border-radius:4px 4px 0 0;transition:background 170ms,transform 220ms var(--spring)}
.project-tab:hover{background:var(--panel);color:var(--text)}
.project-tab.active{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:inset 0 2px 0 var(--accent),0 -3px 5px #0002}
.channel-number{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}
.project-tab.active .channel-number{color:var(--accent)}
.project-indicator{width:5px;height:5px;border-radius:50%;background:var(--line)}
.project-tab.active .project-indicator{background:var(--accent);box-shadow:0 1px 4px #f2a26044}
.add-project{align-self:center;margin-bottom:6px;white-space:nowrap}
.workspace{display:grid;grid-template-columns:var(--explorer-width) minmax(0,1fr) var(--controls-width);flex:1;min-height:0;border:1px solid var(--line);border-top:0;background:var(--panel);box-shadow:0 4px 15px #0004}
.workspace.no-explorer{grid-template-columns:minmax(0,1fr) var(--controls-width)}.workspace.no-explorer .file-drawer{display:none}
.workspace.no-controls{grid-template-columns:var(--explorer-width) minmax(0,1fr)}.workspace.no-controls .control-bank{display:none}
.workspace.no-controls.no-explorer{grid-template-columns:minmax(0,1fr)}
.file-drawer{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,var(--background))}
.drawer-switch{display:flex;padding:10px 12px 0;gap:6px;min-height:48px;border-bottom:1px solid var(--line)}
.drawer-switch button{display:flex;gap:8px;align-items:center;padding:5px 10px 12px;color:var(--muted);position:relative;flex:1;justify-content:center;font-size:.92rem}
.drawer-switch button.active{color:var(--accent)}.drawer-switch button.active::after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--accent);left:10px;right:10px}
.count-chip{font-size:.71rem;border:1px solid var(--line);border-radius:3px;padding:1px 4px;color:var(--muted);min-width:18px;text-align:center}
.explorer{display:flex;flex-direction:column;min-height:0;flex:1}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 15px 8px;gap:8px}
.drawer-heading h2{font-family:var(--font-label);font-size:1.14rem;letter-spacing:.02em;white-space:nowrap}
.filter-field{margin:5px 14px 16px;display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:3px;padding:0 8px;background:var(--display);color:var(--muted)}
.filter-field input{background:transparent;border:0;box-shadow:none;padding:8px 0;font-size:.84rem;min-width:0;width:100%}.filter-field kbd{border:0}
.root-label{display:flex;align-items:center;gap:8px;padding:0 16px 12px;color:var(--text);font-size:.85rem}
.root-label>span:not(.root-marker){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.root-marker{margin-left:auto;font-family:var(--font-label);font-size:.65rem;letter-spacing:.12em;color:var(--muted)}
.tree-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.file-row{display:flex;align-items:center;min-height:var(--row-height);padding:0 7px 0 calc(9px + var(--indent)*14px);color:var(--muted)}
.file-row:hover{background:#ffffff06;color:var(--text)}
.file-row.selected{background:color-mix(in srgb,var(--accent) 10%,var(--display));color:var(--accent)}
.file-label{display:flex;gap:7px;align-items:center;flex:1;min-width:0;padding:6px 0;text-align:left;font-size:.88rem}
.file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1}
.file-caret{width:12px;display:grid;place-items:center;flex-shrink:0;transition:transform 180ms var(--spring)}
.file-caret.expanded{transform:rotate(90deg)}
.file-more{opacity:0;min-width:25px;min-height:27px;padding:4px}.file-row:hover .file-more,.file-more:focus-visible{opacity:1}
.tree-loading{font-size:.8rem;color:var(--muted);margin:8px 20px 12px 40px}
.load-more{margin:12px 16px;font-size:.85rem;color:var(--accent);padding:6px}
.drawer-foot{display:flex;align-items:center;gap:8px;min-height:42px;padding:12px 15px;border-top:1px solid var(--line);font-size:.73rem;color:var(--muted)}
.project-tab-group{display:flex;align-items:stretch;flex-shrink:0}
.project-tab-group>.project-tab{padding-inline-end:8px}
.project-close{align-self:center;margin-inline-end:6px}
.session-chassis{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--display);box-shadow:inset 0 2px 8px #0008;position:relative}
.session-rails{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;max-height:26vh;overflow:auto}
.session-level{display:flex;align-items:stretch;padding-left:calc(9px + var(--level)*10px);border-top:1px solid #0003;min-height:47px;box-shadow:inset 0 1px 0 #ffffff03;gap:5px}
.level-connector{display:grid;place-items:center;width:19px;color:var(--muted);flex-shrink:0;opacity:.7}
.session-tabs{display:grid;justify-content:start;min-width:0;flex:1;overflow-x:auto;gap:4px;padding:7px 0;scrollbar-width:thin}
.session-tab-list{display:grid;grid-template-columns:subgrid;grid-column:1/-1;grid-row:1;min-width:0}
.session-tab{display:flex;align-items:center;gap:0;background:var(--background);border:1px solid var(--line);border-radius:4px;white-space:nowrap;box-shadow:0 2px 3px #0003;flex-shrink:0;max-width:240px;animation:tab-latch 280ms var(--spring)}
.session-tab>button[role=tab]{display:flex;align-items:center;gap:8px;padding:6px 36px 6px 9px;min-width:0;flex:1;color:var(--muted);font-size:.84rem}
.session-tab-close{grid-row:1;justify-self:end;align-self:center;z-index:1;margin-inline-end:1px}
.session-tab-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.session-tab.active{background:var(--raised);border-color:#707b6e70}.session-tab.active>button[role=tab]{color:var(--text)}
.session-tab.current{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 2px 4px #0006,inset 0 1px 0 #ffffff10}
.session-tab.drop-ready:hover{outline:2px dashed var(--accent);outline-offset:1px}
.tab-close{display:grid;place-items:center;padding:6px;color:var(--muted);margin-right:3px;min-width:23px;min-height:25px}.tab-close:hover{background:#ffffff0a;color:var(--text)}
.session-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 23px 18px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:#ffffff01;min-width:0}
.session-heading>div:first-child{min-width:0}.session-heading h1{font-family:var(--font-label);font-size:1.66rem;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.session-target{display:flex;gap:6px;align-items:center;font-family:var(--font-mono);font-size:.69rem;color:var(--muted);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.content-tabs{display:flex;align-items:stretch;gap:4px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 50%,var(--display));padding:0 14px;overflow-x:auto;min-height:38px;flex-shrink:0;scrollbar-width:thin}
.content-tabs>button,.content-file-tab{color:var(--muted);font-size:.8rem;display:flex;align-items:center;gap:7px;white-space:nowrap;border-bottom:1px solid transparent;flex-shrink:0}
.content-tabs>button{padding:9px 10px}.content-tabs>button.active,.content-file-tab.active{color:var(--accent);border-color:var(--accent)}
.content-file-tab>button{display:flex;align-items:center;gap:6px;padding:8px}.content-file-tab>button:last-child{padding:5px;margin-right:4px}
.transcript{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-padding:20px}
.connection-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:.8rem;flex-shrink:0}.connection-banner>span{display:flex;align-items:center;gap:8px}.connection-banner>span svg{color:var(--accent)}.connection-banner>.key{white-space:nowrap}
.ready-state{min-height:100%;padding:27px 38px 23px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}
.ready-instrument{position:relative;padding:12px 28px 11px;border:1px solid #465146;border-radius:7px;background:linear-gradient(180deg,#323b321e,#151c1844);box-shadow:inset 0 1px 0 #e4edcd08,0 4px 12px #0004;margin-bottom:24px}
.instrument.large .tube{width:44px;height:77px;border-radius:19px 19px 5px 5px}
.instrument.large .tube-bank{gap:8px}.instrument.large .cathodes{inset:5px 2px 9px}.instrument.large .cathodes span{font-size:66px;-webkit-text-stroke:.75px #99aa9b}
.instrument.large .cathodes span.lit{-webkit-text-stroke:.85px var(--accent);text-shadow:0 1px 8px #ff761da3,0 1px 2px #ffc181}
.instrument.large .anode{inset:9px 6px 10px;border-radius:12px}.instrument.large .tube-base{height:7px}.instrument.large .glass-shine{inset:5px 5px auto;height:13px}
.instrument.large{gap:10px}.instrument.large .instrument-label{font-size:.68rem;letter-spacing:.2em}
.instrument-legend{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #354134;margin-top:7px;padding-top:8px;font-family:var(--font-label);font-size:.64rem;letter-spacing:.12em;color:var(--muted)}
.ready-state h2{font-family:var(--font-label);font-size:2.75rem;font-weight:500;letter-spacing:.008em;line-height:1.07;color:var(--text)}
.ready-state>p{margin:14px 0 0;font-size:.99rem;line-height:1.65;color:var(--muted);max-width:52ch;text-wrap:pretty}
.starter-commands{display:flex;gap:0;margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;max-width:520px}
.starter-commands>button{display:flex;align-items:center;gap:10px;text-align:left;padding:15px 10px;flex:1;min-width:0;transition:background 140ms;color:var(--text)}
.starter-commands>button+button{border-left:1px solid var(--line)}
.starter-commands>button>svg:first-child{color:var(--accent);width:17px}.starter-commands>button>svg:last-child{margin-left:auto;color:var(--muted)}
.starter-commands>button:hover{background:var(--panel)}
.starter-commands span{font-size:.91rem;font-weight:500;line-height:1.3}.starter-commands small{display:block;font-size:.76rem;color:var(--muted);margin-top:4px;font-weight:400}
.setup-prompt{font-size:.8rem;color:var(--muted);max-width:55ch;margin-top:18px;line-height:1.45;display:flex;flex-direction:column;align-items:center;gap:5px}.setup-prompt>.flat{color:var(--accent)}
.message{padding:25px 32px 9px;max-width:900px;margin:0 auto}.message.user{padding-top:26px}
.message-meta{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:.85rem}.message-avatar{width:25px;height:25px;border:1px solid var(--line);background:var(--panel);border-radius:4px;display:grid;place-items:center;color:var(--accent);font-family:var(--font-label);font-size:.82rem}
.message.user .message-avatar{color:var(--muted)}.message-sequence{margin-left:auto;color:var(--muted);font-family:var(--font-mono);font-size:.68rem}
.message-content{padding-left:34px}.message-content .markdown{font-size:1.08rem}.message.user .message-content{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:14px 18px;margin-left:34px}
.message.system-message{color:var(--muted);padding-top:15px}.message.system-message .markdown{font-size:.9rem}.message-content details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;line-height:1.6}
.working-observation{display:flex;align-items:center;gap:10px;padding:22px 32px;color:var(--accent);font-size:.93rem}.working-observation>span:last-child{margin-left:auto;color:var(--muted);font-size:.8rem}
.composer{margin:8px 18px 14px;padding:12px 13px 0;border:1px solid #556051;border-bottom-color:#131b15;border-radius:5px;background:linear-gradient(180deg,#ffffff04,#ffffff00),var(--panel);box-shadow:0 4px 8px #0005,inset 0 1px 0 #ffffff08;flex-shrink:0;position:relative;z-index:3}
.composer-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.mode-switch,.segmented{display:flex;background:var(--display);padding:3px;border:1px solid #0d1410;border-radius:4px;box-shadow:inset 0 2px 4px #0005;gap:2px}
.mode-switch button{padding:5px 12px;text-transform:capitalize;font-size:.8rem;min-height:29px;color:var(--muted);transition:transform 180ms var(--spring),background 150ms}
.mode-switch button.active{background:var(--raised);color:var(--accent);box-shadow:0 1px 3px #0008,inset 0 1px 0 #acbca315;transform:translateY(-1px)}
.model-button{font-size:.78rem;min-width:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-end}
.composer-well{display:flex;gap:12px;align-items:stretch;padding:10px 10px 10px 13px;border:1px solid #444e44;border-radius:3px;background:var(--display);box-shadow:inset 0 2px 6px #0006}
.composer-well textarea{flex:1;padding:3px 0;resize:none;min-height:64px;max-height:180px;line-height:1.6;border:0;box-shadow:none;background:transparent;font-size:1.04rem;outline-offset:4px}
.send-key{min-width:61px;flex-direction:column;align-self:flex-end;gap:3px;padding:9px 11px;min-height:59px;font-size:.78rem}
.composer-foot{display:flex;align-items:center;gap:12px;min-height:34px;font-size:.68rem;color:var(--muted)}
.composer-foot .flat{font-size:.75rem;padding-left:0}.slash-symbol{font-family:var(--font-mono);color:var(--accent);font-size:1rem}.enter-hint{margin-left:auto}.composer-foot kbd{font-family:var(--font-body);font-size:inherit;border:0;padding:0}
.slash-suggestions{position:absolute;bottom:calc(100% + 8px);left:0;right:0;border:1px solid var(--line);background:var(--panel);border-radius:5px;box-shadow:0 -3px 22px #0005;padding:5px;max-height:260px;overflow:auto}
.slash-suggestions button{display:flex;align-items:center;gap:20px;width:100%;padding:9px 12px;text-align:left;font-size:.88rem}.slash-suggestions button:hover{background:var(--raised)}.slash-suggestions code{color:var(--accent);min-width:90px}
.control-bank{display:flex;flex-direction:column;padding:0 17px;min-height:0;overflow:auto;border-left:1px solid var(--line);scrollbar-width:thin;background:linear-gradient(90deg,#00000008,transparent 10%),var(--panel)}
.control-heading{min-height:49px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:8px}.control-heading h2{font-family:var(--font-label);font-size:1.12rem}.engraved-symbol{font-family:var(--font-mono);font-size:.64rem;color:var(--muted);opacity:.65}
.connection-module{display:flex;align-items:center;gap:9px;padding:23px 0 19px}.connection-module strong{font-size:.92rem;font-weight:500;display:block}.connection-module small{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}.connection-module>.flat{margin-left:auto;padding:3px;min-width:24px}
.status-lamp{width:13px;height:13px;background:#242720;border:2px solid #121a15;border-radius:50%;box-shadow:0 1px 1px #ffffff13,inset 0 1px 2px #000;flex-shrink:0}
.status-lamp.online{background:radial-gradient(circle at 38% 32%,#f1ffda,#a7c69a 26%,#436445 90%);box-shadow:0 1px 4px #63805244,inset 0 -1px 2px #0009}
.target-readout{background:var(--display);border:1px solid var(--line);border-radius:3px;padding:13px 12px;box-shadow:inset 0 2px 5px #0004}
.target-readout h3,.control-section-title h3{font-family:var(--font-label);font-size:.86rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.target-type{display:flex;align-items:center;gap:6px;font-size:.85rem;margin-top:12px;color:var(--text)}.target-readout code{font-size:.68rem;color:var(--muted);overflow-wrap:anywhere;display:block;line-height:1.55;margin:8px 0 9px}.target-readout>.flat{font-size:.75rem;color:var(--accent);padding:0;justify-content:space-between;width:100%}
.run-controls{margin-top:25px}.control-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);margin-bottom:13px}
.stop-key{width:100%;justify-content:flex-start;padding:8px;gap:10px;font-size:.88rem}.stop-cap{background:#673c31;color:#f1b499;display:grid;place-items:center;border:1px solid #936447;border-radius:3px;width:28px;height:25px;box-shadow:0 1px 2px #0006}.stop-key kbd{border:0;font-size:.63rem;margin-left:auto}
.utility-keys{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.utility-keys>.key{flex-direction:column;font-size:.79rem;min-height:62px;gap:8px;color:var(--muted)}.utility-keys>.key:hover{color:var(--text)}
.signal-readout{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.signal-readout>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:11px;font-size:.79rem;color:var(--muted)}.signal-readout strong{font-family:var(--font-mono);font-size:.73rem;font-weight:400;color:var(--text)}.signal-readout p{font-size:.73rem;color:var(--muted);line-height:1.6;margin-top:6px}
.operation-observation{margin-top:25px;padding:14px;border:1px solid var(--line);background:var(--display);box-shadow:inset 0 1px 8px #0005;display:grid;gap:9px}.operation-observation.uncertain{border-color:var(--warn)}.operation-observation>.control-section-title{margin-bottom:0}.operation-observation>.control-section-title span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.operation-observation>strong{color:var(--accent);font-family:var(--font-mono);letter-spacing:.06em}.operation-observation p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.35}.operation-observation p b{display:block;color:var(--text);font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.operation-observation .uncertainty{color:var(--warn)}.operation-observation>code{overflow-wrap:anywhere;color:var(--muted);font-size:.66rem}.operation-actions{display:flex;flex-wrap:wrap;gap:7px}.operation-actions small{color:var(--muted)}
.advanced-controls{margin-top:25px;border-top:1px solid var(--line);padding-top:17px}.advanced-controls h3{font-size:.85rem;line-height:1.4;margin-bottom:10px;color:var(--muted)}.advanced-controls>.flat{display:flex;width:100%;justify-content:flex-start;padding:8px 0;font-size:.78rem;gap:8px}.advanced-controls>.flat svg:last-child{margin-left:auto}
.bank-nameplate{margin-top:auto;padding:27px 8px 18px;text-align:center;position:relative;color:var(--muted);opacity:.75}.bank-nameplate span{font-family:var(--font-label);font-size:1.24rem;letter-spacing:.34em}.bank-nameplate small{display:block;font-family:var(--font-label);font-size:.54rem;letter-spacing:.12em;margin-top:5px}.bank-nameplate i{position:absolute;bottom:29px;left:0;width:5px;height:5px;border-radius:50%;background:var(--background);box-shadow:0 1px 1px #ffffff21}.bank-nameplate i:last-child{left:auto;right:0}
.status-dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #a7c69a15}.status-dot.neutral{background:var(--muted);width:4px;height:4px;box-shadow:none}.status-dot.offline{background:transparent;border:1px solid var(--muted);box-shadow:none}.status-dot.busy{background:var(--accent);animation:working-lamp 1.8s ease-in-out infinite}
.status-bar{min-height:32px;display:flex;align-items:center;gap:22px;padding:0 7px;font-size:.68rem;color:var(--muted)}.status-bar>span{display:flex;align-items:center;gap:8px}.status-separator{opacity:.4;padding:0 4px}.status-bar>.flat{font-size:inherit;gap:7px;padding:4px}.footer-git>span{color:var(--accent);margin-left:4px}.shortcut-help{margin-left:auto}.footer-version{font-family:var(--font-label);letter-spacing:.12em;font-size:.65rem}
.mobile-panel-nav{display:none}
.notice{position:fixed;bottom:43px;left:50%;transform:translateX(-50%);background:var(--raised);border:1px solid var(--line);border-radius:5px;box-shadow:0 6px 24px #0006;z-index:60;display:flex;gap:10px;align-items:center;padding:9px 12px 9px 15px;max-width:min(780px,calc(100vw - 28px));font-size:.9rem;line-height:1.5;animation:notice-in 230ms var(--spring)}
.notice>span{overflow-wrap:anywhere}.notice>svg{color:var(--success)}.notice.error>svg{color:var(--error)}.notice.error{border-color:#a8755f}
.startup-error,.startup-loading{display:flex;flex:1;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:40px;text-align:center;background:var(--display);border:1px solid var(--line)}.startup-error p{color:var(--muted);max-width:70ch}.startup-error h1{font-size:2rem}.startup-error>svg{color:var(--accent)}
.skeleton-lines{display:flex;flex-direction:column;gap:18px;padding:28px;max-width:500px;width:100%}.skeleton-lines i{height:12px;width:75%;background:var(--line);opacity:.55;border-radius:2px}.skeleton-lines i:nth-child(2){width:92%}.skeleton-lines i:nth-child(3){width:65%}.skeleton-lines i:nth-child(4){width:80%}
.small-empty{font-size:.92rem;color:var(--muted);line-height:1.7;padding:25px 18px}.small-empty .key{margin-top:12px}.inline-error{font-size:.85rem;color:var(--error);line-height:1.6;padding:13px 15px;overflow-wrap:anywhere}.inline-error button{color:var(--accent);padding:8px 0}
.markdown{font-size:1rem;line-height:1.7;overflow-wrap:anywhere;color:var(--text);max-width:75ch}.markdown p+ p{margin-top:15px}.markdown h1,.markdown h2,.markdown h3{margin:1.6em 0 .7em;font-family:var(--font-body);font-weight:600;line-height:1.3}.markdown h1{font-size:1.8rem}.markdown h2{font-size:1.45rem}.markdown h3{font-size:1.15rem}.markdown>:first-child{margin-top:0}.markdown ul{list-style:disc;padding-left:25px;margin:12px 0}.markdown ol{padding-left:25px}.markdown li{margin:5px 0}.markdown pre{overflow:auto;white-space:pre;padding:16px;border:1px solid var(--line);background:var(--background);border-radius:4px;font-size:.84rem;line-height:1.6}.markdown :not(pre)>code{font-size:.87em;padding:2px 4px;background:var(--panel);border:1px solid var(--line);border-radius:3px}.markdown blockquote{border-left:1px solid var(--line);margin:20px 0;padding:0 18px;color:var(--muted)}.markdown table{border-collapse:collapse;display:block;overflow:auto;margin:20px 0;max-width:100%}.markdown td,.markdown th{padding:8px 12px;border:1px solid var(--line);text-align:left}.markdown hr{border:0;border-top:1px solid var(--line);margin:25px 0}
.file-viewer{flex:1;min-height:0;display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-bottom:1px solid var(--line);min-width:0}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.8rem;min-width:0}.breadcrumb>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-content{flex:1;overflow:auto;min-height:0;scrollbar-width:thin}.viewer-content>.markdown{padding:30px;margin:auto;max-width:82ch}.viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100%;padding:32px;text-align:center}.viewer-empty>svg{color:var(--muted)}.viewer-empty p{max-width:55ch;line-height:1.65;color:var(--muted)}
.source-lines{display:flex;align-items:stretch;font-size:.85rem;line-height:1.75;min-height:100%}.line-numbers{padding:20px 13px;min-width:50px;text-align:right;white-space:pre;user-select:none;font-family:var(--font-mono);color:var(--muted);border-right:1px solid var(--line);background:var(--background);flex-shrink:0}.source-lines>pre{margin:0;padding:20px;flex:1;min-width:0;tab-size:4;font-size:inherit;line-height:inherit;overflow:auto}.source-lines>pre.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.source-lines code{font-family:var(--font-mono)}
.image-stage{min-height:100%;padding:24px;display:flex;align-items:flex-start;justify-content:center;background:repeating-conic-gradient(#ffffff04 0 25%,transparent 0 50%) 0/20px 20px}.image-stage img{height:auto;object-fit:contain;flex-shrink:0}.audio-stage{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;padding:30px;text-align:center}.audio-stage>svg{color:var(--accent)}.audio-stage audio{max-width:100%;width:400px}.audio-stage p{color:var(--muted);font-size:.83rem}.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.68rem;color:var(--muted);border-top:1px solid var(--line);min-height:38px;padding:8px 15px}.viewer-foot label{font-size:inherit;display:flex;flex-direction:row;align-items:center;gap:6px}.viewer-foot input{width:70px}
.git-panel{display:flex;flex-direction:column;flex:1;min-height:0}.git-location{display:flex;align-items:center;gap:8px;padding:8px 15px;color:var(--accent);font-size:.9rem}.git-location>.flat{margin-left:auto;font-size:.76rem}.git-transfer{display:flex;gap:10px;padding:10px 14px 15px}.git-transfer>.key{flex:1;font-size:.84rem}.git-scroll{flex:1;overflow:auto;min-height:80px;scrollbar-width:thin}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:13px 12px 9px;border-top:1px solid var(--line)}.list-heading h3{font-family:var(--font-label);font-size:.95rem}.list-heading h3 span{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);margin-left:3px}.list-heading .flat{font-size:.74rem;padding:4px}.change-row{display:flex;align-items:center;gap:3px;padding:0 8px}.change-path{flex:1;min-width:0;display:block;text-align:left;font-family:var(--font-mono);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 3px}.change-code{display:inline-block;width:22px;color:var(--accent);font-size:.7rem}.git-hint{padding:8px 15px 18px;color:var(--muted);font-size:.78rem;line-height:1.6}.clean-state{padding:30px 15px;display:flex;align-items:center;flex-direction:column;gap:10px}.clean-state>svg{color:var(--success)}.clean-state strong{font-size:.91rem;font-weight:500}.clean-state p{font-size:.8rem;color:var(--muted)}
.commit-form{padding:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.commit-form label{font-size:.85rem}.commit-form textarea{font-size:.86rem;resize:vertical;min-height:75px}.commit-form>.key{margin-top:4px;font-size:.84rem}.remote-details{padding:0 14px 12px;font-size:.74rem;color:var(--muted)}.remote-details pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.72rem}.remote-details code{overflow-wrap:anywhere}.repository-settings{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.repository-settings input{font-family:var(--font-mono);font-size:.76rem}.repository-settings p{font-size:.76rem;color:var(--muted);line-height:1.55}.repository-settings .key{align-self:flex-start}
dialog{color:var(--text);border:1px solid #646f62;border-radius:7px;background:var(--panel);box-shadow:0 18px 70px #0009,inset 0 1px 0 #ffffff10;padding:0;max-width:calc(100vw - 28px);max-height:calc(100dvh - 48px);overscroll-behavior:contain}
dialog::backdrop{background:#07100bc2;backdrop-filter:blur(3px)}
dialog[open]{animation:panel-engage 250ms var(--spring)}
.control-dialog{width:700px}.control-dialog.wide{width:1000px}
.control-dialog[open]{display:flex;flex-direction:column}.control-dialog>.dialog-heading{flex-shrink:0}.control-dialog>.dialog-body{overflow:auto;min-height:0;scrollbar-width:thin}.settings-view>.dialog-actions{position:sticky;bottom:-24px;background:var(--panel);margin-bottom:-24px;padding-bottom:20px;z-index:2;box-shadow:0 -8px 12px var(--panel)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--line);gap:15px;background:linear-gradient(#ffffff04,transparent);position:sticky;top:0;z-index:2;background-color:var(--panel)}.dialog-heading h2{font-family:var(--font-label);font-size:1.55rem}.dialog-heading strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.05rem;font-weight:500}.dialog-body{padding:24px}.dialog-description{font-size:.96rem;color:var(--muted);line-height:1.65;max-width:75ch;margin-bottom:23px}.dialog-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.dialog-actions>.key:only-child{margin-left:auto}
.context-dialog{width:380px}.context-dialog .dialog-heading{padding:12px 15px}.menu-actions{display:flex;flex-direction:column;padding:7px}.menu-actions>button,.menu-actions>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);padding:11px;text-align:left;font-size:.95rem;border-radius:3px}.menu-actions>button:hover,.menu-actions>a:hover{background:var(--raised)}.menu-actions svg{color:var(--muted)}.ignore-preview{padding:15px;border-top:1px solid var(--line)}.ignore-preview>code{color:var(--accent)}.ignore-preview p{font-size:.85rem;line-height:1.6;color:var(--muted);margin-top:12px}
.segmented{width:fit-content;margin:0 0 27px}.segmented button{padding:7px 23px;color:var(--muted)}.segmented button.active{background:var(--raised);color:var(--accent);box-shadow:0 2px 4px #0005}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px}.settings-grid fieldset{padding-top:15px;border-top:1px solid var(--line)}.settings-grid fieldset>label{margin-bottom:17px}.settings-grid fieldset>label:last-child{margin-bottom:0}.settings-grid legend{padding-right:10px}.switch-row{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;min-height:34px}.switch-row strong{display:block;font-size:.94rem;color:var(--text);font-weight:500}.switch-row small{display:block;font-size:.79rem;margin-top:5px;max-width:30ch;line-height:1.45}.setting-note{font-size:.83rem;color:var(--muted);line-height:1.6;margin:12px 0 17px}.shortcut-setting{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;text-transform:capitalize;gap:15px}.shortcut-setting input{font-family:var(--font-mono);font-size:.82rem;padding:8px}
.dotfile-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:15px}.dotfile-toolbar>code{flex:1;font-size:.83rem;overflow-wrap:anywhere;color:var(--muted)}.dotfile-editor{width:100%;min-height:400px;font-family:var(--font-mono);font-size:.84rem;tab-size:2}.config-reference{font-size:.85rem;margin-top:15px}.config-reference pre{padding:15px;background:var(--display);line-height:1.7;overflow:auto;color:var(--accent)}.config-reference p{line-height:1.7;color:var(--muted)}
.role-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.role-settings legend{font-size:1.13rem;min-height:2.5em}.role-settings label{margin-bottom:20px}.checkbox-row{flex-direction:row;align-items:flex-start;gap:8px;font-size:.8rem;line-height:1.4}.model-input{display:flex;gap:5px;flex-wrap:wrap}.model-input input{width:100%;font-size:.83rem}.model-input .key{margin-left:auto}
.open-project-form>p{color:var(--muted);line-height:1.7;margin-bottom:22px}.open-project-form>input{width:100%;margin-top:9px;font-family:var(--font-mono);font-size:.88rem}.session-form label{margin-bottom:22px}.cli-form label{margin-bottom:20px}.cli-form textarea{font-family:var(--font-mono);font-size:.88rem}.library-filter{width:100%;margin-bottom:15px}.library-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.library-row>svg{color:var(--accent)}.library-row>span{flex:1;min-width:0}.library-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.97rem;font-weight:500}.library-row small{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}.report-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;font-size:.85rem;margin:0;min-height:100px}
.command-palette{width:680px;margin-top:14vh}.palette-search{display:flex;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid var(--line);color:var(--accent)}.palette-search input{flex:1;font-size:1.15rem;border:0;box-shadow:none;padding:4px;background:transparent;min-width:0}.palette-results{padding:8px;max-height:53vh;overflow:auto;scrollbar-width:thin}.command-result{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:13px 16px;text-align:left;border-radius:3px}.command-result.highlighted,.command-result:hover{background:var(--raised)}.command-result strong{font-weight:500;display:block;font-size:1rem}.command-result small{display:block;color:var(--muted);font-size:.84rem;line-height:1.4;margin-top:5px}.command-result>code{font-size:.8rem;color:var(--accent);white-space:nowrap}.palette-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}.palette-foot>span:first-child{display:flex;align-items:center;gap:7px}
.console-tabs{display:flex;gap:5px;overflow:auto;padding-bottom:15px}.console-tabs button{padding:8px 12px;white-space:nowrap;color:var(--muted);border:1px solid var(--line)}.console-tabs button.active{color:var(--accent);background:var(--display)}.terminal-surface{height:380px;width:100%;background:#121718;border:1px solid var(--line);padding:10px;border-radius:3px;overflow:hidden}.terminal-surface .xterm{height:100%;padding:0}.console-keypad{display:flex;align-items:center;gap:7px;margin:12px 0;flex-wrap:wrap}.console-keypad .key{min-width:38px}.console-input{display:flex;gap:12px}.console-input input{flex:1;font-family:var(--font-mono);font-size:.88rem}.console-input>.key{font-size:.87rem}.console-foot,.console-footer-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;font-size:.8rem;color:var(--muted)}.console-footer-actions{border-top:1px solid var(--line);padding-top:10px}.console-tip{font-size:.88rem;line-height:1.6;color:var(--muted);padding:13px;background:var(--display);margin-bottom:16px}.console-tip code{color:var(--accent)}
[data-density=compact]{--row-height:27px}[data-density=compact] .session-heading{padding:13px 18px}[data-density=compact] .message{padding-top:17px}[data-density=compact] .file-label{padding:4px 0}
[data-theme=daylight]{color-scheme:light;--background:#c5c9c1;--panel:#dfe1d8;--display:#f1f1e9;--text:#28352e;--muted:#53614f;--accent:#9a4c1d;--line:#a6aea0;--raised:#e7e8dd;--ink:#fff5e2;--error:#8e3425;--success:#426241}
[data-theme=daylight] .tube{background:linear-gradient(100deg,#e1ebc806,#0a1111 24%,#161a17 63%,#f7fbe90a 89%,#1a201d)}
[data-theme=daylight] .cathodes span.lit{--accent:#f2a260}[data-theme=daylight] .ready-instrument{background:#d2d7ca;box-shadow:0 4px 12px #42483122}[data-theme=daylight] .key{border-bottom-color:#919888;box-shadow:0 2px 4px #2d37292e,inset 0 1px 0 #ffffff5e}[data-theme=daylight] .key.primary{border-color:#a65d32;color:#fff2dd}[data-theme=daylight] .source-lines .hljs-string,[data-theme=daylight] .source-lines .hljs-title{color:#486b21}[data-theme=daylight] .source-lines .hljs-keyword{color:#8e361e}[data-theme=daylight] .source-lines .hljs-comment{color:#65705f}
[data-theme=blueprint]{--background:#172533;--panel:#233747;--display:#11212e;--text:#e1e9e8;--muted:#afc0c6;--accent:#ecc08b;--line:#465e6a;--raised:#304657;--success:#adcbc1}
@keyframes tab-latch{0%{transform:translateY(-5px);opacity:.7}65%{transform:translateY(1px);opacity:1}100%{transform:translateY(0)}}
@keyframes panel-engage{from{transform:translateY(12px) scale(.985);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}
@keyframes notice-in{from{transform:translate(-50%,8px);opacity:.6}to{transform:translate(-50%,0);opacity:1}}
@keyframes working-lamp{0%,100%{opacity:1}50%{opacity:.45}}
@media(min-width:1600px){:root{--controls-width:256px}.console-shell{padding:18px 20px 0}.top-plate{min-height:112px}.ready-state{padding:40px}.ready-state h2{font-size:3rem}.instrument.large .tube{width:52px;height:90px}.instrument.large .cathodes span{font-size:78px}.ready-instrument{margin-bottom:32px}.message{padding:30px 45px 12px}.composer{margin:12px 25px 20px;padding:14px 15px 0}.composer-well textarea{min-height:78px}}
@media(max-width:1220px){:root{--controls-width:210px;--explorer-width:215px}.top-plate{padding:12px 20px;gap:15px}.header-instruments{gap:18px;padding:0 20px}.control-bank{padding:0 13px}.ready-state{padding:23px}.ready-state h2{font-size:2.35rem}.starter-commands>button{padding:12px 8px;gap:7px}.starter-commands>button>svg:last-child{display:none}.composer-foot>span:not(.enter-hint){display:none}.composer-controls{flex-wrap:wrap}.model-button{max-width:100%;margin-left:auto}.nest-button{font-size:0!important;gap:0!important}.session-heading{padding:17px}.brand strong{font-size:2.4rem}.command-key{min-width:0}.command-key kbd{display:none}}
@media(max-width:1050px){.workspace,.workspace.no-explorer{grid-template-columns:var(--explorer-width) minmax(0,1fr)}.workspace .control-bank{display:none}.workspace.no-explorer{grid-template-columns:minmax(0,1fr)}.mobile-panel-nav{display:flex;justify-content:flex-end;gap:5px;background:var(--panel);border:1px solid var(--line);border-top:0;padding:5px 10px;min-height:39px}.mobile-panel-nav>button{display:flex;gap:8px;align-items:center;font-size:.85rem;padding:5px 12px;color:var(--muted)}.mobile-panel-nav>button.active{color:var(--accent);background:var(--display);box-shadow:inset 0 1px 4px #0004}.workspace[data-panel=controls]{grid-template-columns:1fr}.workspace[data-panel=controls] .file-drawer,.workspace[data-panel=controls] .session-chassis{display:none}.workspace[data-panel=controls] .control-bank{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;border:0;padding:20px 35px;align-content:start}.workspace[data-panel=controls] .control-heading{grid-column:1/-1}.workspace[data-panel=controls] .connection-module{padding:10px}.workspace[data-panel=controls] .run-controls,.workspace[data-panel=controls] .operation-observation,.workspace[data-panel=controls] .signal-readout,.workspace[data-panel=controls] .advanced-controls{margin:0}.header-instruments{gap:13px;padding:0 15px}.header-actions{gap:7px}.brand{gap:11px}.brand strong{font-size:2.25rem}.brand small{font-size:.65rem}.brand-mark{width:37px;height:43px}.project-rail{gap:12px}.project-tab{padding:10px 13px}.rail-label{display:none}}
@media(max-width:760px){.console-shell{padding:6px 6px 0;min-height:570px}.top-plate{min-height:84px;padding:12px 14px;gap:12px}.brand-mark{display:none}.brand strong{font-size:2.05rem;letter-spacing:.16em}.brand small{font-size:.57rem;letter-spacing:.11em;margin-top:6px}.header-instruments{border:0;padding:0;gap:0;margin-left:auto}.header-instruments>.instrument:first-child,.header-instruments>.instrument:last-child{display:none}.header-actions{gap:5px}.header-actions>.icon-button{display:none}.command-key{min-width:35px;min-height:35px;padding:8px}.command-key>span{display:none}.tube{width:22px;height:36px}.cathodes span{font-size:30px}.instrument-label{font-size:.58rem}.project-rail{min-height:51px;padding:7px 8px 0;gap:6px}.project-tab{gap:9px;padding:8px 11px;font-size:.83rem}.project-indicator{display:none}.add-project{min-width:31px;min-height:31px;padding:6px!important}.add-project>span{display:none}.mobile-panel-nav{justify-content:space-between;padding:4px 9px}.mobile-panel-nav>button{flex:1;justify-content:center}.workspace,.workspace.no-controls,.workspace.no-explorer{grid-template-columns:minmax(0,1fr)}.workspace .file-drawer{display:none}.workspace .session-chassis{display:flex}.workspace[data-panel=files] .session-chassis{display:none}.workspace[data-panel=files] .file-drawer{display:flex;border:0}.workspace[data-panel=controls] .control-bank{display:flex;gap:0;padding:0 24px}.workspace[data-panel=controls] .connection-module{padding:20px 0}.workspace[data-panel=controls] .run-controls,.workspace[data-panel=controls] .operation-observation,.workspace[data-panel=controls] .signal-readout,.workspace[data-panel=controls] .advanced-controls{margin-top:22px}.workspace[data-panel=controls] .control-heading{min-height:45px}.bank-nameplate{margin-top:15px}.file-label{font-size:1rem;padding:9px 0}.file-more{opacity:1;min-width:36px}.drawer-foot{font-size:.79rem}.session-heading{padding:14px 14px 12px;gap:8px}.session-heading h1{font-size:1.44rem}.session-heading .key{min-height:31px}.session-target{font-size:.61rem;max-width:calc(100vw - 120px)}.session-level{min-height:43px}.session-tabs{padding:5px 0}.session-tab>button[role=tab]{font-size:.79rem;padding-block:7px;padding-inline-start:8px}.session-tab{max-width:230px}.content-tabs{padding:0 7px;min-height:35px}.content-tabs>button{font-size:.78rem}.ready-state{padding:22px 20px;justify-content:flex-start}.ready-instrument{padding:10px 22px;margin-bottom:18px}.instrument.large .tube{width:37px;height:63px;border-radius:16px 16px 4px 4px}.instrument.large .cathodes span{font-size:55px}.instrument.large .tube-bank{gap:6px}.instrument.large{gap:7px}.instrument.large .instrument-label{font-size:.6rem}.instrument-legend{font-size:.56rem;padding-top:6px;margin-top:6px}.ready-state h2{font-size:2.2rem}.ready-state>p{font-size:.92rem;line-height:1.6;margin-top:12px}.desktop-break{display:none}.starter-commands{flex-direction:column;margin-top:20px}.starter-commands>button{padding:12px 8px;min-height:52px}.starter-commands>button+button{border-left:0;border-top:1px solid var(--line)}.starter-commands>button>svg:last-child{display:block}.starter-commands small{display:none}.starter-commands span{font-size:.89rem}.setup-prompt{font-size:.75rem;margin-top:14px}.composer{margin:5px 8px 9px;padding:9px 9px 0}.composer-controls{gap:5px;margin-bottom:8px}.mode-switch{flex:1;justify-content:space-between}.mode-switch button{padding:5px 10px;font-size:.75rem;flex:1}.model-button{font-size:.71rem;max-width:100%;padding:2px 3px;min-height:25px}.composer-well{gap:8px;padding:9px}.composer-well textarea{font-size:1rem;min-height:52px}.send-key{min-width:46px;min-height:49px;padding:6px 8px;font-size:.7rem}.send-key svg{width:20px}.composer-foot{min-height:30px;gap:7px}.composer-foot .flat{font-size:.68rem}.enter-hint{font-size:.6rem}.message{padding:20px 16px 5px}.message-content{padding-left:0}.message.user .message-content{margin-left:0}.message-content .markdown{font-size:1rem}.status-bar{gap:10px;padding:0 6px;min-height:30px;font-size:.61rem}.status-bar>span:first-child>span:last-child{max-width:95px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-separator{padding:0}.footer-version,.shortcut-help{display:none!important}.footer-git{margin-left:auto;min-width:0;max-width:49%;overflow:hidden;white-space:nowrap}.footer-git>span{display:none}.viewer-toolbar{padding:10px;gap:8px}.viewer-toolbar .button-cluster{gap:3px}.viewer-toolbar .key.small{font-size:.74rem}.breadcrumb{font-size:.74rem}.viewer-content>.markdown{padding:23px 17px}.source-lines{font-size:.78rem}.source-lines>pre{padding:16px 12px}.line-numbers{padding:16px 8px;min-width:38px}.viewer-foot{font-size:.62rem;padding:7px 10px}.viewer-foot>span:last-child{display:none}.notice{bottom:39px;padding:9px 10px;font-size:.83rem;width:calc(100vw - 24px)}dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:5px}.dialog-heading{padding:13px 16px}.dialog-heading h2{font-size:1.4rem}.dialog-body{padding:18px 16px}.dialog-description{font-size:.94rem;margin-bottom:20px}.settings-grid{grid-template-columns:1fr;gap:30px}.settings-grid legend{margin-bottom:14px}.role-settings{grid-template-columns:1fr;gap:20px}.role-settings fieldset{padding-bottom:10px;border-bottom:1px solid var(--line)}.role-settings legend{min-height:0;margin-bottom:15px}.dialog-actions{gap:10px;margin-top:20px;padding-top:16px}.dialog-actions .key{font-size:.86rem}.dotfile-toolbar{flex-wrap:wrap}.dotfile-toolbar>code{flex-basis:100%;font-size:.73rem}.dotfile-editor{min-height:320px;font-size:.77rem}.terminal-surface{height:340px;padding:5px}.console-input{flex-direction:column;gap:7px}.console-input>.key{align-self:flex-end}.console-foot,.console-footer-actions{align-items:flex-start;flex-direction:column;gap:7px}.console-keypad{gap:6px}.console-keypad>.key{min-width:34px;min-height:34px}.command-palette{margin-top:7vh}.palette-search{padding:15px;gap:9px}.palette-search input{font-size:1.06rem}.command-result{padding:12px;gap:10px}.command-result strong{font-size:.93rem}.command-result small{font-size:.76rem}.command-result>code{font-size:.69rem}.palette-foot{padding:12px;font-size:.68rem}.palette-foot>span:last-child{display:none}.palette-results{max-height:65vh}.library-row{gap:10px}.library-row strong{font-size:.9rem}}
@media(max-height:850px) and (min-width:761px){.ready-state{padding-top:18px;padding-bottom:18px}.ready-instrument{margin-bottom:18px}.instrument.large .tube{width:38px;height:66px}.instrument.large .cathodes span{font-size:57px}.ready-state h2{font-size:2.35rem}.ready-state>p{margin-top:10px}.starter-commands{margin-top:19px}.setup-prompt{margin-top:12px}.signal-readout{margin-top:18px}.advanced-controls{margin-top:19px}.bank-nameplate{padding-top:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cathodes span{transform:none!important}dialog::backdrop{backdrop-filter:none}}
[data-motion=reduced] *,[data-motion=reduced] *::before,[data-motion=reduced] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Keep conversation authority visible at narrow widths and available to assistive tech. */
.composer-mode-hint{margin:0;padding:0 0 10px;font-size:.75rem;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* The interview stays in the conversation; these actions keep the next step discoverable. */
.design-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.65rem 1rem;border-top:1px solid var(--line);font-size:.85rem}
.design-actions>span{flex:1 1 16rem;color:var(--muted)}

/* Conversation space takes priority over decorative chrome on laptop-height windows. */
.message-content .markdown{font-size:1.14rem;line-height:1.7}
.design-actions{flex-shrink:0}
@media(max-height:900px){
 .console-shell{padding:6px 10px 0;min-height:480px}
 .top-plate{min-height:58px;padding:6px 18px}
 .brand strong{font-size:1.8rem}.brand small{display:none}.brand-mark{width:30px;height:34px}.brand-mark svg{height:24px}
 .header-instruments{gap:14px}.header-instruments .tube{height:30px;width:21px}.header-instruments .cathodes span{font-size:26px}.instrument-label{font-size:.6rem}
 .project-rail{min-height:38px;padding-top:3px}.project-tab{padding-block:7px}
 .session-level{min-height:35px}.session-tabs{padding-block:3px}
 .session-heading{padding:8px 16px}.session-heading h1{font-size:1.25rem}.session-target{margin-top:3px}
 .content-tabs{min-height:31px}.content-tabs>button{padding-block:6px}
 .composer{margin:5px 12px 8px;padding:6px 10px 0}.composer-controls{margin-bottom:5px}
 .composer-well{padding:6px 9px}.composer-well textarea{min-height:40px;line-height:1.4}
 .composer-foot{min-height:26px}.composer-mode-hint{padding-bottom:5px}
 .composer .attachment-hint{margin:0;min-height:25px}.design-actions{padding:4px 12px}
 .message{padding:16px 28px 8px}.message.user{padding-top:16px}
}
.conversation-focused .workspace,.conversation-focused .workspace.no-explorer,.conversation-focused .workspace.no-controls{grid-template-columns:minmax(0,1fr)}
.conversation-focused .workspace .file-drawer,.conversation-focused .workspace .control-bank{display:none}
.conversation-focused .workspace .session-chassis{display:flex}
.conversation-focused .top-plate{min-height:46px;padding:5px 16px}
.conversation-focused .header-instruments,.conversation-focused .brand small{display:none}
.conversation-focused .brand strong{font-size:1.6rem}
.conversation-focused .session-heading{padding:7px 16px}
.conversation-focused .session-target{display:none}
.conversation-focused .composer{margin:5px 12px 8px;padding:6px 10px 0}
.conversation-focused .composer-well textarea{min-height:40px}
.conversation-focused .message{max-width:1050px}
.conversation-focused .project-rail,.conversation-focused .content-tabs,.conversation-focused .attachment-hint,.conversation-focused .composer-mode-hint{display:none}
.conversation-focused .composer-well textarea{height:3rem;min-height:3rem}
.conversation-focused .send-key{min-height:40px;padding:6px 10px}
.conversation-focused .send-key>span{display:none}
.conversation-focused .mobile-panel-nav{display:none}