:root{color-scheme:light;--bg: #f4f6f3;--ink: #161a18;--muted: #626b68;--line: #d8ded8;--panel: #fffffc;--rail: #1d2321;--rail-active: #bde86a;--green: #1f8a5b;--blue: #2563a8;--amber: #aa6a13;--red: #b63a31;--code: #121614}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,Aptos,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}input{width:100%;min-width:0;min-height:34px;border:1px solid var(--line);border-radius:6px;background:#f9faf7;color:var(--ink);padding:0 10px;font-size:13px}textarea{width:100%;min-height:74px;resize:vertical;border:1px solid var(--line);border-radius:6px;background:#f9faf7;color:var(--ink);padding:9px 10px;font-family:Berkeley Mono,Cascadia Code,SFMono-Regular,monospace;font-size:12px;line-height:1.45}input:read-only{color:var(--muted)}.app-shell{display:grid;grid-template-columns:58px minmax(0,1fr);min-height:100vh}.rail{display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px 8px;background:var(--rail)}.rail-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:transparent;color:#f3f7ef}.rail-button.active{background:var(--rail-active);color:var(--rail)}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px 14px;border-bottom:1px solid var(--line);background:#fffffce0}.title-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.eyebrow{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:740;text-transform:uppercase}h1,h2{margin:0;font-weight:760;letter-spacing:0}h1{font-size:22px}h2{font-size:14px}.ghost-button,.status-pill,.command-chip,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:8px;font-size:12px;font-weight:740}.ghost-button{padding:0 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.ghost-button.full{width:100%;margin-top:10px}.status-pill{padding:0 12px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.status-pill.connected{border-color:#1f8a5b4d;color:var(--green)}.status-pill.failed{border-color:#b63a3152;color:var(--red)}.status-pill.reconnecting,.status-pill.connecting,.status-pill.authenticating{border-color:#aa6a1357;color:var(--amber)}.cockpit-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(240px,1fr) minmax(330px,1.25fr);grid-template-rows:auto minmax(260px,1fr);grid-template-areas:"device session workspace" "result terminal terminal";gap:12px;min-height:0;padding:12px}.panel,.terminal-surface{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 28px #161a1812}.panel{min-width:0;padding:14px}.device-panel{grid-area:device}.session-panel{grid-area:session}.workspace-panel{grid-area:workspace}.result-panel{display:grid;grid-area:result;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}.panel-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.field{display:grid;gap:5px;margin-bottom:10px}.field span,.command-cluster>span{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.input-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px}.state-grid{display:grid;gap:8px;margin:0}.state-grid.compact{grid-template-columns:1fr 1fr}.state-grid div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}dt{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}dd{margin:0;font-size:13px;font-weight:760}.transport-message{display:grid;gap:6px;margin:10px 0 12px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#f8faf6}.readiness-card{display:grid;gap:6px;margin:10px 0;padding:9px;border:1px solid var(--line);border-radius:6px;background:#f8faf6}.readiness-card div{display:flex;justify-content:space-between;gap:10px}.readiness-card span,.readiness-card small{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.readiness-card strong{color:var(--ink);font-size:12px;text-transform:uppercase}.readiness-card.ready strong{color:var(--green)}.readiness-card.not-ready strong,.readiness-card.offline strong{color:var(--red)}.readiness-card.checking strong{color:var(--blue)}.transport-message span{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.record-list{display:grid;gap:6px;margin:10px 0}.record-row{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;width:100%;border:1px solid var(--line);border-radius:6px;background:#fbfcf9;color:var(--ink);padding:0 8px;text-align:left}.record-row.clickable{cursor:pointer}.record-row.muted{color:var(--muted)}.record-row span{overflow:hidden;font-size:12px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.record-row code{overflow:hidden;color:var(--muted);font-family:Berkeley Mono,Cascadia Code,SFMono-Regular,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.record-row small{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.transport-message code{min-width:0;overflow:hidden;color:var(--ink);font-family:Berkeley Mono,Cascadia Code,SFMono-Regular,monospace;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.error-line{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;color:var(--red);font-size:12px;font-weight:720}.session-actions,.command-cluster div{display:flex;flex-wrap:wrap;gap:8px}.command-clusters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.command-cluster{display:grid;gap:6px;min-width:0}.command-chip{min-width:0;padding:0 10px;border:1px solid #bfcbc0;background:#f8faf6;color:var(--ink)}.offline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.unsupported-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:34px;min-width:0;border:1px dashed #bfcbc0;border-radius:8px;background:#f3f5f1;color:var(--muted);padding:0 10px;font-size:12px;font-weight:740;text-align:left}.unsupported-button span{min-width:0;overflow-wrap:anywhere}.offline-note{margin:10px 0 0;color:var(--amber);font-size:12px;font-weight:720}.command-chip:hover,.ghost-button:hover,.icon-button:hover{border-color:#7f9b65;background:#eef6e8}.command-chip.active{border-color:#2563a857;color:var(--blue)}.icon-button{width:34px;border:1px solid var(--line);background:#f8faf6;color:var(--ink)}.icon-button.danger{color:var(--red)}.result-banner{display:flex;align-items:center;gap:8px;min-height:34px;margin-bottom:10px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#f9faf7;color:var(--muted);font-size:12px;font-weight:760}.result-banner.success{border-color:#1f8a5b47;color:var(--green)}.result-banner.error{border-color:#b63a3147;color:var(--red)}.result-banner.pending{border-color:#2563a847;color:var(--blue)}.command-output{min-height:0;border:1px solid var(--line);border-radius:8px;background:#f8faf6;color:var(--ink);font-size:12px}.history-list{display:grid;gap:6px;margin-top:10px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:30px;border:1px solid var(--line);border-radius:6px;background:#fbfcf9;color:var(--ink);padding:0 8px;text-align:left}.history-item span{min-width:0;overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.history-item small{color:var(--muted);font-size:11px}.history-item.success{border-left:3px solid var(--green)}.history-item.error{border-left:3px solid var(--red)}.terminal-surface{display:grid;grid-area:terminal;grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden;background:var(--code);color:#eaf1e4}.terminal-top{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.12);color:#bfd4b8;font-size:12px;font-weight:740}pre{margin:0;padding:14px;overflow:auto;font-family:Berkeley Mono,Cascadia Code,SFMono-Regular,monospace;font-size:13px;line-height:1.52;white-space:pre-wrap}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.cockpit-grid{grid-template-columns:1fr 1fr;grid-template-areas:"device session" "workspace workspace" "result terminal"}.command-clusters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.rail{flex-direction:row;justify-content:center;min-height:56px;padding:8px}.titlebar{align-items:flex-start;flex-direction:column;padding:14px}.title-actions{justify-content:flex-start}.cockpit-grid{grid-template-columns:1fr;grid-template-areas:"device" "session" "workspace" "result" "terminal";padding:10px}.command-clusters,.input-row,.offline-grid{grid-template-columns:1fr}.record-row{grid-template-columns:minmax(0,1fr) auto}.record-row code{grid-column:1 / -1}}