:root{color:#edf2f5;background:#0b0e12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#0b0e12}body{min-width:320px;min-height:100vh;margin:0}button,input,select{color:inherit;font:inherit;letter-spacing:0}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6fc5ff;outline-offset:3px}.appPage{display:flex;min-height:100vh;flex-direction:column;background:#0b0e12}.appHeader{display:flex;width:100%;min-height:68px;align-items:center;justify-content:space-between;border-bottom:1px solid #222a31;padding:10px max(18px,env(safe-area-inset-left));background:#0e1217}.brand{display:inline-flex;min-width:0;align-items:center;gap:11px;color:#f4f7f8;text-decoration:none}.brand img{width:42px;height:42px;flex:0 0 auto;border-radius:7px}.brand>span{display:flex;min-width:0;flex-direction:column}.brand strong{overflow:hidden;font-size:16px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.brand small{color:#8f9ba4;font-size:11px;line-height:15px;text-transform:uppercase}.headerStatus{display:inline-flex;align-items:center;gap:8px;color:#9ca8b0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.headerStatus .themeToggle{width:36px;height:36px;min-height:36px;padding:7px;flex-shrink:0}.connectionDot{width:8px;height:8px;border-radius:50%;background:#657079}.connectionDot.connected{background:#55c76a;box-shadow:0 0 10px #55c76ab3}.connectionBadge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #45515d;border-radius:5px;font-family:inherit;font-size:12px;line-height:18px}.connectionBadge.connected{background:#143522;border-color:#398654;color:#9aefb3;font-weight:600}.connectionBadge .connectionDot{flex:0 0 8px;box-shadow:none}.openConversationStatus .chatConnected{color:#9aefb3;font-weight:600}.workspace{display:grid;width:min(100%,1380px);flex:1;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);margin:0 auto}.surfaceWorkspace{display:flex;min-width:0;align-items:center;justify-content:center;border-right:1px solid #222a31;padding:34px 40px;background:#0b0e12}.performanceWorkspace{padding-top:18px;padding-bottom:18px}.publicToolbar{width:min(100%,1380px);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;border-bottom:1px solid #2b343b}.publicToolbar .modeSwitch{width:300px;max-width:100%}.publicToolbar>span{color:#9aa6ae;font-size:12px}.publicToolbar .modeSwitch button:disabled{opacity:.45;cursor:not-allowed}.surfacePicker{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px}.surfacePicker select{min-width:0;max-width:100%;min-height:40px;padding:8px;border:1px solid #45515d;border-radius:5px;color:#edf2f5;background:#13191e}.hardwarePreviewNote{margin:12px 0 0;color:#9aa6ae;font-size:12px;line-height:1.5}.hardwarePreviewNote a{color:inherit;text-underline-offset:3px}.publicWorkspace .surfaceWorkspace{align-items:flex-start}.publicWorkspace .contextPane{gap:22px}.publicWorkspace .sessionRow{grid-template-columns:minmax(0,1fr) 180px}.publicWorkspace .sessionRow select{width:100%}.sandboxWorkspace{grid-template-rows:auto 1fr}.sandboxWorkspace>.playgroundControls{grid-column:2;grid-row:1;padding:34px 36px 0;background:#10151a}.sandboxWorkspace>.surfaceWorkspace{grid-column:1;grid-row:1 / 3}.sandboxWorkspace>.contextPane{grid-column:2;grid-row:2;padding-top:22px}.publicPadGroup{width:min(100%,720px);min-width:0;position:sticky;top:20px}.publicPadGroup .demoNarrative{margin-bottom:16px}.publicPadGroup .demoNarrative h1{font-size:21px;max-width:none;margin:7px 0}.publicPadGroup .demoNarrative p{font-size:13px;line-height:1.5;max-width:65ch}.demoPlayback{margin-bottom:16px}.demoTry{margin-top:12px}.demoPlaybackButtons{display:flex;align-items:center;gap:8px}.demoPlaybackButtons>span{color:#9aa6ae;font-size:11px;margin-right:auto}.demoPlaybackButtons small{color:#9aa6ae;font:11px ui-monospace,monospace;font-variant-numeric:tabular-nums}.demoPlaybackButtons .textButton{width:36px;height:36px;min-height:36px;padding:8px}.demoPlayback progress{--demo-track: #2b343b;width:100%;height:4px;display:block;margin-top:10px;appearance:none;border:0;border-radius:2px;overflow:hidden;background:var(--demo-track)}.demoPlayback progress::-webkit-progress-bar{background:var(--demo-track)}.demoPlayback progress::-webkit-progress-value{background:#53b8b2}.demoPlayback progress::-moz-progress-bar{background:#53b8b2}[data-theme=light] .demoPlayback progress{--demo-track: #cbd5df}.demoWorkspace .demoNarrative{min-height:124px}.demoWorkspace :is(.sceneControl,.railControl):disabled{filter:none}.publicWorkspace .sessionRow>button:disabled{cursor:default}:is(.virtualSurface,.streamDeckSurface) .demoPointer{position:absolute;top:50%;left:50%;z-index:3;width:30px;height:30px;pointer-events:none}:is(.virtualSurface,.streamDeckSurface) .demoPointer svg{width:30px;height:30px;stroke:#14252f;stroke-width:1.8;fill:#fff;filter:drop-shadow(1px 2px 2px #0008)}.demoPointer.pressed:before{content:"";position:absolute;width:30px;height:30px;top:-15px;left:-15px;border:2px solid #fff;border-radius:50%}@media(prefers-reduced-motion:reduce){:is(.virtualSurface,.streamDeckSurface) .demoPointer{transform:none!important}}.playgroundAgentPicker{margin-bottom:16px}.playgroundAgentPicker .sectionTitle{gap:10px;flex-wrap:wrap}.agentChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.codexQuestion,.sampleQuestion{margin:12px 0;padding:12px;border:1px solid #45515d;border-radius:6px;background:#20282d}.browserQuestionBar{width:min(calc(100% - 32px),720px);margin:0 auto}.approvalContext{margin:0;padding:12px;border:1px solid #846d3b;border-radius:6px;background:#252822;min-width:0}.approvalContext .sectionTitle span{display:inline-flex;align-items:center;gap:5px}.approvalContext .sectionTitle svg{width:15px;height:15px}.approvalContext pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;padding:10px;background:#151b1b;border-radius:4px}.approvalContext p{margin:8px 0 0;overflow-wrap:anywhere}.approvalContext p small,.approvalContext p code{display:block}.approvalContext .approvalWarning{color:#f0cc7f}[data-theme=light] .approvalContext{background:#fffaf0;border-color:#c5a569}[data-theme=light] .approvalContext pre{background:#f1f2ee}[data-theme=light] .approvalContext .approvalWarning{color:#765219}.codexQuestion .sectionTitle span{display:inline-flex;align-items:center;gap:5px}.codexQuestion .sectionTitle svg{width:15px;height:15px}.codexQuestion fieldset{min-width:0;margin:12px 0;padding:0;border:0}.codexQuestion legend{margin-bottom:8px;font-weight:600;overflow-wrap:anywhere}.questionOption{display:flex;align-items:flex-start;gap:9px;width:100%;margin:5px 0;padding:8px;text-align:left;color:inherit;background:transparent;border:1px solid #45515d;border-radius:5px;cursor:pointer}.questionOption[aria-pressed=true]{border-color:#55c8b3;background:#27483f}.questionOption strong,.questionOption small{display:block;overflow-wrap:anywhere}.questionOption small{margin-top:3px;opacity:.8}.questionNumber{flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#3d4a4f;font-weight:700}.questionSubmit{margin-top:4px}.questionSession{margin:8px 0 0;overflow-wrap:anywhere}[data-theme=light] .codexQuestion,[data-theme=light] .sampleQuestion{background:#fff;border-color:#b8c4cd}[data-theme=light] .questionOption{border-color:#b8c4cd}[data-theme=light] .questionOption[aria-pressed=true]{background:#d7f1e9;border-color:#13846e}[data-theme=light] .questionNumber{background:#dce5e5}.agentChoice{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:40px;padding:8px;border:1px solid #3a4650;border-radius:5px;background:#13191e;color:#bcc7ce;font-size:13px;cursor:pointer}.agentChoice.selected{color:#fff;border-color:#c3d1db;background:#25313a}.agentChoice>span:last-child{overflow-wrap:anywhere}.selectedReadout{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding:4px 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.selectedReadout>span:last-child{margin-left:auto;color:#b7c1c8}.sessionAccent{width:12px;height:12px;flex:0 0 12px;border-radius:2px}.playgroundControls{display:grid;gap:10px;min-width:0}.playgroundControls>label{font-size:13px;color:#b7c1c8}.scenarioPicker{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px}.scenarioPicker select{min-width:0;width:100%;min-height:40px;border:1px solid #45515d;border-radius:5px;padding:8px;color:#f1f5f7;background:#13191e;font:inherit;font-size:13px}.scenarioPicker .textButton{padding:8px}.playgroundControls .scenarioEvent{justify-content:flex-start;text-align:left;font-size:13px;line-height:1.5}.scenarioEvent svg{flex-shrink:0}.playgroundHistory{border-top:1px solid #2b343b;padding-top:14px;font-size:13px;line-height:1.5}.playgroundHistory summary{cursor:pointer;color:#b7c1c8}.playgroundHistory summary span{display:block;margin-top:6px;color:#f1f5f7;overflow-wrap:anywhere}.playgroundHistory ol{list-style:none;padding:0;margin:14px 0 0}.playgroundHistory li{display:flex;align-items:flex-start;gap:8px;padding:7px 0;color:#b7c1c8}.playgroundHistory li svg{flex:0 0 16px;width:16px;height:16px;margin-top:2px}.contextPane{display:flex;min-width:0;flex-direction:column;gap:28px;padding:34px 36px 42px;background:#10151a}.virtualSurface{--session-accent: #60717c;width:min(100%,720px);min-width:0;padding:24px;border:1px solid #46515a;border-radius:8px;background:#171d22;box-shadow:inset 0 1px #ffffff0a,0 4px #080b0e,0 16px 36px #0003}.surfaceCaption{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#9aa8b2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.performanceStory{display:flex;min-height:58px;justify-content:center;flex-direction:column;gap:4px;border-bottom:1px solid #2c353d;margin-bottom:12px;padding-bottom:10px}.performanceStory span{color:#6fc5ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;text-transform:uppercase}.performanceStory strong{overflow-wrap:anywhere;color:#f3f7f9;font-size:21px;line-height:1.2}.surfaceFooter{margin:12px 0 0}.surfaceFooter span:last-child{max-width:60%;overflow:hidden;color:#edf2f5;text-overflow:ellipsis;white-space:nowrap}.surfaceFooter span:first-child{color:var(--session-accent)}.surfaceFooter span:last-child{font:600 12px/18px ui-sans-serif,system-ui,sans-serif}.surfaceTop,.surfaceBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc((100% - 50px) / 9));gap:8px}.surfaceTop{margin-bottom:8px}.topRail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.railControl,.sceneControl{position:relative;display:grid;width:100%;min-width:0;aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--pad-color) 58%,#424c54);border-radius:50%;padding:0;background:var(--pad-color);box-shadow:inset 0 -3px 6px #00000059,0 0 12px color-mix(in srgb,var(--pad-color) 55%,transparent);cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.railControl:disabled,.sceneControl:disabled{cursor:default;filter:saturate(.7)}.railControl:not(:disabled):active,.sceneControl:not(:disabled):active{transform:translateY(2px) scale(.96);box-shadow:inset 0 3px 8px #0007}.railControl:not(:disabled):hover,.sceneControl:not(:disabled):hover{filter:brightness(1.12)}.sceneControl[aria-pressed=true]{outline:2px solid var(--session-accent);outline-offset:3px}.sceneControl:focus-visible{outline:3px solid #f4f8fa;outline-offset:4px}.railControl.litControl,.sceneControl.litControl{box-shadow:inset 0 1px 2px #ffffff60,inset 0 -3px 5px #0004,0 0 9px color-mix(in srgb,var(--pad-color) 35%,transparent)}.railControl:disabled:not(.litControl),.sceneControl:disabled:not(.litControl){box-shadow:inset 0 2px 5px #0004}.guidedControl{z-index:1;outline:2px solid #f4f8fa;outline-offset:3px;filter:brightness(1.1) saturate(1.08);animation:demo-focus 1.8s ease-in-out 3}@keyframes demo-focus{50%{outline-offset:6px;outline-color:#71d5e5}}@media(prefers-reduced-motion:reduce){.guidedControl{animation:none}}.liveDemoCue{display:flex;align-items:center;gap:12px;padding:12px 0 16px;border-bottom:1px solid #35434c;margin-bottom:16px}.liveDemoCue>svg{width:24px;height:24px;color:#71d5e5;flex-shrink:0}.liveDemoCue>div{display:grid;gap:4px}.liveDemoCue small{color:#9bb4c3;font-size:11px}.liveDemoCue strong{font-size:18px}.liveDemoCue span{color:#aeb9c0;font-size:13px}[data-theme=light] .liveDemoCue :is(small,span){color:#425967}[data-theme=light] .liveDemoCue>svg{color:#126789}.railControl svg{width:42%;height:42%;stroke-width:2.4;color:#07100b;filter:drop-shadow(0 1px 1px rgb(255 255 255 / 18%))}.railControl svg.inactiveActionIcon{color:#9ba8b1;filter:none;opacity:.65}.matrixGrid{display:grid;min-width:0;aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:6px}.matrixPad{display:block;min-width:0;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--pad-color) 52%,#394249);border-radius:min(7px,12%);background:var(--pad-color);box-shadow:inset 0 2px 5px #0004,inset 0 -1px #ffffff05;transition:background-color .15s ease,box-shadow .15s ease}.litPad{box-shadow:inset 0 1px 3px #ffffff50,inset 0 -3px 6px #0003,0 0 9px color-mix(in srgb,var(--pad-color) 32%,transparent)}.performanceSurface .matrixPad{box-shadow:inset 0 -4px 7px #0005,0 0 11px color-mix(in srgb,var(--pad-color) 45%,transparent)}.matrixPad.statusPad{border-color:color-mix(in srgb,var(--pad-color) 68%,#65717a)}.sceneRail{display:grid;min-width:0;grid-template-rows:repeat(8,minmax(0,1fr));gap:6px}.sceneControl span{color:#f8fbfc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;text-shadow:0 1px 3px #000}.hardwareBrand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:#dce3e8;font-size:12px}.hardwareBrand span{font-weight:700}.hardwareBrand strong{font-weight:500}.virtualSurface.launchpadSurface{border:2px solid #4a535b;background:#252c32;box-shadow:0 6px #080b0e}.launchpadSurface :is(.surfaceTop,.surfaceBody,.launchpadBottom){grid-template-columns:minmax(0,calc((100% - 58px)*.1)) minmax(0,1fr) minmax(0,calc((100% - 58px)*.1))}.launchpadSurface .surfaceCaption{color:#aab5bd}.reservedRail{display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:6px;min-width:0}.reservedRail>span{aspect-ratio:1;width:100%;border:1px solid #4b555e;border-radius:50%;background:#11171c}.launchpadBottom{display:grid;gap:8px;margin-top:8px}.launchpadBottom .reservedRail{grid-template-rows:auto;grid-template-columns:repeat(8,minmax(0,1fr))}.streamDeckSurface{width:100%;min-width:0;padding:20px;border:2px solid #4a535b;border-radius:8px;color:#edf2f5;background:#252c32;color-scheme:dark;box-shadow:0 6px #080b0e;container-type:inline-size}.streamDeckSurface .hardwareBrand{margin-bottom:18px}.deckGroupLabel{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:12px 0 8px;font-size:11px;color:#b2bec6}.deckGroupLabel span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deckGrid,.deckShowKeys{display:grid;grid-template-columns:repeat(var(--deck-columns),minmax(0,1fr));gap:10px}.deckPages{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:12px;color:#b2bec6}.deckPages .textButton{position:relative;width:36px;min-height:36px;padding:8px}.deckPageAttention{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #674a14;border-radius:50%;background:#f0b63f;color:#211704;font-size:10px;font-weight:700;line-height:1}.deckPageStatus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.deckExtraAction{display:flex;justify-content:center;margin-top:12px}.deckShowKey{display:block;aspect-ratio:1;min-width:0;border:2px solid #38444e;border-radius:7px;background:var(--pad-color);box-shadow:inset 0 -3px 6px #0006,0 0 10px color-mix(in srgb,var(--pad-color) 35%,transparent);transition:background-color .15s ease,box-shadow .15s ease}.deckKey{position:relative;display:grid;min-width:0;width:100%;aspect-ratio:1;border:2px solid #38444e;border-radius:7px;padding:5px;background:#10151a;color:#edf2f5;cursor:pointer}.deckKey:disabled{cursor:default}.deckKey:not(:disabled):active{box-shadow:inset 0 0 0 2px #dce3e8}.deckKey:not(:disabled):hover{background:#171e24}.deckSessionKey{grid-template-rows:4px minmax(0,1fr) 14px;gap:3px}.deckSessionKey.selected{border-color:#fff}.streamDeckSurface .guidedControl{outline-color:#6fc5ff}.deckAccent{height:4px;width:100%;border-radius:2px}.deckGlyph{width:100%;height:100%;max-width:70%;justify-self:center}.deckKeyLabel{display:block;align-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:14px;text-align:center}.deckEmptyLabel{align-self:center;grid-row:1 / -1;color:#657079;font-size:12px}.unusedDeckKey{cursor:default;background:#171d22}.deckActionKey{grid-template-rows:minmax(0,1fr) 16px 14px;gap:2px;border-color:var(--key-accent)}.deckActionIcon{width:58%;height:100%;min-height:0;justify-self:center;color:var(--action-color)}.deckActionLabel{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--action-color);font-size:12px;line-height:16px}.deckGrid{container-type:inline-size}@container (max-width: 480px){.deckLayout-xl .deckSessionKey{grid-template-rows:2px minmax(0,1fr) 10px;gap:1px;padding:2px}.deckLayout-xl .deckActionKey{grid-template-rows:minmax(0,1fr) 10px;gap:1px;padding:2px}.deckLayout-xl .deckAccent{height:2px}.deckLayout-xl .deckKeyLabel{font-size:9px;line-height:10px}.deckLayout-xl .deckActionKey .deckKeyLabel{display:none}.deckLayout-xl .deckActionLabel{font-size:9px;line-height:10px}}@media(max-width:560px){.surfacePicker{width:100%}.surfacePicker select{flex:1}.streamDeckSurface{padding:8px}.deckGrid,.deckShowKeys{gap:4px}.deckKey{padding:2px 0;border-radius:5px}.deckSessionKey{grid-template-rows:3px minmax(0,1fr) 14px;gap:1px}.deckAccent{height:3px}.deckActionKey{gap:0}.deckActionLabel{font-size:11px}.launchpadSurface :is(.reservedRail,.launchpadBottom){gap:3px}.launchpadSurface .hardwareBrand{font-size:11px}}.modeSwitch{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #303942;border-radius:6px;padding:3px;background:#0b1014}.modeSwitch button{min-height:36px;border:0;border-radius:4px;color:#84919a;background:transparent;cursor:pointer;font-size:12px;font-weight:650}.modeSwitch button.active{color:#f2f6f8;background:#28323a}.narrative>span,.pairForm>span,.sectionTitle,.pairingContent>div>span{color:#6fc5ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;text-transform:uppercase}.narrative h1,.pairForm h1{max-width:16ch;margin:9px 0 10px;color:#f1f5f7;font-size:30px;line-height:1.16}.narrative p,.pairingPanel p{max-width:46ch;margin:0;color:#9aa6ae;font-size:14px;line-height:1.6}.showNarrative h1{max-width:19ch;font-size:36px}.showNarrative p{color:#c0c9ce}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#6f7d86}.sectionTitle svg{width:16px;height:16px;color:#55c76a}.sessionList{border-top:1px solid #2b343b}.sessionRow{display:grid;min-height:58px;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid #252d34}.sessionRow.selected{background:color-mix(in srgb,var(--session-accent) 8%,#10151a);box-shadow:inset 3px 0 var(--session-accent)}.sessionRow.guidedRow{background:#15222b;box-shadow:inset 3px 0 #6fc5ff}.sessionRow>button{display:flex;min-width:0;min-height:57px;align-items:center;gap:11px;border:0;padding:8px 10px;color:inherit;background:transparent;cursor:pointer;text-align:left}.sessionRow>button i{width:12px;height:12px;flex:0 0 12px;border-radius:2px}.sessionRow>button span,.emptySessions span,.connectionSummary span{display:flex;min-width:0;flex-direction:column}.sessionRow strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.sessionRow small,.emptySessions small,.connectionSummary small{margin-top:3px;color:#9aa8b2;font-size:12px}.stateLabel{max-width:130px;padding:0 10px;overflow:hidden;color:#9ca8af;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.stateLabel.attentionState{display:flex;align-items:center;gap:6px;max-width:166px;white-space:normal;line-height:1.4}.attentionState svg{width:15px;height:15px;flex:0 0 15px}.attentionState.waiting_for_approval{color:#f1c454}.attentionState.waiting_for_reply{color:#e2e8ed}.attentionState.error{color:#ff858c}[data-theme=light] .stateLabel.waiting_for_approval{color:#805400}[data-theme=light] .stateLabel.waiting_for_reply{color:#334653}[data-theme=light] .stateLabel.error{color:#ad2534}.sessionRow select{width:150px;min-height:34px;border:1px solid #35404a;border-radius:5px;padding:0 28px 0 8px;color:#c8d0d5;background:#13191e;font-size:11px}.emptySessions{display:flex;min-height:84px;align-items:center;gap:12px;border-bottom:1px solid #252d34;padding:12px 10px;color:#9ba7ae}.emptySessions svg{width:22px;height:22px;color:#64727c}.paneActions{display:flex;flex-wrap:wrap;gap:8px}.textButton,.primaryButton{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid #35404a;border-radius:5px;padding:8px 12px;color:#c7d0d5;background:#171e24;cursor:pointer;font-size:11px;font-weight:650;text-decoration:none}.textButton:hover,.primaryButton:hover{border-color:#53626d;background:#202931}.textButton svg,.primaryButton svg{width:15px;height:15px;flex-shrink:0}.textButton.danger{color:#ef9096}.primaryButton.danger{border-color:#b64b55;color:#fff;background:#9f3540}.primaryButton{border-color:#4a9ed3;color:#071015;background:#6fc5ff}.primaryButton:disabled{border-color:#35404a;color:#6e7a82;background:#262f36;cursor:not-allowed}.connectionSummary{display:flex;min-height:58px;align-items:center;gap:12px;border-left:3px solid #68747d;padding:8px 12px;background:#171d22}.connectionSummary.online{border-color:#55c76a}.connectionSummary>svg{width:20px;height:20px;color:#84919a}.connectionSummary.online>svg{color:#55c76a}.connectionSummary strong{font-size:12px;text-transform:capitalize}.connectionSummary small{line-height:1.4}.pairForm{display:flex;flex-direction:column;align-items:flex-start}.pairForm input{width:100%;height:58px;border:1px solid #3d4851;border-radius:6px;margin:8px 0 12px;padding:0 14px;color:#f4f7f8;background:#0b1014;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;text-align:center}.pairingPanel{border-top:1px solid #2b343b;padding-top:22px}.experiencePanel{border-top:1px solid #2b343b;padding-top:18px}.experiencePanel p{margin:0 0 12px;color:#9aa6ae;font-size:12px;line-height:1.5}.experiencePanel .experienceCaption{color:#e8eef2;font-weight:700}.experiencePanel .experienceDetail{color:#aeb9c0}.experiencePanel .experienceWarning{color:#f1ad72}.experienceActions{display:flex;flex-wrap:wrap;gap:8px}.pairingContent{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:16px}.pairingContent img{width:132px;height:132px;border-radius:6px;background:#fff}.pairingContent>div{display:flex;min-width:0;flex-direction:column}.pairingContent.localPairing{grid-template-columns:minmax(0,1fr)}.pairingContent h3{margin:0 0 4px;font-size:15px}.pairingContent .pairingScanNote{margin-bottom:16px;font-size:13px}.pairingContent small{overflow-wrap:anywhere}.pairingAddress{display:grid;gap:8px;margin-bottom:16px;font-size:13px}.pairingAddress>div{display:flex;gap:8px}.pairingAddress input{flex:1;min-width:0;width:100%;font-size:13px}.pairingAddress button{flex:0 0 40px;padding:8px}.pairingContent strong{margin:7px 0 4px;color:#f3f6f8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px}.pairingContent small{color:#77858e;font-size:10px;line-height:1.4}.appFooter{display:flex;min-height:48px;align-items:center;justify-content:space-between;border-top:1px solid #222a31;padding:10px max(18px,env(safe-area-inset-right));color:#65727b;background:#0e1217;font-size:10px}.appFooter a{display:inline-flex;align-items:center;gap:5px;color:#9ba8b0;text-decoration:none}.appFooter svg{width:12px;height:12px}.loadingPage{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#77858e;background:#0b0e12;font-size:12px}.loadingPage img{width:64px;height:64px;border-radius:8px}@media(max-width:960px){.sandboxWorkspace>.playgroundControls{grid-column:1;grid-row:1;padding:20px 24px}.sandboxWorkspace>.surfaceWorkspace{grid-column:1;grid-row:2}.sandboxWorkspace>.contextPane{grid-column:1;grid-row:3}.workspace{grid-template-columns:1fr}.surfaceWorkspace{border-right:0;border-bottom:1px solid #222a31;padding:28px 24px}.contextPane{padding:28px 24px 40px}.narrative h1,.pairForm h1{max-width:none}}@media(max-width:560px){.demoWorkspace .demoNarrative{min-height:158px}.sandboxWorkspace>.playgroundControls{padding:18px}.appHeader{min-height:60px;padding:8px 12px}.brand img{width:38px;height:38px}.brand small,.appFooter>span{display:none}.headerStatus{font-size:9px}.surfaceWorkspace{padding:18px 10px}.virtualSurface{padding:12px}.topRail,.matrixGrid,.sceneRail{gap:3px}.surfaceTop,.surfaceBody{gap:5px;grid-template-columns:minmax(0,1fr) minmax(0,calc((100% - 26px) / 9))}.launchpadSurface :is(.surfaceTop,.surfaceBody,.launchpadBottom){grid-template-columns:minmax(0,calc((100% - 31px)*.1)) minmax(0,1fr) minmax(0,calc((100% - 31px)*.1));gap:5px}.matrixPad{border-radius:min(5px,12%)}.surfaceCaption{font-size:8px}.performanceStory{min-height:50px}.performanceStory strong{font-size:17px}.contextPane{gap:24px;padding:24px 18px 36px}.narrative h1,.pairForm h1{font-size:25px}.showNarrative h1{font-size:29px}.sessionRow{grid-template-columns:minmax(0,1fr) minmax(105px,42%)}.sessionRow select{width:calc(100% - 8px)}.stateLabel{max-width:100%;white-space:normal}.pairingContent{grid-template-columns:112px minmax(0,1fr);gap:14px}.pairingContent img{width:112px;height:112px}.pairingContent strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--desktop-border: #39414b;--ui-body: 14px;--ui-small: 12px;--ui-section: 16px;--ui-title: 18px;color-scheme:dark}.desktopApp{height:100vh;min-height:0;overflow:hidden}.desktopApp .appHeader,.desktopApp .appFooter{flex-shrink:0}.desktopApp .desktopControls{flex-shrink:0;margin:0;padding:10px 24px;max-height:48vh;overflow:auto}.desktopApp .workspace{min-height:0;overflow:hidden;grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);grid-template-rows:minmax(0,1fr)}.desktopApp .surfaceWorkspace{padding:24px;align-items:center;container-type:size}.desktopApp:not(.padOnly) .surfaceWorkspace{background:#172123}.desktopApp:not(.padOnly) .surfaceWorkspace .virtualSurface:not(.performanceSurface){background:#344548;border-color:#657a79;box-shadow:inset 0 1px #ffffff24,0 5px #172325,0 16px 32px #0005}.desktopApp:not(.padOnly) .surfaceWorkspace .virtualSurface:not(.performanceSurface) .surfaceCaption{color:#c3d1cf;font-weight:700}.desktopApp:not(.padOnly) .surfaceWorkspace .virtualSurface:not(.performanceSurface) .surfaceFooter span{color:#f2f8f6}.desktopDemoWorkspace .surfaceWorkspace,.desktopApp .desktopDemoWorkspace .surfaceWorkspace{flex-direction:column;align-items:center;justify-content:flex-start}.liveDemoCue{width:min(100%,640px);box-sizing:border-box;min-height:86px}.desktopApp .virtualSurface{width:min(100%,640px,calc(100cqh - 56px));flex-shrink:0}.desktopApp .surfaceWorkspace .streamDeckSurface{width:min(100%,640px,calc(155cqh - 200px));flex-shrink:0}.desktopApp .desktopDemoWorkspace .virtualSurface{width:min(100%,600px,calc(100cqh - 164px))}.desktopApp .desktopDemoWorkspace .streamDeckSurface{width:min(100%,600px,calc(155cqh - 300px))}.desktopApp .surfaceWorkspace:has(.performanceSurface) .virtualSurface{width:min(100%,640px,calc(100cqh - 100px))}.desktopApp .contextPane{padding:28px 24px;gap:24px;overflow:auto}.desktopApp .contextPane>.selectedConversation{flex-shrink:0}.desktopApp .attentionView{display:flex;flex-direction:column;flex:1;min-height:min(320px,50vh)}.desktopApp .attentionTabs,.desktopApp .nextAttention{flex-shrink:0}.desktopApp .attentionView>[role=tabpanel]{min-height:0;overflow:auto}.desktopApp .attentionView .sessionRow{min-height:52px}.desktopApp .attentionView .sessionRow>button{min-height:51px}.desktopApp .contextPane :is(.sessionRow strong,.textButton){font-size:14px}.desktopApp .contextPane .stateLabel{font-size:12px}.desktopApp .contextPane .selectedConversation>.stateLabel{font-size:14px}.desktopControls{margin:0 0 22px;border-bottom:1px solid var(--desktop-border);padding:0 0 20px}.desktopToolbar,.desktopInputGroup,.desktopActions{display:flex;align-items:center;gap:8px}.desktopToolbar{justify-content:space-between;margin-bottom:12px}.desktopToolbar h2{margin:0;font-size:18px}.openConversations .desktopToolbar{margin-bottom:6px}.openConversations .desktopToolbar h2{min-width:0;flex:1;font-size:15px}.conversationPicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:100%;min-height:38px;padding:6px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font-size:14px}.conversationPicker>svg{width:18px;height:18px;flex-shrink:0;color:#aab6c0}.conversationPicker .conversationCounts{color:#aab6c0;font-size:12px;font-weight:400;margin:0}.conversationPicker .pickerChevron{margin-left:auto;transition:transform .15s ease}.conversationPicker[aria-expanded=true] .pickerChevron{transform:rotate(180deg)}.openConversations .desktopToolbar>.textButton{width:36px;min-height:36px;padding:8px}.openConversationList{margin:0;padding:0;list-style:none;max-height:158px;overflow:auto}.openConversationList li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--desktop-border)}.openConversationList li>svg{flex-shrink:0;width:20px;color:#aab6c0}.openConversationIdentity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;flex:1;min-width:0}.openConversationIdentity strong{grid-column:1 / -1;font-size:14px}.openConversationIdentity strong,.openConversationIdentity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.openConversationIdentity span,.openConversationIdentity code{font-size:12px;color:#aab6c0}.openConversationStatus{display:grid;gap:4px;text-align:right;font-size:13px;flex-shrink:0}.openConversationStatus small{color:#aab6c0;font-size:11px}.openConversationStatus small.desktopError{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ff808a}.desktopRuntime{font-size:13px;color:#a5b7c7}.desktopControls label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;color:#c9d2db}.desktopControls input,.desktopControls select,.pairingAddress input{width:100%;min-width:0;height:38px;padding:8px 10px;background:#172029;color:#eef2f5;border:1px solid #45515d;border-radius:5px;font:inherit}.desktopControls input:focus,.desktopControls select:focus,.pairingAddress input:focus{outline:2px solid #41c6cd;outline-offset:1px}.desktopInputGroup{min-width:0}.desktopInputGroup input{flex:1}.desktopControls .primaryButton{min-height:38px;max-width:210px;white-space:normal}.desktopControls .textButton svg{width:18px;height:18px;flex-shrink:0}.desktopError,.desktopNotice{margin:10px 0 0;font-size:13px;overflow-wrap:anywhere}.desktopError{color:#ffaaa0}.desktopNotice,.desktopControls .muted{color:#aab6c0}.desktopSettings{padding:20px 0 0}.deviceSettingsHeading{margin-bottom:24px}.deviceIntro{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px;margin:0 0 24px}.deviceIllustration{width:100%;max-width:224px;height:auto}.deviceIntro h3{margin:0 0 8px}.deviceIntro p{color:#aab6c0;font-size:13px;line-height:1.5;margin:0 0 16px}.deviceTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-bottom:1px solid var(--desktop-border)}.deviceTabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:10px 6px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:14px;line-height:1.4;cursor:pointer}.deviceTabs button[aria-selected=true]{border-bottom-color:#41c6cd;background:#17252b}.deviceTabs svg{width:18px;height:18px;flex-shrink:0}.deviceCount{font-size:12px;color:#aab6c0;font-variant-numeric:tabular-nums}.deviceSetupFacts{display:grid;gap:10px;font-size:14px;margin:20px 0}.deviceSetupFacts>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px}.deviceSetupFacts dt{color:#aab6c0}.deviceSetupFacts dd{margin:0;overflow-wrap:anywhere}.deviceGuide{margin:12px 0 24px}[data-theme=light] .deviceTabs button[aria-selected=true]{background:#e7eef2}[data-theme=light] :is(.deviceCount,.deviceSetupFacts dt){color:#52606b}@media(max-width:560px){.deviceTabs button{flex-wrap:wrap;gap:4px;font-size:13px}.deviceTabs svg{display:none}.deviceSetupFacts>div{grid-template-columns:110px minmax(0,1fr);gap:12px}}.hardwareTest{margin-top:24px;padding-top:20px;border-top:1px solid #35414a}.hardwareTestHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.hardwareTest progress{width:100%;height:6px;accent-color:#41c6cd;margin:12px 0 20px}.hardwareTestBody{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:24px;align-items:center}.hardwareTestPreview,.hardwareTestPreview .virtualSurface{width:100%;min-width:0}.hardwareTestPreview :is(.matrixPad,.railControl,.sceneControl){transition:none;filter:none}.hardwareTestStep{min-width:0}.hardwareTestStep h4{font-size:16px;line-height:1.5;margin:0 0 16px}.hardwareTestStep p{font-size:14px;line-height:1.5}.hardwareTestResult{display:flex;align-items:start;flex-direction:column;gap:12px;margin-top:20px;font-size:14px}.attentionTabs{display:flex;gap:12px;border-bottom:1px solid #35414a;margin-bottom:16px}.attentionTabs button{display:inline-flex;align-items:center;gap:7px;min-width:0;border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 0;font-size:14px;cursor:pointer}.attentionTabs button svg{width:16px;height:16px;flex-shrink:0}.attentionTabs button[aria-selected=true]{border-bottom-color:#41c6cd}.attentionRow{display:grid;grid-template-columns:12px minmax(0,1fr) 18px 64px;gap:10px;align-items:center;text-align:left;width:100%;min-height:68px;padding:12px 8px;border:0;border-bottom:1px solid #35414a;background:transparent;cursor:pointer}.attentionRow[aria-pressed=true]{background:#1d2933}.attentionRow:disabled{opacity:.65;cursor:default}.attentionRow i{width:12px;height:12px;border-radius:2px}.attentionRow>span{min-width:0}.attentionRow strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attentionRow small{display:block;font-size:12px;line-height:1.5;color:#a6b4bf}.attentionRow svg{width:18px;height:18px}.attentionRow time{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}[data-theme=light] .attentionRow[aria-pressed=true]{background:#e7eef2}[data-theme=light] .attentionRow small{color:#52606b}[data-theme=light] :is(.attentionTabs,.attentionRow,.hardwareTest){border-color:#c4cfd7}@media(max-width:900px){.hardwareTestBody{grid-template-columns:minmax(0,1fr)}.hardwareTestPreview{max-width:340px}.hardwareTestStep{order:-1}}.settingsHeader{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:16px;padding:12px 0;margin-bottom:12px;background:#0b0e12;border-bottom:1px solid var(--desktop-border)}.settingsHeader h2{margin:0}.settingsHeader .textButton{flex-shrink:0}.settingsLayout{display:grid;grid-template-columns:210px minmax(0,680px);gap:32px;padding:8px 0 28px}.settingsNavigation{display:flex;flex-direction:column;gap:5px}.settingsNavigation button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:5px;text-align:left;color:#aab6c0;cursor:pointer;font-size:14px}.settingsNavigation button[aria-selected=true]{background:#22343b;border-color:#3e636b;color:#e8f4f6}.settingsNavigation svg{width:18px;height:18px;flex-shrink:0}.desktopSettingsColumns{min-width:0}.desktopSettingsColumns section{min-width:0;margin-bottom:28px}.desktopSettingsColumns .desktopToolbar h3{margin-bottom:0}.networkSetup{margin-top:24px;border-top:1px solid var(--desktop-border)}.networkSetup summary{padding:16px 0;cursor:pointer;font-size:14px;font-weight:600}.networkSetup>button{margin-right:8px;margin-bottom:8px}.pairedDeviceList{padding:0;margin:0;list-style:none}.pairedDeviceList li{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--desktop-border)}.pairedDeviceList li>svg{width:22px;height:22px;flex:0 0 22px;color:#9aa6ae}.pairedDeviceIdentity{flex:1;min-width:120px;display:grid;gap:4px;overflow-wrap:anywhere}.pairedDeviceIdentity strong{font-size:14px}.pairedDeviceIdentity small{font-size:12px;color:#9aa6ae}.pairedDeviceIdentity .deviceOnline{color:#9aefb3}.deviceRevokeConfirm{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;font-size:13px}.deviceRevokeConfirm span{flex:1 1 100%}.pairingDialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:24px;border:1px solid #45515d;border-radius:8px;background:#10151a;color:#edf2f5}.pairingDialog::backdrop{background:#0000008c}.pairingDialog h2{font-size:18px;margin:0}.pairingDialog .pairingPanel{padding-top:12px;border:0}.pairingDialog .pairingContent small{font-size:12px}.themeOptions{display:inline-flex;border:1px solid #45515d;border-radius:6px;padding:3px;gap:3px}.themeOptions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:94px;min-height:36px;border:0;border-radius:3px;background:transparent;color:#aab6c0;cursor:pointer}.themeOptions button[aria-pressed=true]{background:#293b43;color:#eef2f5}.themeOptions svg{width:18px;height:18px}.desktopSettingsColumns h3{font-size:15px;margin:0 0 14px}.networkReady{display:grid;gap:4px;margin:12px 0;padding:10px 12px;border-left:3px solid #55c76a;background:#143522;color:#9aefb3;overflow-wrap:anywhere}.desktopSettingsColumns label{margin-bottom:12px}.desktopSettingsColumns .desktopCheckbox{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer}.desktopControls input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:#41c6cd;cursor:pointer}.desktopConnections{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#aab6c0}.desktopConnections span{display:inline-flex;align-items:center;gap:6px}.desktopConnections svg{width:14px;height:14px}.connectionLink{display:inline-flex;align-items:center;gap:6px;padding:2px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.connectionLink.online{color:#9aefb3}.connectionLink:hover{text-decoration:underline}.connectionRecovery{display:flex;flex-shrink:0;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 24px;border-bottom:1px solid var(--desktop-border);color:#ffcf85;font-size:14px}.connectionRecovery>svg{width:18px;height:18px;flex-shrink:0}[data-theme=light] .connectionRecovery{color:#805000}.connectionLink:focus-visible{outline:2px solid #41c6cd;outline-offset:4px}.conversationEmpty{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0;font-size:13px}.conversationEmpty>svg{width:20px;height:20px}.conversationEmpty code{color:#aab6c0}.codexCheck{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:var(--ui-body)}.codexCheck>svg{width:18px;height:18px;flex:0 0 18px;color:#f0b63f}.codexCheck.ready>svg{color:#55c76a}[data-theme=light] .codexCheck>svg{color:#8e6012}[data-theme=light] .codexCheck.ready>svg{color:#19713b}.desktopAbout .desktopActions{margin:16px 0;flex-wrap:wrap}.desktopAbout details{margin:20px 0}.desktopAbout summary{cursor:pointer;font-size:13px}.desktopAbout pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:12px}.thirdPartyCredits{list-style:none;padding:0;margin:14px 0}.thirdPartyCredits li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:12px 0;border-bottom:1px solid var(--desktop-border);font-size:13px}.thirdPartyCredits li div{display:grid;gap:4px}.thirdPartyCredits small{color:#aab6c0}[data-theme=light] .connectionLink.online{color:#176536}[data-theme=light] :is(.thirdPartyCredits small,.conversationEmpty code){color:#52616d}.desktopControls :is(.desktopNotice,.desktopError,label,.textButton,.themeOptions button,.thirdPartyCredits li,.desktopAbout summary,.conversationEmpty,.deviceRevokeConfirm){font-size:var(--ui-body);line-height:1.5}.desktopControls :is(.desktopRuntime,.desktopConnections,.openConversationStatus small,.thirdPartyCredits small,.pairedDeviceIdentity small){font-size:var(--ui-small);line-height:1.5}.desktopControls :is(.desktopSettingsColumns h3,.openConversations h2){font-size:var(--ui-section);line-height:1.4}.settingsHeader h2,.pairingDialog h2{font-size:var(--ui-title);line-height:1.4}.desktopViews{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid var(--desktop-border);flex-shrink:0}.desktopViews button{background:transparent;color:#aab6c0;border:0;border-bottom:3px solid transparent;padding:12px 0;font:inherit;font-size:14px;cursor:pointer}.desktopViews button:focus-visible{outline:2px solid #42d4bd;outline-offset:2px}.desktopViews button:disabled{opacity:.4;cursor:not-allowed}.desktopSetup{flex-shrink:0}.desktopSetup:has(.desktopSettings){flex:1;min-height:0;overflow:auto}.desktopApp .desktopSetup:has(.desktopSettings) .desktopControls{max-height:none;overflow:visible}.desktopViews{align-items:center;justify-content:flex-end}.desktopSurfaceSelector{display:inline-flex;align-items:center;padding:3px;border:1px solid #45515d;border-radius:6px;gap:3px}.desktopViews .desktopSurfaceSelector button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:0;border-radius:4px;font-size:13px;white-space:nowrap}.desktopSurfaceSelector button svg{width:16px;height:16px}.desktopViews .desktopSurfaceSelector button[aria-pressed=true]{background:#304247;color:#f2f7f7}.simulationBar{display:flex;align-items:center;justify-content:space-between;flex:1;gap:16px}.desktopViews .simulationBar{min-width:0;flex-wrap:wrap}.desktopViews .simulationBar>.textButton{flex:0 0 auto;width:auto;height:auto;padding:8px 12px;white-space:normal}.desktopViews .simulationBar>.textButton svg{flex-shrink:0}.openConversationList .removeConversation{flex:0 0 36px;width:36px;padding:8px}.simulationBar>span{color:#e9bf65;font-size:12px;font-weight:700}.exploreMenu{position:relative;z-index:30}.exploreMenu>button{font-size:13px}.exploreChoices{position:absolute;top:calc(100% + 8px);right:0;width:160px;padding:5px;background:#171d22;border:1px solid #45515d;border-radius:6px;box-shadow:0 8px 24px #0006}.exploreChoices button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:transparent;color:#eef2f5;font:inherit;font-size:14px;text-align:left;cursor:pointer}.exploreChoices button:hover,.exploreChoices button:focus-visible{background:#303b43;outline:none}.exploreChoices svg{width:18px;height:18px}.desktopViews .padFocusButton{width:36px;height:32px;padding:7px;flex-shrink:0}.desktopViewActions{display:flex;flex-shrink:0;gap:8px}.padOnly .appHeader,.padOnly .appFooter{display:none}.padOnly .desktopViews{justify-content:flex-end;padding:0 8px;border:0}.desktopApp .padFocusWorkspace{grid-template-columns:minmax(0,1fr)}.padFocusWorkspace .contextPane{display:none}.desktopApp .padFocusWorkspace .surfaceWorkspace{align-items:center;padding:8px;border:0}.desktopApp .padFocusWorkspace .virtualSurface{width:min(100%,calc(100dvh - 120px));padding:8px;border:0;background:transparent;box-shadow:none}.desktopApp .padFocusWorkspace .streamDeckSurface{width:min(100%,850px,calc(155cqh - 170px))}.desktopApp .padFocusWorkspace .surfaceWorkspace:has(:is(.codexQuestion,.approvalContext,.approvalFallback)){gap:16px}.desktopApp .padFocusWorkspace :is(.codexQuestion,.approvalContext,.approvalFallback){width:320px;max-width:40%;max-height:80cqh;overflow:auto;flex-shrink:0}.desktopApp .padFocusWorkspace .surfaceWorkspace:has(:is(.codexQuestion,.approvalContext,.approvalFallback)) .virtualSurface{width:min(calc(100% - 350px),calc(100cqh - 50px))}.desktopApp .padFocusWorkspace .surfaceWorkspace:has(:is(.codexQuestion,.approvalContext,.approvalFallback)) .streamDeckSurface{width:min(calc(100% - 350px),850px,calc(155cqh - 170px))}.openConversationScene{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;font-size:13px;font-weight:700}.padFocusWorkspace .surfaceCaption:not(.surfaceFooter){display:none}.selectedConversation{border-bottom:1px solid var(--desktop-border);padding-bottom:24px}.selectedConversation.hasSelection{border-top:4px solid var(--session-accent);padding-top:20px}.selectedConversation .sectionTitle{font-size:11px;color:#aab6c0}.selectedConversation .sectionTitle>span:last-child{color:var(--session-accent)}.selectedConversation h2{display:flex;align-items:center;gap:12px;margin:16px 0 8px;font-size:22px;line-height:1.25;overflow-wrap:anywhere}.selectedConversation h2 i{width:12px;height:12px;border-radius:2px;flex:0 0 12px}.selectedConversation p{margin:0;font-size:14px;color:#c9d2db}.selectedConversation>.stateLabel{display:flex;max-width:none;padding:4px 0 0;font-size:14px}.conversationActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.conversationActions:empty{display:none}.conversationActions .action-approve{color:#7ce69a}.conversationActions .action-reject,.conversationActions .action-stop{color:#ffaaa0}.conversationActions .textButton{min-height:42px;padding:10px 16px}.conversationActions .action-approve{background:#1d4930;border-color:#3a8b58}.conversationActions .action-reject,.conversationActions .action-stop{background:#48292d;border-color:#9e5158}.conversationActions .action-approve:hover{background:#285c3d}.conversationActions .action-reject:hover,.conversationActions .action-stop:hover{background:#5b3238}html[data-theme=light]{color-scheme:light;color:#202a32;background:#f4f6f8;--desktop-border: #cbd3d9}html[data-theme=dark]{color-scheme:dark}[data-theme=light] .publicToolbar{border-color:#d4dbe0}[data-theme=light] :is(.publicToolbar>span,.hardwarePreviewNote,.playgroundControls>label,.selectedReadout>span:last-child,.playgroundHistory summary,.playgroundHistory li,.publicWorkspace .narrative p){color:#52616c}[data-theme=light] :is(.publicWorkspace .narrative h1,.playgroundHistory summary span){color:#202a32}[data-theme=light] .publicWorkspace .narrative>span{color:#126789}[data-theme=light] :is(.demoPlaybackButtons>span,.demoPlaybackButtons small){color:#52616c}[data-theme=light] .sandboxWorkspace>.playgroundControls{background:#fff}[data-theme=light] :is(.scenarioPicker select,.surfacePicker select,.agentChoice){background:#fff;color:#344b5a;border-color:#9eacb6}[data-theme=light] .agentChoice.selected{background:#e0eff7;border-color:#29708f;color:#163e50}[data-theme=light] :is(.playgroundHistory,.publicWorkspace .sessionList,.publicWorkspace .sessionRow){border-color:#d4dbe0}[data-theme=light] .publicToolbar .modeSwitch{background:#fff;border-color:#b8c4cd}[data-theme=light] .publicToolbar .modeSwitch button{color:#52616c}[data-theme=light] .publicToolbar .modeSwitch button.active{background:#dcecf2;color:#174c61}[data-theme=light] :is(.appPage,.surfaceWorkspace,.settingsHeader){background:#f4f6f8}[data-theme=light] .desktopApp:not(.padOnly) .surfaceWorkspace{background:#e4eceb}[data-theme=light] .desktopApp:not(.padOnly) .surfaceWorkspace .virtualSurface:not(.performanceSurface){background:#c5d0d0;border-color:#e2e8e6;box-shadow:inset 0 1px #fff9,0 5px #667577,0 16px 32px #0003}[data-theme=light] .desktopApp:not(.padOnly) .surfaceWorkspace .virtualSurface:not(.performanceSurface) .surfaceCaption{color:#45595b}[data-theme=light] .desktopApp:not(.padOnly) .surfaceWorkspace .virtualSurface:not(.performanceSurface) .surfaceFooter span{color:#172d30}[data-theme=light] :is(.appHeader,.appFooter,.contextPane){background:#fff;border-color:#d4dbe0}[data-theme=light] .surfaceWorkspace{border-color:#d4dbe0}[data-theme=light] .brand{color:#202a32}[data-theme=light] :is(.brand small,.headerStatus,.sectionTitle,.desktopRuntime,.desktopConnections,.desktopNotice,.desktopControls .muted,.openConversationIdentity span,.openConversationIdentity code,.openConversationStatus small,.stateLabel,.sessionRow small,.emptySessions,.emptySessions small,.connectionSummary small,.pairingContent small,.pairingPanel p,.appFooter,.appFooter a,.desktopViews button){color:#52616c}[data-theme=light] :is(.desktopControls label,.selectedConversation p,.experiencePanel p,.experiencePanel .experienceDetail){color:#3c4d58}[data-theme=light] :is(.desktopControls input,.desktopControls select,.pairingAddress input,.pairForm input,.sessionRow select){background:#fff;color:#202a32;border-color:#9eacb6}[data-theme=light] input::placeholder{color:#647481;opacity:1}[data-theme=light] .textButton{background:#fff;color:#344b5a;border-color:#b8c4cd}[data-theme=light] .textButton:hover{background:#e8eef2;border-color:#7f929f}[data-theme=light] :is(.desktopError,.openConversationStatus small.desktopError,.textButton.danger,.conversationActions .action-reject,.conversationActions .action-stop){color:#a32639}[data-theme=light] :is(.connectionBadge.connected,.networkReady){background:#e4f4e9;color:#176536;border-color:#398654}[data-theme=light] :is(.openConversationStatus .chatConnected,.conversationActions .action-approve){color:#176536}[data-theme=light] .conversationActions .action-approve{color:#14572d;background:#d8f1df;border-color:#75b98a}[data-theme=light] :is(.conversationActions .action-reject,.conversationActions .action-stop){color:#8b2433;background:#fbe2e3;border-color:#d49298}[data-theme=light] .conversationActions .action-approve:hover{background:#c5e8d0}[data-theme=light] :is(.conversationActions .action-reject,.conversationActions .action-stop):hover{background:#f3cdcf}[data-theme=light] .connectionSummary{background:#eaf0f3}[data-theme=light] .sessionRow.selected{background:color-mix(in srgb,var(--session-accent) 8%,#fff)}[data-theme=light] .sessionRow.guidedRow{background:#e0eff7}[data-theme=light] :is(.pairingContent strong,.pairForm h1,.experiencePanel .experienceCaption){color:#202a32}[data-theme=light] :is(.pairForm>span,.pairingContent>div>span){color:#126789}[data-theme=light] :is(.experiencePanel .experienceWarning,.simulationBar>span){color:#84550c}[data-theme=light] .exploreChoices{background:#fff;border-color:#b8c4cd}[data-theme=light] .desktopSurfaceSelector{border-color:#b8c4cd;background:#fff}[data-theme=light] .desktopViews .desktopSurfaceSelector button[aria-pressed=true]{background:#dcecf2;color:#174c61}[data-theme=light] .exploreChoices button{color:#202a32}[data-theme=light] .exploreChoices button:is(:hover,:focus-visible){background:#e8eef2}[data-theme=light] .themeOptions{border-color:#b8c4cd;background:#fff}[data-theme=light] .themeOptions button{color:#52616c}[data-theme=light] .themeOptions button[aria-pressed=true]{background:#dcecf2;color:#174c61}[data-theme=light] .settingsNavigation button{color:#52616c}[data-theme=light] .settingsNavigation button[aria-selected=true]{background:#dcecf2;color:#174c61;border-color:#9dbcc8}[data-theme=light] .pairedDeviceIdentity small{color:#52616c}[data-theme=light] .pairedDeviceIdentity .deviceOnline{color:#176536}[data-theme=light] :is(.conversationPicker .conversationCounts,.conversationPicker>svg,.selectedConversation .sectionTitle,.deviceIntro p){color:#52616c}[data-theme=light] .pairingDialog{background:#fff;color:#202a32;border-color:#b8c4cd}@media(max-width:680px){.settingsLayout{grid-template-columns:minmax(0,1fr);gap:20px}.settingsNavigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settingsNavigation button{font-size:var(--ui-body);padding:8px}.pairingDialog{padding:16px}}[data-theme=light] .virtualSurface{color:#edf2f5;color-scheme:dark}[data-theme=light] .padFocusWorkspace .virtualSurface{background:#171d22}@media(max-width:680px){.desktopSettingsColumns{grid-template-columns:1fr}}@media(max-width:759px){.desktopApp .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;overflow:auto}.desktopApp .workspace:not(.padFocusWorkspace){display:flex;flex-direction:column}.desktopApp .surfaceWorkspace{container-type:normal}.desktopApp .surfaceWorkspace,.desktopApp .contextPane{flex-shrink:0}.desktopApp .contextPane,.desktopApp .attentionView>[role=tabpanel]{overflow:visible}.desktopApp .virtualSurface,.desktopApp .desktopDemoWorkspace .virtualSurface,.desktopApp .surfaceWorkspace:has(.performanceSurface) .virtualSurface{width:min(100%,560px)}.desktopApp .surfaceWorkspace .streamDeckSurface,.desktopApp .desktopDemoWorkspace .streamDeckSurface{width:min(100%,560px)}.desktopApp .padFocusWorkspace{grid-template-rows:minmax(0,1fr)}.desktopApp .padFocusWorkspace .virtualSurface{width:min(100%,calc(100dvh - 120px))}.desktopApp .padFocusWorkspace .streamDeckSurface{width:min(100%,calc(155dvh - 170px))}.desktopApp .padFocusWorkspace .surfaceWorkspace:has(:is(.codexQuestion,.approvalContext,.approvalFallback)){flex-direction:column;justify-content:flex-start;overflow:auto}.desktopApp .padFocusWorkspace :is(.codexQuestion,.approvalContext,.approvalFallback){width:100%;max-width:560px;max-height:none}.desktopApp .padFocusWorkspace .surfaceWorkspace:has(:is(.codexQuestion,.approvalContext,.approvalFallback)) .virtualSurface,.desktopApp .padFocusWorkspace .surfaceWorkspace:has(:is(.codexQuestion,.approvalContext,.approvalFallback)) .streamDeckSurface{width:min(100%,560px)}}@media(max-width:560px){.desktopApp .appHeader{position:relative;flex-wrap:wrap;gap:10px}.desktopApp .headerStatus{width:100%;justify-content:space-between}.desktopApp .headerStatus>span:last-child{position:absolute;right:16px;top:24px;font-size:10px}.desktopApp .connectionBadge{margin-left:auto;white-space:nowrap}.desktopApp .exploreMenu>button{white-space:nowrap}.desktopApp .desktopControls{padding:8px 16px}.desktopApp .desktopControls>.desktopToolbar{flex-wrap:wrap}.desktopApp .desktopConnections{flex:1 1 100%;gap:8px 14px}.desktopApp .desktopControls>.desktopToolbar>.desktopActions{margin-left:auto}.desktopApp .desktopActions .textButton{white-space:nowrap}.desktopViews{flex-wrap:wrap;gap:8px}.desktopViews .simulationBar{flex:1 1 100%}.desktopViews .simulationBar>button{white-space:nowrap}.desktopViewActions{flex-wrap:wrap;justify-content:flex-end;width:100%}.conversationPicker .conversationCounts{flex:1 1 70%;padding-left:30px}.conversationPicker .pickerChevron{position:absolute;right:0;top:10px}.conversationPicker{position:relative;padding-right:24px}.deviceIntro{grid-template-columns:112px minmax(0,1fr);gap:16px}.deviceIntro h3{font-size:15px}.deviceIntro p{font-size:12px}}