@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c1118;--surface:#141b24;--raised:#1d2834;--line:#2b3847;--muted:#a1afbd;--text:#edf2f6;--mint:#9ce6c4;--danger:#ffb0b0;--app-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);overscroll-behavior-y:none}
body{font-size:15px;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
button,input,textarea,select{font:inherit}
button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:disabled{opacity:.45;cursor:default}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
button,input,textarea,select{accent-color:var(--mint)}
::selection{background:#406f5d;color:#fff}
svg{width:20px;height:20px;display:block;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
button:hover:not(:disabled){filter:brightness(1.12)}
#app-shell{width:100%;min-height:var(--app-height);display:flex;flex-direction:column;background:var(--bg)}
.app-header{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);flex:none;background:var(--surface)}
.brand-button{display:flex;align-items:center;gap:10px;min-width:0;flex:1;min-height:44px;border:0;background:none;padding:0;text-align:left}
.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--mint);position:relative;display:inline-block;flex:none;color:#153227}
.brand-mark>span{position:absolute;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);left:7px;top:10px}
.brand-mark>i{position:absolute;width:9px;height:2px;background:currentColor;right:6px;bottom:10px}
.brand-mark.large{width:52px;height:52px;border-radius:12px}
.brand-mark.large>span{left:11px;top:15px;width:15px;height:15px;border-width:3px}
.brand-mark.large>i{right:9px;bottom:14px;width:14px;height:3px}
.header-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.header-copy strong{font-size:16px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.25px}
.header-copy small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-suffix{color:var(--muted);font-weight:400}
.header-right{display:flex;align-items:center;gap:5px;flex:none}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);flex:none}
.icon-button:hover{background:var(--raised);color:var(--text)}
.create-button{height:40px;display:flex;gap:5px;align-items:center;padding:0 12px;border:1px solid #4d876f;border-radius:8px;background:#203b30;color:#d2f6e4;font-size:13px;font-weight:600}
.create-button svg{width:16px;height:16px}
.connection-indicator{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px}
.connection-indicator i,.live-dot,.tiny-dot{display:block;width:6px;height:6px;border-radius:50%;background:#b49d76;flex:none}
.connection-indicator[data-state=online] i,.live-dot{background:var(--mint)}
.connection-indicator[data-state=offline] i,.live-dot.paused{background:#edb37e}
.header-picker-chevron{color:var(--muted);display:none}
.header-picker-chevron svg{width:14px;height:14px}
.home-view{padding:28px 24px 32px;width:100%;max-width:1200px;margin:0 auto;flex:1}
.home-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px}
h1,h2,p{overflow-wrap:anywhere}
h1{font-size:27px;font-weight:650;letter-spacing:-.7px;line-height:1.2;margin:0}
h2{font-size:19px;font-weight:600;letter-spacing:-.3px;margin:0}
.home-intro{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.count-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:27px;height:25px;padding:0 6px;margin-left:10px;background:var(--raised);border:1px solid var(--line);border-radius:6px;color:#c4d1dc;font-size:12px;letter-spacing:0}
.server-details{border:1px solid var(--line);border-radius:9px;margin-bottom:18px}
.server-details summary{cursor:pointer;padding:12px 14px;color:var(--muted);font-size:12px;min-height:42px}
.resource-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 14px 16px}
.resource-strip>div{display:grid;grid-template-columns:1fr auto;gap:8px;min-width:0}
.resource-label,.resource-strip strong{font-size:11px;font-weight:500;color:var(--muted)}
progress{appearance:none;grid-column:1/-1;border:0;background:var(--line);width:100%;height:3px;border-radius:3px;overflow:hidden}
progress::-webkit-progress-bar{background:var(--line)}
progress::-webkit-progress-value,progress::-moz-progress-bar{background:#80b49e}
.window-tools{margin-bottom:16px}
.search-field{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid #3b4a5b;border-radius:9px;padding:0 12px;min-height:46px;color:var(--muted)}
.search-field input{width:100%;min-width:0;min-height:44px;background:none;border:0;color:var(--text);font-size:16px;outline-offset:0}
input::placeholder,textarea::placeholder{color:#9babb9}
.search-field .icon-button{margin-right:-8px}
.search-field svg{width:18px;height:18px}
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.segmented{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#0c131c;flex:none}
.segmented button{display:flex;gap:5px;align-items:center;justify-content:center;min-height:34px;border:0;border-radius:5px;padding:6px 11px;background:none;color:var(--muted);font-size:12px;white-space:nowrap}
.segmented button[aria-pressed=true]{background:#294637;color:#ddf5e8}
.segmented svg{height:14px;width:14px}
#list-updated{color:var(--muted);font-size:11px}
.list-loading,.output-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:36px 12px;font-size:13px}
.window-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.window-card{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);transition:border-color .15s,background .15s}
.window-card:hover{border-color:#597b6b}
.window-open{min-width:0;display:flex;gap:12px;align-items:flex-start;text-align:left;background:none;border:0;border-radius:9px;padding:15px 5px 15px 14px}
.window-icon{width:34px;height:34px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#26333f;color:#b6cbdc}
.window-icon[data-app=opencode]{background:#30333e;color:#d0d4ef}
.window-icon[data-app=claude],.window-icon[data-app=hermes]{background:#3b332b;color:#e4c6ad}
.window-icon svg{width:19px;height:19px}
.window-copy{flex:1;min-width:0}
.window-topline{display:flex;align-items:center;gap:5px;margin-bottom:6px}
.window-name{font-size:16px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.window-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.app-badge,.pane-badge,.ended-badge{font-size:10px;line-height:1.3;border:1px solid #415448;border-radius:4px;background:#24332a;padding:2px 5px;color:#c4ddce}
.pane-badge{background:#23303c;border-color:#415366;color:#c9d8e6}
.ended-badge{background:#3b2c29;border-color:#79514a;color:#efc4ae}
.window-project,.window-meta{display:block;font-size:12px;line-height:1.5;color:#b1c0cd;overflow-wrap:anywhere}
.window-meta{font-size:11px;color:var(--muted);margin-top:3px}
.window-draft{font-size:10px;color:var(--mint)}
.window-panes{grid-column:1/-1;display:flex;gap:6px;padding:0 12px 12px;flex-wrap:wrap}
.pane-shortcut{min-height:36px;border:1px solid #445667;border-radius:6px;background:#202c38;color:#cfdee9;font-size:11px;padding:6px 10px}
.home-footer{margin:24px 0 0;color:var(--muted);font-size:11px;text-align:center;line-height:1.5}
.empty-state{text-align:center;color:var(--muted);padding:40px 12px}
.empty-state>span{display:flex;justify-content:center;margin-bottom:14px}
.empty-state h2{color:var(--text);font-size:18px}
.empty-state p{font-size:13px;line-height:1.5}
.notice-banner{border:1px solid #8b6e48;border-radius:8px;background:#2c241a;color:#f0d3ab;padding:10px 12px;line-height:1.5;font-size:12px;margin-bottom:12px}
.notice-banner.error{border-color:#83515d;background:#32212a;color:#ffd1d8}
.session-view{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}
body[data-page=session]{overflow:hidden}
body[data-page=session] #app-shell{height:var(--app-height);min-height:0}
body[data-page=session] .brand-mark{display:none}
body[data-page=session] .header-picker-chevron{display:block}
body[data-page=session] .app-header{height:calc(56px + env(safe-area-inset-top));padding-left:8px;padding-right:10px;gap:4px}
body[data-page=session] .connection-indicator{font-size:0;gap:0;padding:0 4px}
body[data-page=session] .header-copy strong{font-size:15px}
body[data-page=session] .header-copy small{font-size:10px}
.session-context{display:none}
.pane-picker-button{background:#223c32;color:#cce8d7}
.pane-picker-button>span:not(:first-child){display:none}
.output-controls{display:flex;align-items:center;gap:5px;flex:none;padding:6px 12px;border-bottom:1px solid var(--line);background:#101720}
.output-modes{margin-left:auto}
.output-toolbar{min-height:45px;padding:3px 12px;display:flex;align-items:center;gap:10px;flex:none;background:#101720;border-bottom:1px solid var(--line)}
.output-title{display:flex;align-items:center;gap:5px;min-width:0;color:var(--muted);font-size:10px;white-space:nowrap}
.output-updated{display:none}
.terminal-dimensions{font:10px ui-monospace,monospace;color:var(--muted);white-space:nowrap}
.quick-text-controls{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none}
.quick-text-controls button{height:36px;min-width:36px;padding:0 8px;border:1px solid #455767;border-radius:6px;background:#1d2935;color:#e0e9ef;font-size:11px;white-space:nowrap}
.quick-text-controls button[aria-pressed=true]{border-color:#78af91;background:#284638;color:#e0f4e7}
.quick-text-controls output{min-width:25px;text-align:center;color:#d2dee8;font-size:11px;font-variant-numeric:tabular-nums}
.output-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;scrollbar-width:thin;scrollbar-color:#586a7b #101720;-webkit-overflow-scrolling:touch;background:#0b1016;touch-action:pan-x pan-y}
.terminal-output{margin:0;min-width:0;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:14px/1.5 ui-monospace,SFMono-Regular,"Cascadia Code",Consolas,"Liberation Mono",monospace;font-variant-ligatures:none;color:#d8e2eb;tab-size:8;user-select:text;-webkit-user-select:text}
.terminal-output.no-wrap{white-space:pre;overflow-wrap:normal;width:max-content;min-width:100%}
.terminal-output.original-output{line-height:1.25;font-kerning:none;letter-spacing:0}
.ansi-bold{font-weight:700}.ansi-dim{opacity:.7}.ansi-underline{text-decoration:underline}
.session-banner{margin:6px 10px;flex:none}
.composer{padding:8px 12px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);flex:none}
.composer-input-row{display:flex;align-items:flex-end;gap:7px}
#message-input{width:100%;flex:1;min-width:0;min-height:46px;max-height:150px;resize:none;overflow-y:auto;border:1px solid #4a5c6e;background:#101821;color:var(--text);border-radius:9px;padding:11px 12px;font-size:16px;line-height:1.4;caret-color:var(--mint);outline-offset:0}
#message-input:focus{border-color:var(--mint);outline:1px solid var(--mint)}
.send-button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:88px;height:46px;padding:0 10px;border:0;border-radius:8px;background:var(--mint);color:#133b29;font-size:12px;font-weight:650}
.send-button svg{width:18px;height:18px}
.quick-keys{display:flex;align-items:center;gap:5px;margin-top:6px;overflow-x:auto;scrollbar-width:none}
.quick-key{min-height:36px;min-width:43px;flex:1;padding:6px 9px;background:#1b2733;border:1px solid #3b4c5d;border-radius:6px;color:#cfdde8;font-size:12px;white-space:nowrap}
.quick-key:last-child{color:#e9b8a6}
.quick-keys .keys-button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:36px;padding:5px 7px;border:1px solid #3b4c5d;border-radius:6px;background:#1b2733;color:#cfdde8;font-size:11px}
.quick-keys .keys-button svg{width:14px;height:14px}
.instance-ident{font-variant-numeric:tabular-nums;letter-spacing:.15px}
.composer-footer{display:flex;gap:14px;align-items:center;min-height:32px}
.keys-button{display:flex;gap:5px;align-items:center;min-height:32px;border:0;background:none;color:#c4d1dc;font-size:11px;padding:4px 0}
.keys-button svg{width:16px;height:16px}
.composer-hint,.draft-status{color:var(--muted);font-size:10px}.draft-status{margin-left:auto;color:var(--mint)}
.pending-notice{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;color:#f0c694;font-size:11px;line-height:1.5;margin-bottom:6px}
.pending-actions{display:flex;gap:12px;flex-wrap:wrap}
#input-notice .text-button{min-height:44px}
.attachment-status{color:#c9e8d8;line-height:1.5;font-size:11px;margin:5px 0 0;overflow-wrap:anywhere}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:5px 0;border:0;background:none;color:var(--mint);font-size:12px}
.text-button svg{height:14px;width:14px}
.muted-action{color:#bcc5cd}
.instance-sidebar{min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:14px 12px;border-right:1px solid var(--line);background:#111922}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sidebar-heading h2{font-size:15px}
.sidebar-list{overflow:auto;min-height:0;flex:1;margin:10px -3px}
.sidebar-instance{display:flex;gap:9px;align-items:flex-start;width:100%;padding:12px 8px;border:1px solid transparent;border-bottom-color:var(--line);background:none;text-align:left;border-radius:6px;position:relative}
.sidebar-instance[aria-pressed=true],.sidebar-pane[aria-pressed=true]{background:#20362c;border-color:#436e57}
.sidebar-instance-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.sidebar-instance-copy strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere;font-weight:600}
.sidebar-instance-copy small{font-size:10px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.sidebar-instance .window-icon{width:27px;height:27px;border-radius:5px}.sidebar-instance .window-icon svg{width:16px;height:16px}
.instance-status{font-size:9px;color:var(--mint);position:absolute;bottom:8px;right:8px}
.sidebar-pane{display:block;width:calc(100% - 20px);margin:3px 0 3px 20px;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:none;color:#c8d6e1;text-align:left;font-size:11px}
.instance-sidebar .plain-input{min-height:40px;font-size:13px}
.pair-view{max-width:440px;margin:auto;padding:42px 24px;width:100%}
.pair-art{margin-bottom:24px}.pair-view h1{font-size:42px;line-height:1.1;letter-spacing:-1.5px}
.pair-description{color:#b5c2ce;line-height:1.6;font-size:14px;margin:20px 0 24px}
.pair-form label{display:block;margin-bottom:8px;color:#c8d5df;font-size:13px}
.pair-form input,.plain-input{min-height:48px;border:1px solid #4a5c6e;border-radius:8px;background:#101821;color:var(--text);width:100%;padding:10px 12px;font-size:16px;line-height:1.4}
.primary-button{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:48px;width:100%;padding:12px 15px;margin-top:16px;border:0;border-radius:8px;background:var(--mint);color:#123b29;font-size:14px;font-weight:600}
.pair-footnote{display:flex;gap:7px;color:var(--muted);font-size:11px;margin-top:18px;align-items:center}
.pair-footnote svg{width:16px;height:16px}.pair-busy{display:flex;gap:12px;align-items:center;min-height:110px;color:var(--muted)}
.eyebrow,.pair-art-line,.pair-art-dot{display:none}
.inline-error{font-size:12px;line-height:1.5;color:var(--danger);margin:12px 0;overflow-wrap:anywhere}
.sheet{border:1px solid #4b5c6c;border-radius:14px;background:#151e28;color:var(--text);max-width:480px;width:calc(100% - 32px);padding:20px;max-height:calc(var(--app-height) - 30px);overflow:auto;box-shadow:0 12px 40px #0005}
.sheet::backdrop{background:#03070bbd}
.sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.sheet-heading .icon-button{margin-top:-8px;margin-right:-8px}
.sheet-heading .sheet-note{margin:7px 0 0}
.sheet-handle{display:none}
.sheet-note{font-size:12px;line-height:1.6;color:#acbdcb;margin:14px 0 0}
.field-label{display:block;margin:16px 0 7px;font-size:12px;color:#ccdae4}
.create-sheet .primary-button{margin-bottom:8px}
#create-reset,#create-show-list{display:flex;width:100%;text-align:center;line-height:1.4}
.menu-item{display:flex;gap:13px;align-items:center;width:100%;min-height:65px;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 0;text-align:left}
.menu-item>span:first-child{color:#b8d8c5}.menu-item strong{display:block;font-weight:550;font-size:13px}.menu-item small{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:4px}
.muted-danger strong,.muted-danger>span:first-child{color:var(--danger)}
.picker-sheet{display:flex;flex-direction:column;overflow:hidden}.picker-sheet:not([open]){display:none}.picker-sheet .search-field{flex:none;margin-bottom:10px}.picker-list{min-height:0;overflow:auto;overscroll-behavior:contain}
.picker-item{display:flex;gap:10px;align-items:center;min-height:75px;padding:12px 7px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);border-radius:6px;text-align:left}
.picker-item[aria-pressed=true]{background:#233c30}.picker-copy{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.picker-copy strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.picker-copy small{color:#aebfcd;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.picker-item>svg{color:var(--mint);width:17px;height:17px}
.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.setting-row small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}.setting-row input{height:24px;width:24px;flex:none}
.font-control{display:flex;align-items:center;border:1px solid #465b6b;border-radius:8px;overflow:hidden}.font-control button{width:44px;height:44px;border:0;background:#243441}.font-control output{min-width:36px;text-align:center;font-size:12px}
.key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.key-button{min-height:44px;border:1px solid #455767;border-radius:7px;background:#202d3a;font-size:12px}
.key-status{color:var(--mint);font-size:12px;min-height:18px;margin:10px 0}.interrupt-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:12px;border:1px solid #7b4c55;border-radius:8px;background:#35212b;color:#ffccd2;font-size:12px}.interrupt-button kbd{margin-left:auto;font-size:11px}
.install-card{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:9px;background:none;width:100%;padding:14px;margin-top:20px;text-align:left}.install-card>span:nth-child(2){flex:1}.install-card strong,.install-card small{display:block;font-size:12px}.install-card small{color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px}.install-instructions p{font-size:13px;line-height:1.6}.install-instructions .muted{color:var(--muted)}
.spinner{display:inline-block;width:17px;height:17px;border:2px solid #668475;border-top-color:#d8f4e6;border-radius:50%;animation:spin .8s linear infinite;flex:none}
.toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);padding:12px 16px;border:1px solid #6a9b7b;border-radius:9px;background:#244030;color:#e6f6ec;font-size:12px;line-height:1.5;z-index:100;box-shadow:0 4px 16px #0005}
.toast.error{border-color:#af6d7b;background:#472a34;color:#ffe0e5}
.update-banner{position:fixed;left:50%;top:calc(66px + env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100% - 20px);z-index:50;padding:8px 13px;border:1px solid #69947a;border-radius:8px;background:#243e30;font-size:12px;line-height:1.4}
.focus-mode .app-header,.focus-mode .instance-sidebar{display:none!important}.focus-mode #app-shell{position:fixed;inset:0;height:var(--app-height);display:flex!important}.focus-mode .session-view{width:100%}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1000px){body[data-page=session] #app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:calc(58px + env(safe-area-inset-top)) minmax(0,1fr)}body[data-page=session] .app-header{grid-column:1/-1;height:auto;padding-left:14px;padding-right:16px}.session-view{grid-column:2;grid-row:2}.instance-sidebar{grid-column:1;grid-row:2}.composer{padding:12px 20px 8px}.output-scroll{padding:16px 20px}.output-controls,.output-toolbar{padding-left:20px;padding-right:20px}.header-copy strong{font-size:17px}.header-copy small{font-size:12px}.output-title{font-size:11px}.window-list{gap:12px}.window-card{min-height:110px}}
@media(max-width:999px){.instance-sidebar{display:none}.app-header{padding-left:12px;padding-right:10px}.connection-label{display:none}}
@media(max-width:600px){.home-view{padding:22px 14px 24px}.home-heading h1{font-size:25px}.home-intro{font-size:12px}.window-list{grid-template-columns:1fr}.app-header{gap:7px}.connection-indicator{font-size:0;gap:0;padding:0 3px}.brand-mark{display:none}.header-copy strong{font-size:15px}.header-copy small{font-size:10px}.create-button{padding:0 9px;font-size:12px}.create-button svg{width:15px}.home-heading{margin-bottom:16px}.output-controls{padding:5px 8px;gap:4px}.output-controls .icon-button{width:36px;min-width:36px;height:36px}.segmented{padding:2px}.segmented button{padding:5px 8px;font-size:11px;min-height:34px}.output-toolbar{padding:3px 8px;gap:5px}.terminal-dimensions{display:none}.output-title{font-size:0;gap:0}.output-title .live-dot{display:none}.quick-text-controls{margin-left:0;width:100%;justify-content:space-between}.quick-text-controls button{min-width:38px}.quick-text-controls output{min-width:26px}.output-scroll{padding:10px}.composer{padding:7px 9px calc(4px + env(safe-area-inset-bottom))}.quick-keys{gap:4px}.quick-key{min-width:39px;padding:5px 7px;font-size:11px}.composer-footer{gap:14px}.composer-hint{display:none}.send-button{min-width:82px;font-size:11px}.sheet{position:fixed;top:auto;bottom:0;margin:0 auto;border-bottom:0;border-radius:15px 15px 0 0;width:100%;max-width:560px;max-height:calc(var(--app-height) - 12px);padding:19px 18px calc(20px + env(safe-area-inset-bottom))}.pair-view{padding:32px 24px}.pair-view h1{font-size:38px}.resource-strip{gap:10px}.resource-strip>div{grid-template-columns:1fr}.toast{bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(max-height:550px){body[data-page=session] .app-header{height:44px}.header-copy small{display:none}.output-controls{padding-top:2px;padding-bottom:2px}.output-toolbar{min-height:40px;padding-top:1px;padding-bottom:1px}.composer-footer{display:none}.composer{padding-top:5px}#message-input{max-height:64px!important;min-height:42px;padding-top:9px;padding-bottom:9px}.send-button{height:42px}.quick-keys{margin-top:4px}.quick-key{min-height:32px}.sheet .field-label{margin-top:10px}.sheet .plain-input{min-height:43px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.output-toolbar{flex-wrap:wrap}.output-toolbar .output-title{display:none}.quick-text-controls{order:1;flex:1 1 100%;width:auto;min-width:0}#latest-button{order:2;flex:0 0 100%;justify-content:flex-end;min-height:32px}.quick-keys .keys-button{font-size:11px}}
@media(max-height:550px){.quick-keys .keys-button{min-height:32px}body[data-page=session] .header-copy small{display:block}}

/* One mobile work surface, not stacked desktop toolbars. */
.output-controls{min-height:56px;padding:5px 14px;gap:10px;background:var(--surface);border-bottom:1px solid var(--line)}
.view-menu-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 4px;border:0;background:none;color:#dce6ed;font-size:13px;white-space:nowrap}
.view-menu-button svg{width:14px;height:14px;color:var(--muted)}
.output-controls .quick-text-controls{order:0;flex:none;width:auto;margin-left:auto;gap:0;justify-content:initial;border:1px solid #354352;border-radius:10px;background:#101821;overflow:hidden}
.output-controls .quick-text-controls button{min-width:42px;height:42px;padding:0 7px;border:0;border-radius:0;background:none;font-size:13px}
.output-controls .quick-text-controls output{min-width:23px;font-size:12px}
.output-controls>.icon-button{width:44px;height:44px;min-width:44px;color:#b9c9d5}
#fit-width[aria-pressed=true]{background:#203b30;color:var(--mint)}
.output-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex}
.output-stage>.output-scroll{width:100%;padding:20px 16px;overflow:auto;overflow-anchor:none;scroll-behavior:auto}
.output-scroll.original-view{display:flex;flex-direction:column}
.output-scroll.original-view>.terminal-output{flex:none;margin-top:auto}
.output-scroll.original-view>#output-end{flex:none}
.terminal-output{line-height:1.65;color:#dce5ed}
.terminal-output.original-output{line-height:1.25}
.terminal-output:not(.original-output):not(.no-wrap){white-space:pre-line}
.terminal-row{white-space:inherit}
.accepts-pointer .terminal-row{cursor:pointer}
.latest-floating{position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid #4e6b5d;border-radius:22px;background:#203b30;color:#d9f3e5;font-size:12px;box-shadow:0 4px 16px #0005;z-index:2}
.latest-floating svg{width:16px;height:16px}
.composer{padding:12px 14px calc(6px + env(safe-area-inset-bottom));background:var(--surface)}
.composer-input-row{align-items:flex-end;gap:3px;padding:5px;border:1px solid #3e5061;border-radius:15px;background:#101821}
.composer-input-row:focus-within{border-color:#7bbd9f}
.composer-input-row>.icon-button{margin-bottom:2px;width:40px;height:44px;min-width:40px;color:#a8bac9}
#message-input{min-height:48px;max-height:150px;padding:12px 6px;border:0;border-radius:0;background:none;font-size:16px;line-height:1.5}
#message-input:focus{border:0;outline:none}
#message-input::placeholder{color:#92a5b5}
.send-button{height:42px;width:42px;min-width:42px;margin:3px 2px;border-radius:11px;padding:0;background:var(--mint)}
.send-button svg{width:21px;height:21px}
.quick-keys{display:flex;gap:4px;overflow:visible;margin-top:7px;padding:0 3px}
.quick-keys .quick-key,.quick-keys .keys-button{display:flex;align-items:center;justify-content:center;flex:1;gap:6px;min-width:44px;min-height:44px;padding:6px;border:0;border-radius:9px;background:none;color:#bdcdd9;font-size:12px;white-space:nowrap}
.quick-keys .quick-key:hover,.quick-keys .keys-button:hover{background:#22303c}
.quick-keys .quick-key:active,.quick-keys .keys-button:active{background:#2b4338;color:#e6f6ec}
.quick-keys .quick-key svg{width:20px;height:20px}
.quick-keys .keys-button{flex:1.4;font-size:12px}
.quick-keys .keys-button svg{width:17px;height:17px}
.composer-footer{min-height:0;justify-content:flex-end}
.composer-footer:has(.draft-status:empty){display:none}
.composer-hint{display:none}
.draft-status{padding:3px 3px 2px;font-size:11px}
.scroll-actions{display:flex;gap:12px}
.scroll-actions .icon-button{border:1px solid var(--line);width:48px;height:44px}
#display-dialog .segmented{width:100%;margin-top:16px}
#display-dialog .segmented button{flex:1;min-height:44px;font-size:13px}
#display-dialog .output-title{font-size:12px;gap:7px}
#display-dialog .output-title .live-dot{display:block}
.key-grid{gap:0;border:1px solid #344554;border-radius:12px;overflow:hidden;background:#101821}
.key-button{min-height:56px;border:0;border-right:1px solid #283642;border-bottom:1px solid #283642;border-radius:0;background:none;color:#dbe6ee;font-size:14px}
.key-button:nth-child(3n){border-right:0}
.key-note{margin-bottom:16px}
body[data-page=session] .create-button{font-size:0;gap:0;padding:0;width:42px;height:44px;border:0;background:none;color:var(--mint)}
body[data-page=session] .create-button svg{width:21px;height:21px}
body[data-page=session] .app-header{min-height:58px;height:calc(58px + env(safe-area-inset-top));padding-left:7px;padding-right:9px;gap:5px}
body[data-page=session] .header-copy strong{font-size:15px;line-height:1.3}
body[data-page=session] .header-copy small{display:block;font-size:10px;line-height:1.3}
@media(max-width:600px){.output-controls{padding:4px 10px;gap:6px;min-height:54px;flex-wrap:nowrap}.output-controls .quick-text-controls{flex:none;width:auto;min-width:0}.output-stage>.output-scroll{padding:16px 12px}.composer{padding:10px 10px calc(5px + env(safe-area-inset-bottom))}.output-controls>.icon-button{width:40px;min-width:40px;height:44px}.output-controls .quick-text-controls button{min-width:40px}.view-menu-button{font-size:12px;gap:5px}.sheet{padding-top:24px}.sheet-heading{margin-bottom:18px}.key-button{min-height:54px}}
@media(max-height:550px){body[data-page=session] .app-header{min-height:50px;height:50px}.output-controls{min-height:48px;padding-top:1px;padding-bottom:1px}.output-stage>.output-scroll{padding-top:12px;padding-bottom:12px}.composer{padding-top:7px}.quick-keys .quick-key,.quick-keys .keys-button{min-height:44px}.composer-footer{display:flex}#message-input{min-height:44px!important;padding-top:10px;padding-bottom:10px}.send-button{height:40px;width:40px;min-width:40px}}
@media(max-width:350px){.output-controls{gap:2px;padding-left:7px;padding-right:7px}.view-menu-button{font-size:11px;gap:2px}.output-controls .quick-text-controls button{min-width:38px}.output-controls .quick-text-controls output{min-width:21px}.quick-keys{gap:0}.quick-keys .keys-button{gap:3px}.composer{padding-left:7px;padding-right:7px}}
.chat-history{min-width:0;max-width:100%;padding:0 0 16px}
.chat-status{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.5}
.chat-messages{font:14px/1.65 ui-monospace,SFMono-Regular,"Cascadia Code",Consolas,"Liberation Mono",monospace;color:#dce5ed;overflow-wrap:anywhere}
.chat-message{margin:0 0 24px;min-width:0}
.chat-author{margin:0 0 7px;font:600 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#b9c9d5}
.chat-author.is-user{color:var(--mint)}
.chat-body{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-messages.no-wrap .chat-body{white-space:pre;overflow-wrap:normal;width:max-content;min-width:100%}
.chat-tools{margin-top:8px;font-size:12px;color:#afbfcd;line-height:1.6}
.chat-tools summary{min-height:36px;padding:7px 0;cursor:pointer;color:#b9c9d5}
.chat-tools summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.chat-tool-name{display:block;margin:12px 0 5px;color:#c7d5df;font-size:12px;font-weight:500}
.chat-tool-output{max-width:100%;overflow:auto;margin:5px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#101821;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;color:#c7d5df}
.agent-choices{margin:16px 0 24px;padding-top:20px;border-top:1px solid var(--line)}
.choice-title{margin:0 0 8px;font:600 17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}
.choice-description,.choice-hint{margin:0 0 16px;font-size:13px;line-height:1.6;color:#b9c9d5}
.choice-list{display:grid;gap:12px;margin:16px 0}
.choice-button{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:16px;text-align:left;border:1px solid #617a8d;border-radius:10px;background:#1d2b38;color:var(--text);font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.choice-button>span{flex:1;min-width:0}.choice-button strong{display:block;font-weight:550}.choice-button small{display:block;margin-top:5px;color:#c2d0db;font-size:13px;line-height:1.5}
.choice-button>svg{color:var(--mint)}
.choice-button:active{background:#2b493c;border-color:var(--mint)}
.choice-confirm{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;padding:12px 16px;margin-top:20px;border:1px solid #689e84;border-radius:9px;background:#203b30;color:#e0f5e9;font-size:14px}
.live-question{margin:16px 0}.live-question>summary{min-height:44px;padding:12px 0;cursor:pointer;color:#b9c9d5;font-size:13px}.live-question>.terminal-output{margin-top:16px}
.quick-keys{padding-left:0;padding-right:0;gap:1px}
.quick-keys .keys-button{flex:1}
#ctrl-key-grid .key-button{font-size:13px}
.keys-modes{display:flex;width:100%;margin:0 0 16px}.keys-modes button{flex:1;min-height:44px;font-size:14px}
.model-option.is-highlighted{border-color:var(--mint);background:#294637}
.has-model-picker .composer-input-row,.has-model-picker .pending-notice,.has-model-picker .composer-footer,.has-model-picker .attachment-status{display:none!important}
.has-model-picker .composer{padding-top:3px}.has-model-picker .quick-keys{margin-top:0}
.model-picker-heading .text-button{min-height:44px;min-width:90px}
@media(max-height:550px){.model-picker-heading{margin-bottom:0}.model-search-form{padding-top:6px;padding-bottom:8px}.model-picker>.sheet-note{margin-top:8px}}
.chat-tool{margin:12px 0;border-top:1px solid var(--line)}
.chat-tool>summary{min-height:48px;padding:12px 0;list-style-position:inside}
.chat-tool-heading{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.chat-tool-heading .chat-tool-name{display:inline;margin:0;color:var(--text);font:600 14px/1.6 ui-monospace,monospace}
.chat-tool-state{color:var(--mint);font:12px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.chat-tool-context{display:block;margin-top:6px;color:#c7d5df;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}
.chat-tool-label{margin:14px 0 5px;color:#b9c9d5;font:600 12px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.is-error{color:var(--danger)}
.chat-delivery{margin:8px 0 0;color:#c9d8e2;font:12px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.chat-tools{font-size:.92em}.chat-tool-context{font-size:1em}.chat-tool-heading .chat-tool-name{font-size:1.08em}.chat-tool-output{font-size:inherit}
.toast{pointer-events:none}
.model-picker{min-width:0;padding-bottom:16px}.model-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.model-picker-heading h2{font-size:19px}
.model-search-form{position:sticky;top:-16px;z-index:1;background:#0b1016;padding:12px 0 16px}.model-search-form label{display:block;margin:0 0 8px;font-size:13px;color:#c7d5df}.model-search-form>div{display:flex;gap:10px}.model-search-form input{flex:1;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #617a8d;border-radius:9px;background:#101821;color:var(--text);font-size:16px}.model-search-form button{min-width:76px;min-height:48px;padding:10px 14px;border:0;border-radius:9px;background:var(--mint);color:#123b29;font-weight:600}
.model-options{display:grid;gap:10px;margin:20px 0}.model-option{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;width:100%;padding:14px;text-align:left;border:1px solid #617a8d;border-radius:9px;background:#1d2b38;color:var(--text);font-size:15px;line-height:1.5;overflow-wrap:anywhere}.model-option span{min-width:0}.model-option svg{color:var(--mint)}.model-option.is-selected{background:#203b30;border-color:#689e84}.model-group{margin:12px 0 0;color:#b9c9d5;font-size:13px;font-weight:600}
@media(max-width:350px){.quick-keys{gap:0;margin-left:-2px;margin-right:-2px;width:calc(100% + 4px)}.quick-keys .keys-button svg{display:none}}

/* A glanceable workstation: color means role, action or an observed state. */
:root{--info:#a5cdff;--warning:#efcb8d;--read:#9bd5e4;--code:#f0cf9c;--assistant:#b6e6ce}
.home-actions{display:flex;gap:4px;flex:none}.home-actions .icon-button{min-width:44px;min-height:44px}
.home-heading{align-items:flex-start}.home-heading h1{font-size:25px}.home-intro,#list-updated{font-size:12px;line-height:1.5;margin:8px 0 0;color:var(--muted)}
.home-actions .has-filter{background:#203b30;color:var(--mint)}
.window-open{padding:16px;gap:12px}.window-topline{margin-bottom:8px}.window-badges{margin-bottom:8px}
.app-badge,.pane-badge,.ended-badge{font-size:12px}.window-project{font-size:13px;color:#b7c6d3}.window-meta{margin-top:14px;font-size:12px}
.instance-preview{display:block;min-width:0;margin-top:14px;padding-top:12px;border-top:1px solid #344554}
.activity-line{display:flex;align-items:center;gap:8px;line-height:1.5;font-size:13px;color:#bfccda}
.activity-mark{display:inline-block;position:relative;width:10px;height:10px;border:1px solid currentColor;border-radius:50%;flex:none;color:inherit}
.activity-label{font-weight:550}.preview-time{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
.preview-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;margin-top:9px;font-size:14px;line-height:1.55;color:#d7e1e9}
.preview-text[data-kind=tool]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--read);font-size:13px}
.preview-text[data-kind=question]{color:#f3d6a5}.preview-model{display:block;margin-top:9px;color:#b3c4d4;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
[data-activity=busy]>.activity-line,[data-activity=busy]>.tools-heading{color:var(--mint)}
[data-activity=waiting]>.activity-line{color:var(--warning)}
[data-activity=error]>.activity-line,[data-activity=error]>.tools-heading{color:var(--danger)}
[data-activity=idle]>.activity-line{color:#b4d4c4}
[data-activity=busy] .activity-mark{border-width:2px;border-color:#486d5b;border-top-color:var(--mint);animation:spin 1.1s linear infinite}
[data-activity=waiting] .activity-mark{border-radius:2px}
[data-activity=waiting] .activity-mark::after{content:"";position:absolute;left:3px;top:1px;width:2px;height:6px;background:currentColor}
[data-activity=error] .activity-mark{border-radius:2px;background:#5c343d}
[data-activity=updating] .activity-mark{background:var(--info);animation:activity-pulse 1.8s ease-in-out infinite}
.instance-preview.is-stale .activity-line{color:var(--warning)}
.sidebar-instance-copy .instance-preview{margin-top:3px;padding-top:8px}.sidebar-instance-copy .preview-text{font-size:12px;-webkit-line-clamp:2}
.sidebar-instance-copy .activity-line,.sidebar-instance-copy .preview-model{font-size:12px}.sidebar-instance-copy .preview-time{display:none}
.picker-item .instance-preview{margin-top:5px;padding-top:8px}.picker-item .preview-text{-webkit-line-clamp:2}
.agent-status{flex:none;padding:10px 14px 9px;border-bottom:1px solid #385044;background:#121f1c;font-size:13px;line-height:1.5;min-width:0}
.agent-model-line,.agent-context-line,.agent-status-foot{display:flex;align-items:baseline;gap:7px 14px;flex-wrap:wrap;min-width:0}
.agent-model-line strong{color:#e1f3e9;overflow-wrap:anywhere;font-size:14px;font-weight:650}
#current-effort{color:var(--code);white-space:normal}#current-model{flex:1;min-width:140px}
.agent-context-line{margin-top:5px;color:#c6ddd2;font-variant-numeric:tabular-nums}#current-context{color:#bce6d0}
#current-context[data-level=medium]{color:var(--warning)}#current-context[data-level=high]{color:var(--danger)}
#current-limits{color:#b8cfdb}.agent-status-foot{margin-top:4px;justify-content:space-between;color:#b7c9c1;font-size:12px}
#model-details{display:contents}#model-details>summary{cursor:pointer;min-height:24px;list-style:none;color:#c5d9ce;text-decoration:underline;text-decoration-color:#688373;text-underline-offset:3px}
#model-details>p,#quota-details{flex:0 0 100%;max-height:120px;overflow:auto;margin:4px 0;color:#d1e1d8;line-height:1.6}
#quota-details:empty{display:none}#quota-details p{margin:6px 0}
.agent-status.is-stale{background:#201e19;border-bottom-color:#716345}.agent-status.is-stale #current-quota{color:var(--warning)}
.chat-messages{color:#d8e3eb}.chat-message{margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid #2a3845}
.chat-message[data-role=user]{padding:16px;border:1px solid #3b5771;border-radius:10px;background:#142332}
.chat-author{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--assistant);font-size:13px}
.chat-author::before{content:"";width:7px;height:7px;border:1px solid currentColor;border-radius:2px;flex:none}
.chat-author.is-user{color:var(--info)}
.chat-message[data-role=shell] .chat-author{color:var(--warning)}
.chat-body.is-markdown{white-space:normal;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
.chat-messages.no-wrap .chat-body.is-markdown{white-space:normal;overflow-wrap:anywhere;width:auto;min-width:0}
.is-markdown>:first-child{margin-top:0}.is-markdown>:last-child{margin-bottom:0}
.is-markdown p{margin:0 0 .9em}.is-markdown h2,.is-markdown h3,.is-markdown h4,.is-markdown h5,.is-markdown h6{margin:1.4em 0 .55em;color:#c5ebd8;font-weight:650;letter-spacing:0;line-height:1.4}
.is-markdown h2{font-size:1.4em}.is-markdown h3{font-size:1.2em}.is-markdown h4,.is-markdown h5,.is-markdown h6{font-size:1.08em}
.is-markdown strong{color:#f1f6f9;font-weight:750}.is-markdown em{color:#e0e9f1}
.is-markdown ul,.is-markdown ol{margin:.6em 0 1em;padding-left:1.6em}.is-markdown li{padding-left:.15em;margin:.4em 0}.is-markdown li::marker{color:var(--mint)}.is-markdown li>p{margin:0 0 .35em}
.is-markdown a{color:var(--info);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.is-markdown a:hover{color:#d2e6ff}.is-markdown a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.is-markdown :not(pre)>code{padding:.12em .3em;border:1px solid #48505a;border-radius:4px;background:#20262e;color:var(--code);font:.91em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.markdown-code{position:relative;max-width:100%;overflow:auto;margin:1em 0 1.2em;padding:14px;border:1px solid #3d4c5b;border-radius:8px;background:#121b25;color:#dce6f0;white-space:pre;tab-size:4;font:.9em/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.markdown-code code{font:inherit;display:block}.code-language{display:block;margin:0 0 10px;color:#aebfd0;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.syntax-keyword{color:#a8ceff}.syntax-string,.syntax-added{color:#b3dfa9}.syntax-number{color:#f2c892}.syntax-comment{color:#a6b9c9}.syntax-removed{color:#ffb4bc}.syntax-added{background:#203a2b}.syntax-removed{background:#3b252d}
.is-markdown blockquote{margin:1em 0;padding:10px 14px;border-left:1px solid #839eae;background:#17212b;color:#c0d0dc}.is-markdown blockquote>:last-child{margin-bottom:0}
.is-markdown hr{border:0;border-top:1px solid #425363;margin:1.5em 0}
.markdown-table{max-width:100%;overflow:auto;margin:1em 0}.markdown-table table{width:100%;border-collapse:collapse;font-size:.94em;line-height:1.6}.markdown-table th,.markdown-table td{padding:10px 12px;border:1px solid #3b4c5c;text-align:left;min-width:110px}.markdown-table th{color:#c5ebd8;background:#1a2b28;font-weight:650}.markdown-table td{background:#101923}
.task-list-item{list-style:none;position:relative}.task-list-item>input{position:absolute;left:-1.5em;top:.3em;width:1em;height:1em;opacity:1}.markdown-literal{white-space:pre-wrap}
.chat-tools{color:#becddb;font-size:.94em}.chat-tools>summary{padding:12px 14px;min-height:50px;border:1px solid #42566a;border-radius:8px;background:#16232e;list-style-position:inside}
.tools-heading{display:inline-flex;align-items:center;gap:8px;font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--read)}
.tools-preview{display:block;margin-top:6px;color:#b5d5e1;font-size:.95em;line-height:1.55;overflow-wrap:anywhere}
.chat-tool{padding:0 12px;border:1px solid #374c5d;border-radius:8px;background:#111e29;margin:12px 0}
.chat-tool-heading .chat-tool-name{color:var(--read)}.chat-tool[data-kind=edit] .chat-tool-name{color:var(--mint)}.chat-tool[data-kind=run] .chat-tool-name{color:var(--warning)}.chat-tool[data-kind=other] .chat-tool-name{color:#d3c2ea}
.chat-tool[data-status=error]{border-color:#885563;background:#251d26}.chat-tool[data-status=error] .chat-tool-state{color:var(--danger)}
.chat-tool[data-status=running] .chat-tool-state,.chat-tool[data-status=streaming] .chat-tool-state{color:var(--warning)}
.chat-tool-context{color:#c0d6e5}.chat-tool-output{background:#0d1721;border-color:#3a4e61;color:#cfdeea}.chat-tool-label{color:#a9cbde}.chat-tool-label.is-error{color:var(--danger)}
.chat-delivery{color:#bed4e9}.chat-tool-output{font-size:inherit}
@keyframes activity-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:600px){.home-heading h1{font-size:24px}.agent-status{padding:9px 12px 7px}.agent-model-line{gap:4px 10px}.agent-context-line{gap:3px 10px}.window-open{padding:16px 14px}.chat-message[data-role=user]{padding:14px}}
@media(max-height:550px){.agent-status{padding-top:5px;padding-bottom:4px;font-size:12px}.agent-model-line strong{font-size:13px}.agent-context-line{margin-top:1px}.agent-status-foot{margin-top:1px}.agent-status-foot,#model-details>summary{font-size:12px}#model-details>summary{min-height:20px}.agent-model-line{gap:4px 10px}}
@media(prefers-reduced-motion:reduce){[data-activity] .activity-mark{animation:none!important}}
.composer{position:relative}
.slash-suggestions{position:fixed;max-height:300px;overflow:auto;overscroll-behavior:contain;padding:8px 12px;border:1px solid #567166;border-radius:12px;background:#172820;box-shadow:0 -6px 24px #0004;z-index:4}
.slash-heading{display:flex;align-items:center;gap:8px;position:sticky;top:-8px;background:#172820;z-index:1}
.slash-heading p{flex:1;min-width:0;margin:3px 0 5px;color:#c7ddcf;font-size:12px;line-height:1.5}
.slash-heading .icon-button{width:44px;min-width:44px;height:44px}
.slash-option{display:grid;grid-template-columns:minmax(88px,38%) minmax(0,1fr);align-items:start;gap:10px;text-align:left;width:100%;min-height:44px;padding:8px 6px;border:0;border-bottom:1px solid #4a6356;border-radius:0;background:none;color:#e2f1e8;font-size:13px;line-height:1.45}
.slash-option strong{min-width:0;overflow-wrap:anywhere;color:var(--mint);font:600 13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.slash-option span{min-width:0;overflow-wrap:anywhere;color:#c2d8cb;font-size:13px;line-height:1.45}
.slash-option[aria-selected=true]{background:#2a4939}.has-model-picker .slash-suggestions{display:none!important}
.has-slash-suggestions #latest-button{display:none}
.header-copy small,body[data-page=session] .header-copy small{font-size:12px}
.quota-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px 16px;margin-top:7px;min-width:0}
.quota-meter{min-width:0;color:#d6e9dd;font-size:12px;line-height:1.5}
.quota-meter-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}.quota-meter-heading strong{font-weight:600;color:var(--mint);font-variant-numeric:tabular-nums}
.quota-track{display:block;width:100%;height:5px;margin:5px 0 3px;background:#34483e;border-radius:3px;overflow:hidden}
.quota-track::-webkit-progress-bar{background:#34483e}.quota-track::-webkit-progress-value{background:var(--mint)}.quota-track::-moz-progress-bar{background:var(--mint)}
.quota-meter[data-level=medium] strong{color:var(--warning)}.quota-meter[data-level=medium] .quota-track::-webkit-progress-value{background:var(--warning)}.quota-meter[data-level=medium] .quota-track::-moz-progress-bar{background:var(--warning)}
.quota-meter[data-level=high] strong{color:var(--danger)}.quota-meter[data-level=high] .quota-track::-webkit-progress-value{background:var(--danger)}.quota-meter[data-level=high] .quota-track::-moz-progress-bar{background:var(--danger)}
.quota-reset{display:block;color:#b7cfc1;font-size:12px}.quota-stale-note{display:block;color:var(--warning);font-size:12px}.quota-meters.is-stale .quota-track{opacity:.6}
@media(max-height:550px){.quota-meters{margin-top:3px;gap:4px 16px}.quota-track{margin-top:3px;margin-bottom:1px}}
@media(min-width:600px) and (max-height:550px){.agent-status{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);grid-template-areas:"model quota" "context quota" "foot quota";gap:1px 20px}.agent-model-line{grid-area:model}.agent-context-line{grid-area:context}.agent-status-foot{grid-area:foot}.quota-meters{grid-area:quota;align-self:center;margin-top:0}#current-model{min-width:0}.agent-model-line{flex-wrap:nowrap}.agent-model-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}