:root{color:#eef1ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111311;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}:root{--lcd-width:250px;--lcd-height:280px;--lcd-height-adjustment:40px;--lcd-bezel:8px;--device-width:306px;--device-height:552px;--device-radius:35px;--case-outline-inset:10px;--case-inner-radius:25px;--screen-top:17px;--deck-gap:31px;--deck-width:243px;--deck-height:118px;--deck-left:30px;--direction-key:38px;--direction-gap:2px;--click-size:104px;--click-radius:17px;--side-button-width:44px;--side-button-height:60px;--side-button-protrusion:-36px;--side-button-width-visible:8px;--back-button-top:108px;--stop-button-top:190px;--logo-bottom:18px;--mint:#6fdcbb;--mint-deep:#2c6d5b;--amber:#d9a05e;--stop:#c9564d;--stop-edge:#6d3a36;--lcd-bg:#070b0a;--lcd-panel:#0d1614;--lcd-line:#222d2a;--lcd-text:#eef3f1;--lcd-dim:#77857f;--case-highlight:#efbcc4;--case:#e2a6b0;--case-deep:#d493a0;--case-edge:#a3666f;--case-ink:#87515d;--key-face:#242524;--key-edge:#0d0e0d;--click-face:#eab0b9;--click-glow:#ff9aac6b}.demo-stage{background:radial-gradient(34% 45% at 50% 46%,#ffe0e60e,#0000 78%),#0e100f;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.product-viewer{z-index:1;flex-direction:column;align-items:center;gap:20px;width:100%;min-width:0;display:flex;position:relative}.active-view{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.flat-device-view{--scale:1;position:relative}.demo-stage:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 28%,#ffffff04 48%,#0000 68%),radial-gradient(42% 12% at 50% 83%,#00000061,#0000 72%);position:absolute;inset:0}.flat-device-view .device-frame{z-index:1;width:calc(var(--device-width) * var(--scale));height:calc(var(--device-height) * var(--scale));flex:none;position:relative}.flat-device-view .device-frame:after{right:calc(10px * var(--scale));bottom:calc(-13px * var(--scale));left:calc(10px * var(--scale));z-index:-1;height:calc(27px * var(--scale));content:"";filter:blur(calc(13px * var(--scale)));background:#00000080;border-radius:50%;position:absolute;transform:scaleX(.92)}.flat-device-view .device-shell{width:var(--device-width);height:var(--device-height);border-radius:var(--device-radius);color:#f8eef0;background:linear-gradient(90deg, #ffffff30, transparent 5%, transparent 95%, #67283724), linear-gradient(180deg, var(--case-highlight) 0%, #e8aeb8 11%, var(--case) 54%, var(--case-deep) 100%);transform:scale(var(--scale));transform-origin:0 0;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #733645d1,inset 0 0 0 2px #ffd5dc47,inset 1px 1px #ffebee57,inset -2px -3px 4px #7e3c4c33,0 19px 34px #0000007a,0 4px 10px #0000003d}.flat-device-view .device-shell:before{inset:var(--case-outline-inset);z-index:0;border-radius:var(--case-inner-radius);content:"";pointer-events:none;border:1px solid #81435157;position:absolute;box-shadow:0 1px #ffe8ec8a,inset 0 0 0 1px #ffdbe114}.flat-device-view .device-shell:after{z-index:0;border-radius:calc(var(--device-radius) - 1px);content:"";opacity:.16;pointer-events:none;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(100deg,#ffffff17 0 1px,#0000 1px 4px),linear-gradient(112deg,#ffffff38,#0000 38%);position:absolute;inset:1px}.flat-device-view .case-highlight{z-index:1;opacity:.56;pointer-events:none;filter:blur(.2px);background:linear-gradient(#ffe7eb61,#0000);border-radius:25px 25px 50% 50%;height:42px;position:absolute;inset:2px 8px auto}.flat-device-view .display-module{z-index:2;width:calc(var(--lcd-width) + var(--lcd-bezel) * 2);height:calc(var(--lcd-height) + var(--lcd-height-adjustment) + var(--lcd-bezel) * 2);margin:var(--screen-top) auto 0;padding:var(--lcd-bezel);background:linear-gradient(145deg,#1c1d1c,#0b0d0c 62%,#050606);border:1px solid #060707f0;border-radius:17px;position:relative;box-shadow:0 0 0 1px #ffe1e647,inset 0 2px 1px #ffffff0e,inset 0 -2px 3px #000000b8,0 3px 7px #5d2b3666}.flat-device-view .lcd-glass{width:var(--lcd-width);height:calc(var(--lcd-height) + var(--lcd-height-adjustment));background:var(--lcd-bg);border-radius:9px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,inset 0 1px 2px #ffffff09}.flat-device-view .lcd-glass:after{z-index:5;border-radius:inherit;content:"";opacity:.28;pointer-events:none;background:linear-gradient(120deg,#ffffff13,#0000 24% 72%,#ffffff05);position:absolute;inset:0}.flat-device-view .lcd-display,.clickcode-screen-3d .lcd-display{width:100%;height:100%;color:var(--lcd-text);background:var(--lcd-bg);border-radius:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;position:relative;overflow:hidden}.clickcode-screen-3d{background:var(--lcd-bg);pointer-events:none;transform-origin:50%;border-radius:0;width:240px;height:280px;position:static;overflow:hidden}.pixel-grid{z-index:0;opacity:.05;pointer-events:none;background-image:linear-gradient(#b4d2c829 1px,#0000 1px),linear-gradient(90deg,#b4d2c81f 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.lcd-content{z-index:1;flex-direction:column;padding:11px 12px 10px;display:flex;position:absolute;inset:0}.lcd-header{border-bottom:1px solid var(--lcd-line);letter-spacing:.04em;color:var(--lcd-dim);flex:none;align-items:center;gap:6px;padding-bottom:7px;font-size:9.5px;display:flex}.lcd-header strong{letter-spacing:.1em;color:#ccd4d0;font-size:10px;font-weight:700}.lcd-header__model{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection-dot{background:var(--mint);border-radius:50%;flex:none;width:5px;height:5px}.connection-dot.is-offline{background:#5a6560}.lcd-header__queue{color:#10201b;background:var(--mint);border-radius:999px;place-items:center;min-width:14px;height:14px;margin-left:auto;padding:0 3px;font-size:9px;font-weight:700;display:grid}.lcd-screen{flex-direction:column;flex:1;min-height:0;padding-top:11px;display:flex;overflow:hidden}.screen-title{letter-spacing:.16em;color:#9aa6a1;margin:0 0 8px;font-size:10px;font-weight:700}.status-hero{letter-spacing:.01em;align-items:center;gap:7px;font-size:23px;font-weight:750;line-height:1;display:inline-flex}.status-hero--active,.status-hero--approval{color:var(--mint)}.status-hero--danger{color:var(--stop)}.status-hero--success{color:#e7ece9}.status-hero--muted{color:#99a4a0}.status-icon--animated{animation:1.4s steps(2,end) infinite lcdPulse}.task-line{color:var(--lcd-text);margin:13px 0 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.35}.overview-screen .task-line{min-height:2.6em}.action-line{color:#a3afaa;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:11px;overflow:hidden}.pending-line{border-left:2px solid var(--mint);letter-spacing:.1em;color:var(--mint);background:#0d1c18;margin:8px 0 0;padding:4px 6px;font-size:9.5px;font-weight:700}.metrics-row{border-top:1px solid var(--lcd-line);border-bottom:1px solid var(--lcd-line);color:#93a09a;justify-content:space-between;align-items:center;margin-top:14px;padding:8px 0;font-size:10.5px;display:flex}.metrics-row .is-stopped{color:var(--amber)}.overview-usage{grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;display:grid}.usage-hud{border-bottom:1px solid var(--lcd-line);letter-spacing:.025em;color:#91a09a;flex:none;grid-template-columns:5px auto auto auto 1fr auto;align-items:center;gap:5px;min-width:0;padding-bottom:7px;font-size:8.5px;display:grid}.usage-hud__dot{background:var(--mint);border-radius:50%;width:5px;height:5px}.usage-hud__dot.is-offline{background:#5a6560}.usage-hud strong{color:#dbe4e0;text-overflow:ellipsis;overflow:hidden}.usage-hud__quota{white-space:nowrap;font-weight:700}.usage-hud small{color:#66736e;text-overflow:ellipsis;font-size:7px;overflow:hidden}.usage-hud__battery{color:#77857f;justify-self:end}.tone-warning{color:var(--amber)!important}.tone-critical{color:var(--stop)!important}.tone-unavailable{color:#66736e!important}.usage-title-row,.provider-list__head,.provider-list__quota,.quota-bar__label{justify-content:space-between;align-items:baseline;gap:7px;display:flex}.usage-title-row .screen-title{margin-bottom:5px}.usage-title-row small{color:#6f7c77;font-size:7.5px}.provider-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.provider-list li{background:#0d1513;border-left:2px solid #0000;padding:7px 8px 6px}.provider-list li.is-focused{border-left-color:var(--mint);background:#14221e}.provider-list__head strong{color:#dce5e1;font-size:11px}.provider-list__head small{color:#687670;font-size:7px}.provider-list__quota{color:#92a09a;margin-top:5px;font-size:9px}.quota-stack{gap:8px;display:grid}.quota-stack>div>p{color:#71807a;text-align:right;margin:3px 0 0;font-size:8px}.quota-bar__label{color:#7d8b85;margin-bottom:4px;font-size:8px}.quota-bar__label strong{color:#d8e1dd;font-size:9.5px}.quota-bar__track{background:#24302d;width:100%;height:4px;display:block}.quota-bar__track i{background:var(--mint);height:100%;display:block}.quota-bar.tone-warning .quota-bar__track i{background:var(--amber)}.quota-bar.tone-critical .quota-bar__track i{background:var(--stop)}.usage-detail-card{border-left:2px solid var(--mint);background:#111b18;gap:3px;margin-top:9px;padding:7px 8px;display:grid}.usage-detail-card__label{color:#71807a;font-size:7.5px}.usage-detail-card strong{color:#e0e8e4;font-size:11px}.usage-detail-card>span:not(.usage-detail-card__label){color:#8e9b95;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.usage-detail-card small{color:#66736e;text-align:right;font-size:7px}.usage-history-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.usage-history-list li{background:#0d1513;border-left:2px solid #0000;padding:6px 7px}.usage-history-list li.is-focused{border-left-color:var(--mint);background:#14221e}.usage-history-list div{align-items:baseline;gap:8px;display:flex}.usage-history-list div strong{color:#dce5e1;font-size:9px}.usage-history-list div span{color:#9aa7a1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.usage-history-list p{color:#6f7d77;margin:3px 0;font-size:8px}.usage-history-list b{color:var(--amber);font-size:8.5px}.history-meta{color:#6e7b76;text-align:right;margin:7px 0 0;font-size:7.5px}.usage-empty{color:#6d7a75;text-align:center;margin:auto;font-size:9px}.model-options,.effort-options{gap:2px;margin:0;padding:0;list-style:none;display:grid}.model-options li,.effort-options li{color:#8b9892;border-left:2px solid #0000;padding:4px 6px;font-size:9px}.model-options li.is-focused,.effort-options li.is-focused{border-left-color:var(--mint);color:#e0e8e4;background:#14221e}.model-options strong{font-size:10px;display:block}.model-options span{color:#6f7d77;margin:2px 0 0 14px;font-size:7px;display:block}.model-section-label{color:#6f7d77;margin:5px 0 1px;font-size:7.5px}.model-applies,.model-message{color:#71807a;margin:5px 0 0;font-size:7.5px}.model-message{color:var(--amber)}.model-unsupported{text-align:center;border:1px solid #39433f;gap:8px;margin:auto 0;padding:12px;display:grid}.model-unsupported strong{color:#d8e1dd}.model-unsupported span{color:var(--amber);font-size:9px;line-height:1.4}.agent-detail-screen .screen-title{margin-bottom:5px}.agent-detail__status{justify-content:space-between;align-items:center;display:flex}.agent-detail__status strong{color:#dce5e1;font-size:11px}.agent-detail-screen .task-line{min-height:2.4em;margin-top:7px;font-size:11px}.agent-detail__grid{gap:4px;margin-top:7px;display:grid}.agent-detail__grid>div{border-top:1px solid #1e2926;grid-template-columns:1fr auto;gap:2px 6px;padding-top:4px;display:grid}.agent-detail__grid span{color:#6f7d77;font-size:7.5px}.agent-detail__grid strong{color:#cad4cf;text-align:right;font-size:8.5px}.agent-detail__grid small{color:#7e8b85;text-align:right;grid-column:1/-1;font-size:7.5px}.agent-detail__grid b{color:var(--amber);text-align:right;grid-column:1/-1;font-size:7.5px}.agent-detail__grid .has-context-warning{border-top-color:#705b36}.approval-actions__usage{color:var(--amber);margin:5px 0 0;font-size:8.5px}.usage-stack{gap:9px;display:grid}.usage-bar{border-left:2px solid #0000;padding-left:5px}.usage-bar.is-focused{border-left-color:var(--mint)}.usage-bar__meta{letter-spacing:.06em;color:#7b8883;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:9.5px;display:flex}.usage-bar.is-focused .usage-bar__meta{color:#b6c2bd}.usage-bar__meta strong{color:#d6ddd9;font-size:11px}.usage-bar__track{grid-template-columns:repeat(10,1fr);gap:1px;height:5px;display:grid}.usage-bar__track i{background:#232e2b}.usage-bar__track i.is-filled{background:#c4cfca}.usage-bar--mint .usage-bar__track i.is-filled{background:var(--mint)}.usage-bar--amber .usage-bar__track i.is-filled{background:var(--amber)}.usage-bar--soft .usage-bar__track i.is-filled{background:#7d8b85}.session-list,.file-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.session-list li{color:#8b9792;background:var(--lcd-panel);border-left:2px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:3px 7px;padding:6px 7px;font-size:10px;display:grid}.session-list li.is-focused{border-left-color:var(--mint);color:#dbe3df;background:#16211e}.session-list__agent{letter-spacing:.08em;color:#d3dbd7;font-weight:700}.session-list__project{color:#6f7c77;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.session-list__status{letter-spacing:.06em;color:#8b9792;grid-area:1/3;font-size:9px;font-weight:700}.session-list__status.is-working,.session-list__status.is-thinking,.session-list__status.is-approval,.session-list__status.is-needs_input{color:var(--mint)}.session-list__status.is-error{color:var(--stop)}.session-list__time{text-align:right;color:#6f7c77;grid-area:2/2/auto/4;font-size:9px}.detail-head{color:#6f7c77;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-size:9.5px;display:flex}.detail-head strong{letter-spacing:.08em;color:#d3dbd7;font-size:10.5px}.file-list li{color:#8b9792;background:var(--lcd-panel);border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:6px 7px;font-size:10px;display:flex}.file-list li.is-focused{border-left-color:var(--mint);color:#dbe3df;background:#16211e}.file-list__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-list__diff{flex:none;gap:5px;font-size:9px;font-style:normal;display:flex}.file-list__diff .is-added{color:#7fb99c;font-style:normal}.file-list__diff .is-removed{color:#a97b76;font-style:normal}.detail-rows{gap:3px;margin-top:auto;padding-top:9px;display:grid}.detail-rows div{color:#6f7c77;justify-content:space-between;align-items:baseline;gap:8px;font-size:9.5px;display:flex}.detail-rows strong{color:#c3ccc8;text-overflow:ellipsis;white-space:nowrap;max-width:62%;font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;overflow:hidden}.decision-title{letter-spacing:.04em;color:var(--mint);margin:0;font-size:15px;font-weight:750}.command-card{background:var(--lcd-panel);border:1px solid #2d3d38;margin-top:10px;padding:7px 8px}.command-card code{color:#e2e9e6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.command-card span{letter-spacing:.06em;color:#6f7c77;margin-top:4px;font-size:9px;display:block}.choice-list{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.choice-list li{color:#8b9792;background:#0b1211;border-left:2px solid #0000;align-items:center;min-height:30px;padding:0 9px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;display:flex}.choice-list li.is-selected{border-left-color:var(--mint);color:#eaf4f0;background:#1a2a26}.choice-list li.choice--reject.is-selected{border-left-color:var(--stop);color:#f4e0de;background:#241716}.state-screen{text-align:center;align-items:center}.state-icon{border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;margin-top:6px;display:grid}.state-icon--done{color:#cfd8d4}.state-icon--error{color:var(--stop)}.state-icon--offline{color:#8a948f}.state-title{letter-spacing:.06em;color:#dfe6e3;margin:10px 0 0;font-size:18px;font-weight:750}.state-title--error{color:var(--stop)}.state-screen .task-line{margin-top:6px;font-size:12px}.state-screen .detail-rows{text-align:left;width:100%}.reconnect-icon{animation:1s steps(8,end) infinite reconnectSpin}.screen-footer{border-top:1px solid var(--lcd-line);flex:none;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:10px;padding-top:8px;display:grid}.screen-footer span{letter-spacing:.04em;color:#66736e;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:9px;display:flex}.screen-footer strong{color:#b3bdb8;font-size:9px;font-weight:700}.stop-hold{z-index:4;border:1px solid var(--stop-edge);letter-spacing:.08em;color:#f0b7b2;background:#2a1413;align-items:center;gap:8px;padding:7px 9px;font-size:9.5px;font-weight:700;display:flex;position:absolute;inset:auto 10px 10px}.stop-hold__track{background:#4d2724;flex:1;height:3px}.stop-hold__track i{background:var(--stop);height:100%;display:block}.flat-device-view .control-deck{z-index:2;width:var(--deck-width);height:var(--deck-height);margin:var(--deck-gap) 0 0 var(--deck-left);justify-content:space-between;align-items:center;display:flex;position:relative}.flat-device-view .direction-pad{grid-template-columns:repeat(3, var(--direction-key));grid-template-rows:repeat(3, var(--direction-key));gap:var(--direction-gap);width:calc(var(--direction-key) * 3 + var(--direction-gap) * 2);height:calc(var(--direction-key) * 3 + var(--direction-gap) * 2);flex:none;display:grid}.flat-device-view .direction-key{width:var(--direction-key);height:var(--direction-key);border:1px solid var(--key-edge);color:#a7aaa8;background:linear-gradient(145deg, #303130 0%, var(--key-face) 42%, #171817 100%);cursor:pointer;touch-action:manipulation;border-radius:10px;place-items:center;padding:0;transition:color .1s,box-shadow .1s,transform 70ms;display:grid;box-shadow:inset 0 0 0 1px #494a49c7,inset 0 1px #ffffff21,inset 0 -2px 2px #00000094,0 3px 5px #5f303b61}.flat-device-view .direction-key--up{grid-area:1/2}.flat-device-view .direction-key--right{grid-area:2/3}.flat-device-view .direction-key--down{grid-area:3/2}.flat-device-view .direction-key--left{grid-area:2/1}.flat-device-view .direction-key__arrow{filter:drop-shadow(0 1px #00000061);border-bottom:7px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.flat-device-view .direction-key--right .direction-key__arrow{transform:rotate(90deg)}.flat-device-view .direction-key--down .direction-key__arrow{transform:rotate(180deg)}.flat-device-view .direction-key--left .direction-key__arrow{transform:rotate(-90deg)}.flat-device-view .direction-key:hover{color:#f0f1f0;box-shadow:inset 0 0 0 1px #5a5c5bd1,inset 0 1px #ffffff29,inset 0 -2px 2px #00000094,0 4px 7px #5f303b7a}.flat-device-view .direction-key:active,.flat-device-view .direction-key.is-keyboard-active{color:#f6dfe4;transform:translateY(2px);box-shadow:inset 0 0 0 1px #414241c7,inset 0 2px 4px #0000009e,0 1px 2px #5f303b47}.flat-device-view .click-button{width:var(--click-size);height:var(--click-size);border-radius:var(--click-radius);color:#fff1f4;background:linear-gradient(145deg, #f0bcc4 0%, var(--click-face) 48%, #dc96a3 100%);box-shadow:0 0 0 2px #a15a69d1, 0 0 0 5px #ffd8de6e inset, 0 2px 2px #ffffff85 inset, 0 -3px 4px #8b485647 inset, 0 0 13px var(--click-glow), 0 5px 8px #6d344257;cursor:pointer;touch-action:manipulation;border:1px solid #f7cdd3;flex:none;place-items:center;padding:0;transition:filter .11s,box-shadow .11s,transform 70ms;display:grid;position:relative}.flat-device-view .click-button:before{content:"";pointer-events:none;border:1px solid #ffe6eaa3;border-radius:12px;position:absolute;inset:7px}.flat-device-view .click-button:after{z-index:-1;content:"";opacity:.28;box-shadow:none;border:2px solid #0000;border-radius:22px;position:absolute;inset:-5px}.flat-device-view .click-button[data-led=running]:after{border-color:var(--mint);animation:2.2s ease-in-out infinite ledBreath}.flat-device-view .click-button[data-led=attention]:after{border-color:var(--amber);animation:.8s steps(2,end) infinite ledAttention}.flat-device-view .click-button[data-led=high-risk]:after{border-color:var(--stop);animation:.45s steps(2,end) infinite ledRisk}.flat-device-view .click-button[data-led=approved]:after,.flat-device-view .click-button[data-led=done]:after{border-color:var(--mint);opacity:.9;animation:.32s steps(2,end) 2 ledFlash}.flat-device-view .click-button[data-led=error]:after,.flat-device-view .click-button[data-led=low-battery]:after{border-color:var(--stop);animation:1.4s ease-in-out infinite ledBreath}.flat-device-view .click-button[data-led=charging]:after{border-color:#a8d6ff;animation:1.8s ease-in-out infinite ledBreath}.flat-device-view .click-button[data-led=disconnected]:after{border-color:#939c98;animation:1.3s steps(2,end) infinite ledAttention}.theme-mono-black{--case:#242424;--case-deep:#141414;--case-highlight:#4b4b4b;--case-edge:#080808;--case-ink:#aaa;--click-face:#4a4a4a;--mint:#dedede;--lcd-bg:#050505;--lcd-panel:#111;--lcd-text:#f2f2f2}.theme-white{--case:#e9e8e3;--case-deep:#c9c8c1;--case-highlight:#fff;--case-edge:#8d8d88;--case-ink:#555;--click-face:#d9d7d2;--mint:#397d6a;--lcd-bg:#f4f1e7;--lcd-panel:#e3dfd2;--lcd-text:#252a26;--lcd-line:#c2beb2;--lcd-dim:#66706a}.theme-retro-green{--case:#9ca879;--case-deep:#747e59;--case-highlight:#c0c99b;--case-edge:#4b553a;--case-ink:#3a412d;--click-face:#89966a;--mint:#b9ff75;--lcd-bg:#10210d;--lcd-panel:#1b3217;--lcd-text:#d8f6b8;--lcd-line:#41603a}.theme-pixel-blue{--case:#8aabce;--case-deep:#6387ae;--case-highlight:#bad3e9;--case-edge:#425d83;--case-ink:#354e71;--click-face:#9fc0df;--mint:#83e4ff;--lcd-bg:#071a29;--lcd-panel:#0d2638;--lcd-text:#e2f6ff;--lcd-line:#294b62}.theme-minimal{--case:#c9c7c2;--case-deep:#aaa8a2;--case-highlight:#dedcd6;--case-edge:#74726e;--case-ink:#4c4b48;--click-face:#bdbab4;--mint:#6d8c83;--lcd-bg:#151716;--lcd-panel:#1d201e;--lcd-text:#eff1ee}.ui-minimal .pixel-character{display:none}.ui-terminal .lcd-content{font-family:SFMono-Regular,Consolas,monospace}.ui-terminal .lcd-header{border-bottom-style:dashed}.ui-character-focus .lcd-screen{padding-top:7px}.pixel-character{width:74px;min-height:72px;color:var(--mint);text-align:center;image-rendering:pixelated;place-items:center;margin:auto;font-family:monospace;display:grid}.pixel-character__antenna{height:10px;font-size:12px;line-height:10px}.pixel-character__face{border:2px solid;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:58px;height:35px;font-size:16px;display:flex}.pixel-character__face i{font-style:normal}.pixel-character__face b{font-size:14px}.pixel-character__body{letter-spacing:1px;margin-top:3px;font-size:18px}.pixel-character--hacker{color:#9afc72}.pixel-character--cute{color:#ffb6c5}.pixel-character--robot{color:#a8d6ff}.pixel-character--ghost{color:#ddd4ff}.pixel-character--typing .pixel-character__body{animation:.45s steps(2,end) infinite characterType}.pixel-character--alert .pixel-character__face,.pixel-character--panic .pixel-character__face{animation:.45s steps(2,end) infinite characterAlert}.pixel-character--jump{animation:.7s steps(2,end) infinite characterJump}.pixel-character--sleep .pixel-character__face{opacity:.55}.pixel-character.is-compact{z-index:3;transform-origin:100% 100%;width:40px;min-height:34px;position:absolute;bottom:31px;right:9px;transform:scale(.55)}.idle-screen{text-align:center;justify-content:center}.idle-screen p{color:var(--lcd-dim);font-size:11px}.idle-clock{color:var(--mint);margin:0;font-size:29px}.idle-saver{color:var(--mint);letter-spacing:5px;font-size:25px;animation:2s steps(3,end) infinite saver}.docked-dashboard{border:1px solid var(--case-edge);width:min(720px,94vw);color:var(--lcd-text);background:var(--lcd-bg);border-radius:16px;padding:18px;box-shadow:0 16px 42px #00000042}.docked-dashboard header,.docked-dashboard li{grid-template-columns:1.2fr 1fr auto;align-items:center;gap:9px;display:grid}.docked-dashboard header{border-bottom:1px solid var(--lcd-line);padding-bottom:12px;font-size:12px}.docked-dashboard__hero{justify-content:center;align-items:center;gap:18px;min-height:105px;display:flex}.docked-dashboard__hero div{gap:7px;display:grid}.docked-dashboard__hero b{color:var(--mint)}.docked-dashboard ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.docked-dashboard li{background:var(--lcd-panel);grid-template-columns:1.2fr 1fr 1fr auto;padding:8px;font-size:11px}.docked-dashboard li.is-attention{border-left:3px solid var(--amber)}.docked-dashboard small{color:var(--lcd-dim)}.docked-dashboard footer{border-top:1px solid var(--lcd-line);color:var(--lcd-dim);margin-top:12px;padding-top:10px;font-size:10px}.dev-panel__checks{grid-template-columns:1fr 1fr;gap:5px;font-size:10px;display:grid}.dev-panel__checks label{align-items:center;gap:4px;display:flex}@keyframes ledBreath{50%{opacity:.85;box-shadow:0 0 8px color-mix(in srgb, var(--mint) 45%, transparent)}}@keyframes ledAttention{50%{opacity:.92}}@keyframes ledRisk{50%{border-color:var(--amber);opacity:.9}}@keyframes ledFlash{50%{opacity:.1}}@keyframes characterType{50%{transform:translateY(2px)}}@keyframes characterAlert{50%{transform:translate(2px)}}@keyframes characterJump{50%{transform:translateY(-7px)}}@keyframes saver{50%{opacity:.35;transform:translate(4px)}}.flat-device-view .click-button span{letter-spacing:.07em;text-shadow:0 1px #7e44503d;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;font-size:14px}.flat-device-view .click-button:hover{filter:brightness(1.035);box-shadow:0 0 0 2px #a15a69d1,inset 0 0 0 5px #ffe0e48a,inset 0 2px 2px #ffffff94,inset 0 -3px 4px #8b485640,0 0 18px #ff91a48f,0 6px 9px #6d344261}.flat-device-view .click-button:active,.flat-device-view .click-button.is-keyboard-active{filter:brightness(1.045);transform:translateY(2px);box-shadow:0 0 0 2px #97505fe6,inset 0 0 0 5px #ffdae078,inset 0 3px 6px #82424f57,0 0 20px #ff879c94,0 2px 4px #6d344247}.flat-device-view .secondary-controls{z-index:4;pointer-events:none;position:absolute;inset:0}.flat-device-view .side-button{width:var(--side-button-width);height:var(--side-button-height);color:#fff;cursor:pointer;pointer-events:auto;touch-action:none;background:0 0;border:0;padding:0;transition:box-shadow .1s,transform 70ms;position:absolute}.flat-device-view .side-button:before{width:var(--side-button-width-visible);content:"";background:linear-gradient(90deg,#bd7584,#e4a7b1 48%,#b66d7c);border:1px solid #8e4f5d;position:absolute;top:2px;bottom:2px;box-shadow:inset 0 1px #ffe6ea99,inset 0 -2px 2px #7737463d,0 2px 4px #37151d57}.flat-device-view .side-button--back{top:var(--back-button-top);right:auto;left:var(--side-button-protrusion)}.flat-device-view .side-button--stop{top:var(--stop-button-top);right:var(--side-button-protrusion)}.flat-device-view .side-button--back:before{border-radius:7px 3px 3px 7px;left:auto;right:0}.flat-device-view .side-button--stop:before{border-radius:3px 7px 7px 3px;left:0}.flat-device-view .side-button__label{opacity:0;color:#e9eeeb;letter-spacing:.08em;white-space:nowrap;pointer-events:none;background:#171a18;border:1px solid #2b2e2c;border-radius:5px;width:max-content;padding:5px 7px;font-size:8px;font-weight:700;line-height:1;transition:opacity .12s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 10px #0000004d}.flat-device-view .side-button--back .side-button__label{right:calc(100% + 8px)}.flat-device-view .side-button--stop .side-button__label{left:calc(100% + 8px)}.flat-device-view .side-button:hover .side-button__label,.flat-device-view .side-button:focus-visible .side-button__label,.flat-device-view .side-button[data-holding=true] .side-button__label{opacity:1}.flat-device-view .side-button--back:active,.flat-device-view .side-button--back.is-keyboard-active{transform:translate(2px)}.flat-device-view .side-button--stop:active,.flat-device-view .side-button--stop.is-keyboard-active{transform:translate(-2px)}.flat-device-view .stop-ring{opacity:0;pointer-events:none;background:conic-gradient(var(--stop) calc(var(--stop-progress,0) * 360deg), transparent 0);-webkit-mask-composite:xor;border-radius:4px 8px 8px 4px;width:12px;padding:2px;position:absolute;top:0;bottom:0;left:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.flat-device-view .side-button--stop[data-holding=true] .stop-ring{opacity:1}.flat-device-view .side-button--stop[data-near=true]{border-color:#0000}.flat-device-view .side-button--stop[data-near=true]:before{border-color:var(--stop);background:linear-gradient(90deg,#a25762,#d88692 48%,#9b4d59)}.flat-device-view .direction-key:focus-visible,.flat-device-view .click-button:focus-visible,.flat-device-view .side-button:focus-visible{outline:none}.flat-device-view .direction-key:focus-visible,.flat-device-view .click-button:focus-visible{outline-offset:3px;outline:2px solid #fff4f6eb}.flat-device-view .side-button:focus-visible{outline-offset:2px;outline:2px solid #fff4f6eb}.flat-device-view .side-button--stop:focus-visible{outline-color:#f7a9a3}.flat-device-view .device-mark{right:0;bottom:var(--logo-bottom);z-index:2;letter-spacing:.3em;color:var(--case-ink);text-shadow:0 1px #ffe0e55c;justify-content:center;align-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;font-size:8px;font-weight:700;display:flex;position:absolute;left:0}.view-mode{z-index:2;background:#191c1a;border:1px solid #242825;border-radius:999px;flex:none;gap:4px;padding:4px;display:flex;position:relative}.view-mode__button{color:#7d8884;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:11px;font-weight:600}.view-mode__button:hover:not(:disabled){color:#cdd5d1}.view-mode__button.is-active{color:#0f1211;background:var(--mint)}.view-mode__button:disabled{color:#4a514e;cursor:not-allowed}.view-mode__button:focus-visible{outline-offset:2px;outline:2px solid #ccd5d1}.viewer-3d{z-index:1;flex-direction:column;flex:none;gap:12px;width:min(100%,980px);display:flex;position:relative}.viewer-3d__canvas{background:#f2eeec;border:1px solid #242825;border-radius:14px;height:clamp(320px,62svh,600px);position:relative;overflow:hidden}.viewer-3d__canvas>div{position:absolute;inset:0}.viewer-3d__canvas canvas{touch-action:none;display:block}.viewer-3d__toolbar{z-index:30;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex;position:relative}.viewer-3d__group{background:#191c1a;border:1px solid #242825;border-radius:999px;gap:4px;padding:3px;display:flex}.viewer-3d__chip{color:#7d8884;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 13px;font-size:10.5px;font-weight:600}.viewer-3d__chip:hover{color:#cdd5d1}.viewer-3d__chip.is-active{color:#0f1211;background:#c9d2ce}.viewer-3d__chip:focus-visible{outline-offset:2px;outline:2px solid #ccd5d1}.viewer-3d__hint{letter-spacing:.02em;color:#5c645f;text-align:center;margin:0;font-size:10.5px}.viewer-3d__hint span{color:#3b403d;margin:0 3px}@keyframes lcdPulse{50%{opacity:.4}}@keyframes reconnectSpin{to{transform:rotate(360deg)}}@media (width>=520px) and (height>=720px){.flat-device-view{--scale:1.06}}@media (height>=900px){.flat-device-view{--scale:1.08}}@media (height<=700px){.flat-device-view{--scale:.92}.demo-stage{padding-block:16px}}@media (height<=620px){.flat-device-view{--scale:.82}}@media (width<=420px){.flat-device-view{--scale:.9}.demo-stage{padding-inline:18px}}@media (width<=420px) and (height<=700px){.flat-device-view{--scale:.84}}@media (width<=340px){.flat-device-view{--scale:.78}.demo-stage{padding-inline:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.demo-stage{width:100%;min-width:0;min-height:100svh;overflow:clip}.demo-stage:has(.dev-panel){grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:start;gap:clamp(28px,5vw,72px);max-width:1440px;margin:0 auto;padding:24px clamp(20px,4vw,56px);display:grid}.demo-stage:has(.dev-panel) .product-viewer{justify-content:center;align-self:center;min-height:min(760px,100svh - 48px)}.viewer-toolbar{z-index:3;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.companion-toolbar{z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:22px;left:24px;right:24px}.companion-toolbar__eyebrow{color:#7f8d86;letter-spacing:.12em;margin:0;font:750 10px/1 SFMono-Regular,Consolas,monospace}.companion-toolbar__simulator,.simulator-back{color:#9daca4;letter-spacing:.08em;background:#141917;border:1px solid #303b37;border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font:750 9px/1 SFMono-Regular,Consolas,monospace;text-decoration:none;display:inline-flex}.companion-toolbar__simulator:hover,.simulator-back:hover{color:#d6e5de;border-color:#6fdcbb}.dev-panel-toggle{color:#b8c5be;letter-spacing:.1em;cursor:pointer;background:#171c19;border:1px solid #303b37;border-radius:999px;min-height:36px;padding:0 13px;font-size:10px;font-weight:750}.dev-panel-toggle:hover,.dev-panel-toggle.is-active{color:#10201b;background:var(--mint);border-color:#6fdcbb}.dev-panel{overscroll-behavior:contain;color:#d7e0dc;scrollbar-color:#41524b transparent;background:linear-gradient(#171c19,#111513);border:1px solid #2b3531;border-radius:14px;width:min(100%,460px);min-width:0;max-height:calc(100svh - 48px);padding:14px;overflow:auto;box-shadow:0 18px 44px #00000047}.dev-panel__title{color:#edf4f0;letter-spacing:.16em;margin:1px 2px 13px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.dev-panel__section{background:#121714;border:1px solid #29332f;border-radius:11px;gap:9px;min-width:0;margin:0 0 10px;padding:12px;display:grid}.dev-panel__section:last-child{margin-bottom:0}.dev-panel__subtitle{color:#b8c6bf;letter-spacing:.11em;text-transform:uppercase;margin:0 0 1px;font-size:10px;font-weight:750}.dev-panel__label{color:#96a59e;letter-spacing:.025em;gap:5px;min-width:0;font-size:10px;font-weight:650;display:grid}.dev-panel input:not([type=checkbox]):not([type=range]),.dev-panel select{color:#e4ece8;background:#0c100e;border:1px solid #35423c;border-radius:8px;outline:none;width:100%;min-width:0;height:34px;padding:0 9px;font-size:12px}.dev-panel select{cursor:pointer}.dev-panel option{color:#e4ece8;background:#141a17}.dev-panel input:focus-visible,.dev-panel select:focus-visible,.dev-panel button:focus-visible{border-color:var(--mint);outline:2px solid color-mix(in srgb, var(--mint) 35%, transparent);outline-offset:1px}.dev-panel button{color:#dce7e1;letter-spacing:.025em;cursor:pointer;background:#202924;border:1px solid #3a4a43;border-radius:8px;min-height:32px;padding:6px 10px;font-size:10px;font-weight:700;line-height:1.1}.dev-panel button:hover:not(:disabled),.dev-panel button.is-active{border-color:var(--mint);color:#10201b;background:var(--mint)}.dev-panel button:disabled{opacity:.42;cursor:not-allowed}.dev-panel button.is-danger{color:#f0bbb6;background:#2a1918;border-color:#704440}.dev-panel button.is-danger:hover:not(:disabled){color:#fff0ed;background:#713a35;border-color:#d87068}.dev-panel__row{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.dev-panel__row>button{flex:96px}.dev-panel__section>.dev-panel__row:last-child{margin-bottom:0}.dev-panel__toggle,.dev-panel__checks label{color:#aebbb5;align-items:center;gap:7px;min-width:0;font-size:11px;line-height:1.25;display:flex}.dev-panel input[type=checkbox]{appearance:none;cursor:pointer;background:#0b100d;border:1px solid #56655e;border-radius:4px;flex:none;place-content:center;width:15px;height:15px;margin:0;display:grid}.dev-panel input[type=checkbox]:before{content:"";background:#10201b;border-radius:2px;width:8px;height:8px;transform:scale(0)}.dev-panel input[type=checkbox]:checked{border-color:var(--mint);background:var(--mint)}.dev-panel input[type=checkbox]:checked:before{transform:scale(1)}.dev-panel input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--mint) 35%, transparent);outline-offset:2px}.dev-panel input[type=range]{width:100%;height:16px;accent-color:var(--mint);cursor:pointer;margin:2px 0 0}.dev-panel__checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px;padding-top:2px;display:grid}.dev-panel__demo-label{color:#819089;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.45}.dev-panel__queue{gap:5px;max-height:136px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.dev-panel__queue li{color:#aab7b0;overflow-wrap:anywhere;background:#0c110f;border-left:2px solid #405048;border-radius:0 6px 6px 0;min-width:0;padding:7px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.4}.dev-panel__queue li strong{color:var(--mint);font-size:9px}.dev-panel__queue li.is-empty{color:#718078;font-style:italic}.dev-panel__json{color:#a9c8bb;background:#0a0e0c;border:1px solid #2d3933;border-radius:7px;max-height:230px;margin:0;padding:9px;font:9px/1.45 SFMono-Regular,Consolas,monospace;overflow:auto}.lcd-header{min-width:0}.lcd-header strong{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.lcd-header__model{flex:1 1 0;min-width:0}.lcd-header__battery{flex:none;margin-left:2px;font-size:8.5px}.lcd-screen{min-width:0}.agent-overview-screen{min-height:0}.agent-overview-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-overview-head .screen-title{margin-bottom:7px}.queue-count{color:#10201b;background:var(--amber);border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:grid}.agent-list{gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:grid}.agent-list li{background:var(--lcd-panel);border-left:2px solid #0000;gap:3px;min-width:0;padding:5px 6px;display:grid}.agent-list li.is-focused{border-left-color:var(--mint);background:#16211e}.agent-list__top,.agent-list__bottom{align-items:baseline;gap:6px;min-width:0;display:flex}.agent-list__name{color:#dbe4df;letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:10px;font-weight:800;overflow:hidden}.agent-list__project{color:#79867f;text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-size:9px;overflow:hidden}.agent-list__bottom{color:#79867f;flex-wrap:wrap;row-gap:2px;font-size:8.5px;line-height:1.15}.agent-list .status-hero{gap:5px;font-size:16px;line-height:1}.agent-list .status-hero svg{width:13px;height:13px}.agent-list__time{margin-left:auto}.agent-list__pending{color:var(--amber)}.agent-list__waiting{color:#98aaa1}.agent-list__error{color:var(--stop);font-weight:700}.agent-overview__count{color:#6d7b74;text-align:right;margin:auto 0 0;padding-top:5px;font-size:8.5px}.status-badge{flex:none}.running-elapsed{color:var(--mint);letter-spacing:.03em;margin-top:9px;font-size:24px;font-weight:750;line-height:1}.running-step{border-left:2px solid var(--mint);background:var(--lcd-panel);gap:3px;min-width:0;margin-top:10px;padding:6px 7px;display:grid}.running-step span{color:#839089;font-size:9px}.running-step strong{color:#dce5e0;text-overflow:ellipsis;white-space:nowrap;font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;overflow:hidden}.recent-files{color:#829087;gap:3px;margin:9px 0 0;padding:0;font-size:9px;list-style:none;display:grid}.recent-files li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.approval-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:auto;padding-top:9px;display:grid}.approval-actions button{color:#dce8e1;background:#16231e;border:1px solid #33443d;min-height:29px;font:700 10px/1 SFMono-Regular,Consolas,monospace}.approval-actions button.is-selected{border-color:var(--mint);color:#10201b;background:var(--mint)}.approval-actions__hint,.queue-position{color:#77857f;letter-spacing:.05em;margin:8px 0 0;font-size:9px}@media (width<=900px){.demo-stage:has(.dev-panel){grid-template-columns:minmax(0,1fr);max-width:680px;padding:20px}.demo-stage:has(.dev-panel) .product-viewer{min-height:0}.dev-panel{width:100%;max-width:640px;max-height:none;margin:0 auto;overflow:visible}}@media (width<=420px){.demo-stage:has(.dev-panel){gap:22px;padding:16px 12px 24px}.dev-panel{border-radius:12px;padding:10px}.dev-panel__section{padding:10px}.dev-panel__checks{grid-template-columns:1fr}.dev-panel__row>button{flex-basis:112px}}@media (height<=720px) and (width>=901px){.demo-stage:has(.dev-panel) .product-viewer{min-height:0}.dev-panel{max-height:calc(100svh - 32px)}}.flat-device-view[style*="320px"] .agent-list li{padding-block:7px}.remote-screen{text-align:center;justify-content:flex-start;align-items:center;gap:0}.remote-top{flex:none;justify-content:center;align-items:baseline;gap:8px;width:100%;min-height:18%;display:flex}.remote-provider{letter-spacing:.14em;color:#e8efec;margin:0;font-size:26px;font-weight:800;line-height:1}.remote-quality{letter-spacing:.1em;color:#66736e;font-size:8px;font-weight:700}.remote-quality--live{color:var(--mint)}.remote-quality--stale{color:#d8b45a}.remote-quality--offline{color:#8a948f}.remote-headline{letter-spacing:.02em;color:#f2f7f5;flex:auto;justify-content:center;align-items:center;margin:0;font-size:46px;font-weight:850;line-height:1;display:flex;overflow:hidden}.remote-screen--attention .remote-headline{color:var(--mint)}.remote-screen--danger .remote-headline{color:var(--stop)}.remote-screen--success .remote-headline{color:#b9e6cf}.remote-screen--muted .remote-headline{color:#9aa6a1}.remote-detail-block{flex:none;width:100%;padding:0 2px}.remote-detail{color:#cdd6d2;overflow-wrap:anywhere;margin:0 0 2px;font-size:13px;line-height:1.3}.remote-project{letter-spacing:.12em;color:#66736e;margin:4px 0 0;font-size:9px}.remote-queue{letter-spacing:.14em;color:#8a948f;margin:6px 0 0;font-size:9px}.remote-fallback{letter-spacing:.1em;color:#d8b45a;margin:5px 0 0;font-size:11px;font-weight:700}.remote-screen--quiet .remote-headline{font-size:34px}.connect-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.connect-list li{border:1px solid var(--lcd-line);background:#ffffff05;border-radius:7px;padding:6px 7px}.connect-list li.is-focused{border-color:var(--mint);background:#78dcb414}.connect-list__head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.connect-list__head strong{letter-spacing:.1em;color:#e8efec;font-size:15px;font-weight:800}.connect-status{letter-spacing:.08em;color:#8a948f;font-size:8px;font-weight:700}.connect-status--live{color:var(--mint)}.connect-status--signed_out,.connect-status--not_installed{color:#d8b45a}.connect-status--unavailable{color:var(--stop)}.connect-list__flags{letter-spacing:.06em;color:#9aa6a1;gap:10px;margin-top:3px;font-size:8px;display:flex}.connect-list__detail{color:#b3bdb8;overflow-wrap:anywhere;margin:4px 0 0;font-size:9px;line-height:1.3}.connect-list__caps,.connect-list__source{letter-spacing:.06em;color:#66736e;margin:2px 0 0;font-size:8px}.connect-list__error{color:var(--stop);margin:3px 0 0;font-size:8px}.connect-list__action{letter-spacing:.08em;color:var(--mint);margin:4px 0 0;font-size:10px;font-weight:700}.connect-list__empty{color:#8a948f;text-align:center;font-size:10px}