@import url("./design/design.css");
:root{--panel:var(--surface);--raised:var(--field);--line:var(--border);--line-strong:var(--border);--muted:var(--text-muted);--faint:var(--text-faint);--green:var(--success-text);--blue:var(--accent-text);--danger:var(--danger-text);--warning:var(--warning-text);--sidebar-width:244px;--inspector:340px;font-family:var(--font-ui);color:var(--text);background:var(--bg);font-size:13px;color-scheme:dark}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;display:flex;height:100vh;background:var(--bg)}
.sidebar{position:relative;width:var(--sidebar-width);flex:none;border-right:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;padding:44px 9px 9px}.sidebar-title{height:34px;display:flex;align-items:center;gap:9px;padding:0 7px}.sidebar-content{min-height:0;flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar-content>*{flex-shrink:0}.sidebar-title,.sidebar-footer{flex-shrink:0}.logo{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--text) url("./assets/relayer-logo.svg") center/cover no-repeat;font-size:0}.logo.large{width:44px;height:44px;border-radius:12px}.titlebar-toggle{position:absolute;z-index:4;top:9px;left:84px;width:32px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);transition:background .14s,color .14s}.titlebar-toggle:hover{background:var(--hover);color:var(--text)}.titlebar-toggle svg{transition:transform .16s;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.push{margin-left:auto}.icon-button{border:0;background:transparent;color:var(--muted);border-radius:6px;min-width:28px;height:28px}.icon-button:hover{background:var(--hover);color:var(--text)}
.new-thread-button{margin:12px 0 8px;border:1px solid var(--line);background:var(--panel);height:36px;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 10px;text-align:left}.new-thread-button:hover{background:var(--raised);border-color:var(--line-strong)}.new-thread-button kbd{margin-left:auto;font:10px inherit;color:var(--faint)}.settings-back-button{margin:12px 0 8px;height:36px;border:0;background:transparent;border-radius:8px;color:var(--muted);display:flex;align-items:center;gap:9px;padding:0 10px;text-align:left}.settings-back-button:hover{background:var(--hover);color:var(--text)}.settings-navigation{margin-top:10px}.settings-tab[aria-selected="true"]{background:var(--hover);color:var(--text)}.side-section{margin-top:10px;min-height:0}.section-label{height:27px;padding:0 8px;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-size:10px;font-weight:650}.entry-list,.project-threads{display:grid;gap:2px}.entry,.project-button{width:100%;border:0;background:transparent;border-radius:7px;text-align:left;color:var(--text-muted);min-width:0}.entry{padding:8px 9px;display:flex;gap:8px;align-items:center}.entry:hover,.entry.active,.project-button:hover{background:var(--hover);color:var(--text)}.entry span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-icon{color:var(--faint)}.project-list{display:grid;gap:4px}.project-button{padding:7px 9px;display:flex;align-items:center;gap:8px}.project-button i{width:7px;height:7px;background:var(--text-muted);border-radius:50%}.project-button span:last-child{margin-left:auto;color:var(--faint);font-size:10px}.project-threads{margin-left:13px;border-left:1px solid var(--line);padding-left:4px}.sidebar-footer .footer-button{min-width:0;gap:6px;padding:0 6px}.sidebar-footer .footer-button svg{margin-inline-start:1px}.sidebar-footer .footer-button span:not([aria-hidden]){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:8px;display:flex;align-items:center}.footer-button{height:34px;border:0;background:transparent;color:var(--muted);border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 9px}.footer-button:hover,.footer-button.active{background:var(--hover);color:var(--text)}.update-button{margin-left:auto;flex:none;width:31px;height:31px;border:1px solid var(--accent-solid);background:var(--accent-soft-bg);color:var(--accent-text);border-radius:50%;font-weight:700;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-text) 8%,transparent)}
.main-area{flex:1;min-width:0;display:flex}.new-thread-view{flex:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,var(--surface) 0,var(--bg) 54%)}.new-thread-center{width:min(720px,calc(100% - 48px));text-align:center;margin-top:-5vh}.hero-logo{margin:0 auto 22px;width:40px;height:40px;font-size:16px;border-radius:11px}.new-thread-center h1{font-size:28px;letter-spacing:-.025em;margin:0}.new-thread-center>p{color:var(--muted);margin:9px 0 25px}.new-composer{text-align:left;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface);box-shadow:0 18px 70px rgba(0,0,0,.36);padding:12px}.new-composer:focus-within{border-color:var(--border-strong)}.new-composer textarea{width:100%;min-height:88px;resize:none;border:0;background:transparent;outline:0;padding:4px 5px;font-size:14px;line-height:1.5}.composer-row{display:flex;align-items:center;gap:2px;margin-top:5px}.scope-control,.permission-control{position:relative}.scope-button,.permission-button{height:30px;border:0;background:transparent;border-radius:6px;color:var(--text-muted);display:flex;align-items:center;gap:7px;padding:0 7px}.scope-button:hover,.permission-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.permission-button:disabled{cursor:not-allowed;opacity:.45}.scope-menu,.permission-menu{position:absolute;left:0;bottom:37px;width:260px;padding:6px;background:var(--field);border:1px solid var(--border);border-radius:9px;box-shadow:0 18px 55px #000;z-index:20}.permission-menu{width:310px}.scope-menu button,.permission-menu button{width:100%;border:0;background:transparent;border-radius:6px;text-align:left;padding:8px;color:var(--text-muted);display:flex;flex-direction:column;gap:3px}.scope-menu button:hover,.permission-menu button:hover:not(:disabled){background:var(--selected);color:var(--text)}.permission-menu button:disabled{cursor:not-allowed;opacity:.45}.permission-menu button>span{width:100%;display:flex;align-items:center;gap:8px}.permission-menu button b{font-weight:650}.permission-menu button i{margin-left:auto;color:var(--blue);font-size:9px;font-style:normal}.permission-menu .full-access small{color:var(--warning-text)}.scope-menu small,.permission-menu small{color:var(--faint);line-height:1.35}.send-button{margin-left:auto;width:30px;height:30px;border:0;border-radius:7px;background:var(--text);color:var(--bg);font-weight:800}.send-button:disabled{opacity:.35;cursor:not-allowed}.folder-summary{margin:8px 4px 0;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-summary b{color:var(--text-muted);margin-right:6px}
.thread-view{flex:1;display:flex;flex-direction:column;min-width:0}.thread-header{height:62px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:12px;background:var(--bg)}.history-navigation{display:flex;gap:3px}.history-navigation button{width:27px;height:27px;display:grid;place-items:center;border:0;background:transparent;border-radius:6px;color:var(--faint)}.history-navigation button:hover:not(:disabled){background:var(--hover);color:var(--text)}.history-navigation button:disabled{cursor:default;opacity:.38}.history-navigation button.loading{opacity:1}.history-spinner{width:11px;height:11px;border:1.5px solid var(--faint);border-top-color:var(--text);border-radius:50%;animation:history-spin .75s linear infinite}@keyframes history-spin{to{transform:rotate(360deg)}}.thread-title-group{display:flex;align-items:center;gap:7px;min-width:0;position:relative}.thread-title-copy{min-width:0}.thread-header h2{font-size:13px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-header p{font-size:10px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-settings{position:static;flex:none}.conversation-settings-button{width:30px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:13px;letter-spacing:1px;line-height:1}.conversation-settings-button:hover:not(:disabled),.conversation-settings-button[aria-expanded="true"]{background:var(--hover);color:var(--text)}.conversation-settings-button:disabled{cursor:default;opacity:.5}.conversation-settings-menu{position:absolute;right:0;top:34px;width:min(190px,calc(100cqw - 32px));padding:5px;border:1px solid var(--line-strong);border-radius:9px;background:var(--raised);box-shadow:0 16px 45px rgba(0,0,0,.45);z-index:40}.conversation-export{width:100%;min-height:32px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:10px;text-align:left}.conversation-export:hover:not(:disabled),.conversation-export:focus-visible{background:var(--hover);color:var(--text);outline:0}.conversation-export:disabled{cursor:default;opacity:.5}@keyframes pulse{50%{opacity:.3}}
.stop-run{width:27px;height:27px;border:0;border-radius:7px;background:var(--text);color:var(--bg);font-size:8px}.graph-empty .secondary{margin:10px auto 0}
.thread-workspace{display:flex;flex:1;min-height:0}.graph-column{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.interaction-banner{margin:18px 17px 0;width:min(760px,82%);min-height:58px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 13px;display:flex;gap:11px;align-items:flex-start;z-index:3}.interaction-icon{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--hover);color:var(--text-muted);font:11px ui-monospace,monospace}.interaction-copy{flex:1;min-width:0}.interaction-banner small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.interaction-banner p{margin:4px 0 0;line-height:1.35;color:var(--text);overflow-wrap:anywhere}.turn-picker{position:relative;flex:none;align-self:center;margin-left:auto}.turn-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden}.turn-stepper button{height:28px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px}.turn-stepper button:first-child{border-left:0}.turn-stepper button:not(.turn-picker-button){width:28px;padding:0}.turn-stepper button:hover:not(:disabled){background:var(--hover);color:var(--text)}.turn-stepper button:disabled{cursor:default;opacity:.35}.turn-stepper .turn-picker-button{min-width:82px;padding:0 9px;color:var(--text);font-variant-numeric:tabular-nums}.turn-popover{position:absolute;right:0;top:35px;width:320px;max-height:calc(52px * 3 + 2px);overflow-y:auto;border:1px solid var(--line-strong);border-radius:9px;background:var(--raised);box-shadow:0 16px 45px rgba(0,0,0,.45);z-index:30;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.turn-option{width:100%;height:52px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;gap:9px;border:0;border-bottom:1px solid var(--line);padding:0 10px;background:transparent;color:var(--text);text-align:left}.turn-option:last-child{border-bottom:0}.turn-option:hover,.turn-option[aria-current="true"]{background:var(--hover)}.turn-option[aria-current="true"]{box-shadow:inset 2px 0 var(--blue)}.turn-option-number{font-size:9px;color:var(--faint);font-variant-numeric:tabular-nums}.turn-option-prompt{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.turn-option-status{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;text-transform:none}.turn-option-status:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--faint)}.turn-status-accepted .turn-option-status:before{background:var(--green)}.turn-status-running .turn-option-status:before{background:var(--blue)}.turn-status-failed .turn-option-status:before,.turn-status-cancelled .turn-option-status:before{background:var(--danger)}.graph-empty{flex:1;display:grid;place-content:center;text-align:center;color:var(--muted)}.thinking-dots{display:flex;gap:6px;align-items:center;justify-content:center;height:18px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--faint);animation:think 1.2s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.14s}.thinking-dots i:nth-child(3){animation-delay:.28s}@keyframes think{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:1}}.graph-stage{position:relative;flex:1;min-height:280px;overflow:hidden;background-image:radial-gradient(circle,var(--selected) 1px,transparent 1px);background-size:22px 22px;cursor:grab;touch-action:none}.graph-stage.panning{cursor:grabbing}#edgeCanvas,#nodeLayer{position:absolute;inset:0;width:100%;height:100%}#edgeCanvas{pointer-events:auto}#nodeLayer{pointer-events:none}.graph-edge{stroke:var(--border);stroke-width:1.5;stroke-linecap:round;pointer-events:none}.graph-node{position:absolute;width:164px;transform:translate(-50%,-23px);display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--text);cursor:grab;touch-action:none;user-select:none;text-align:center;pointer-events:auto}.graph-node:active{cursor:grabbing}.graph-node .glyph{width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid var(--border-strong);background:var(--field);border-radius:50%;box-shadow:0 8px 22px rgba(0,0,0,.3)}.graph-node .glyph svg{width:22px;height:22px;stroke-width:1.7}.graph-node.selected .glyph,.graph-node:hover .glyph{border-color:var(--text-muted);background:var(--hover)}.graph-node.selected .glyph{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-text) 12%,transparent),0 8px 22px rgba(0,0,0,.3)}.graph-node .copy{width:100%;min-width:0}.graph-node b{font-size:11px;line-height:1.25;display:block;white-space:normal;overflow-wrap:anywhere}.graph-hint{position:absolute;bottom:16px;left:16px;font-size:9px;color:var(--faint);background:rgba(14,16,18,.86);border:1px solid var(--line);border-radius:5px;padding:5px 7px;pointer-events:none}.disabled-composer{height:60px;display:grid;place-items:center;border-top:1px solid var(--line);color:var(--faint);font-size:10px;background:var(--bg)}
.thread-composer{min-height:62px;display:flex;gap:9px;align-items:flex-end;border-top:1px solid var(--line);padding:10px 13px;background:var(--bg)}.thread-composer textarea{flex:1;height:42px;min-height:42px;max-height:126px;resize:none;overflow-y:hidden;border:1px solid var(--line);border-radius:9px;background:var(--raised);outline:0;padding:10px 11px;line-height:1.4}.thread-composer textarea:focus{border-color:var(--line-strong)}
.turn-status-approval .turn-option-status:before{background:var(--warning-solid)}.approval-dock{flex:none;border-top:1px solid var(--line-strong);background:var(--bg);padding:14px 17px;outline:0}.approval-dock:focus-visible{box-shadow:inset 0 2px var(--blue)}.approval-dock-inner{width:min(820px,100%);margin:0 auto}.approval-dock-header{display:flex;align-items:center;gap:14px}.approval-heading{display:flex;align-items:center;gap:10px;min-width:0}.approval-status-icon{width:26px;height:26px;display:grid;place-items:center;flex:none;border:1px solid var(--warning-solid);border-radius:7px;background:var(--hover);color:var(--warning-text);font-weight:800}.approval-heading small{display:block;color:var(--warning-text);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.approval-heading h3{margin:2px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-queue-controls{margin-left:auto;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.approval-queue-controls button{width:28px;height:27px;border:0;background:transparent;color:var(--muted)}.approval-queue-controls button:hover{background:var(--hover);color:var(--text)}.approval-queue-controls span{min-width:48px;text-align:center}.approval-reason{margin:9px 0;color:var(--muted);font-size:11px;line-height:1.45}.approval-action-summary{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:8px 10px}.approval-action-summary>span,.approval-metadata dt{color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.approval-action-summary code{font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.approval-metadata{display:grid;gap:5px;margin:8px 0 0}.approval-metadata>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px}.approval-metadata dt,.approval-metadata dd{margin:0}.approval-metadata dd{color:var(--text-muted);font-size:10px;line-height:1.4;overflow-wrap:anywhere}.approval-history{margin-top:8px;color:var(--muted);font-size:9px}.approval-history summary{cursor:pointer}.approval-history ol{margin:6px 0 0;padding-left:20px;display:grid;gap:3px}.approval-error{margin:8px 0 0;color:var(--danger);font-size:10px}.approval-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.approval-actions button{min-height:32px;border-radius:7px;padding:0 12px}.approval-actions button:disabled{cursor:not-allowed;opacity:.45}.approval-deny{margin-right:auto;border:1px solid var(--danger-solid);background:var(--field);color:var(--danger-text)}.approval-once{border:1px solid var(--line-strong);background:var(--raised)}.approval-always{border:0;background:var(--text);color:var(--bg);display:flex;align-items:center;gap:6px;font-weight:700}.approval-always small{font-size:8px;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.approval-dock.history-only{padding-block:9px}.approval-dock.history-only .approval-status-icon{border-color:var(--accepted-mark);background:var(--field);color:var(--green)}.approval-dock.history-only .approval-heading small{color:var(--green)}.approval-dock.history-only .approval-history{margin:0 0 0 auto;align-self:center}.approval-dock.history-only .approval-dock-header{align-items:center}.approval-dock.history-only .approval-history summary{padding:6px 0}
.inspector{width:var(--inspector);flex:none;border-left:1px solid var(--line);background:var(--bg);padding:15px 18px;overflow:hidden;display:flex;flex-direction:column}.inspector-header{display:flex;flex:none;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.inspector-content{min-height:120px;flex:1;overflow:auto;padding-right:3px}.node-heading{display:flex;gap:11px;align-items:center;margin:21px 0 18px}.node-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border-strong);background:var(--field);border-radius:50%}.node-icon svg{width:20px;height:20px;stroke-width:1.7}.node-heading small{font-size:8px;color:var(--faint);letter-spacing:.08em}.node-heading h2{font-size:16px;margin:3px 0 0}.node-content{color:var(--text-muted);line-height:1.6;overflow-wrap:anywhere}.node-content>:first-child{margin-top:0}.node-content>:last-child{margin-bottom:0}.node-content p,.node-content ul,.node-content ol,.node-content blockquote,.node-content pre,.node-content table{margin:0 0 12px}.node-content h1,.node-content h2,.node-content h3,.node-content h4{color:var(--text);line-height:1.3;margin:18px 0 8px}.node-content h1{font-size:18px}.node-content h2{font-size:16px}.node-content h3,.node-content h4{font-size:14px}.node-content ul,.node-content ol{padding-left:20px}.node-content li+li{margin-top:5px}.node-content blockquote{border-left:3px solid var(--line-strong);padding-left:11px;color:var(--muted)}.node-content code{font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--raised);border-radius:4px;padding:2px 4px}.node-content pre{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--raised);padding:10px}.node-content pre code{background:transparent;padding:0}.node-content a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:2px}.node-content table{width:100%;border-collapse:collapse;font-size:11px}.node-content th,.node-content td{border:1px solid var(--line);padding:6px;text-align:left}.inline-actions{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.action-control{min-width:0;border:1px solid var(--line-strong);background:var(--raised);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.25;transition:border-color .14s,background .14s,opacity .14s}.action-control:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.action-control:disabled{cursor:default;opacity:.38;filter:grayscale(1)}.action-control svg{width:15px;height:15px;flex:none;stroke-width:1.8}.action-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.action-label{overflow-wrap:anywhere}.action-chip{padding:4px 8px;border-radius:999px;font-size:10px}.action-pill{padding:7px 11px;border-radius:999px;font-size:11px}.action-wide{width:100%;padding:9px 12px;border-radius:9px}.action-card{width:100%;justify-content:flex-start;align-items:flex-start;padding:12px;border-radius:12px;text-align:left}.action-card svg{width:18px;height:18px;margin-top:1px}.action-card .action-copy{flex:1}.action-card strong{font-size:12px}.action-card small{color:var(--muted);font-size:10px;line-height:1.4}

.thread-title-row{display:flex;align-items:center;gap:7px}.thread-title-row h2{min-width:0}.annotation-count-badge{min-width:19px;height:19px;padding:0 5px;border:1px solid var(--line-strong);border-radius:999px;background:var(--raised);color:var(--muted);font-size:9px;line-height:17px;text-align:center}.annotation-count-badge:hover{border-color:var(--border-strong);color:var(--text);background:var(--hover)}.turn-picker{display:flex;align-items:center;gap:6px}.breadcrumb-annotation-badge{flex:none}.graph-annotation-badge{position:absolute;left:calc(50% + 12px);top:-5px;z-index:2;min-width:17px;height:17px;padding:0 4px;border:1px solid var(--accent-solid-alt);border-radius:999px;background:var(--accent-solid-alt);color:var(--accent-solid-alt-text);font-size:9px;line-height:15px;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.graph-edge-hit{stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.graph-edge-hit:focus{outline:none;stroke:color-mix(in srgb,var(--accent-text) 16%,transparent)}.edge-annotation-badge{cursor:pointer;pointer-events:all}.edge-annotation-badge circle{fill:var(--accent-solid-alt);stroke:var(--accent-solid-alt);stroke-width:1}.edge-annotation-badge text{fill:var(--accent-solid-alt-text);font-size:8px;font-weight:700;text-anchor:middle;pointer-events:none}.action-annotation-wrap{position:relative;display:inline-flex;max-width:100%}.action-annotation-wrap:has(.action-wide),.action-annotation-wrap:has(.action-card){width:100%}.action-annotation-badge{position:absolute;right:-7px;top:-7px;background:var(--hover)}

.annotation-panel{position:relative;flex:none;max-height:48%;margin:14px -18px -15px;padding:12px 15px 14px;border-top:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;gap:9px}.annotation-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.annotation-heading span:first-child{text-transform:uppercase;letter-spacing:.07em}.annotation-heading span:last-child{font-variant-numeric:tabular-nums;color:var(--faint)}.annotation-list{min-height:0;max-height:160px;overflow:auto;display:grid;gap:7px;padding-right:2px}.annotation-list.empty{display:none}.annotation-item{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.annotation-meta{display:flex;align-items:center;gap:7px;color:var(--faint);font-size:8px}.annotation-meta time{margin-left:auto}.annotation-item-rating{padding:2px 5px;border-radius:999px;background:var(--raised);color:var(--muted)}.annotation-item p{margin:7px 0 0;color:var(--text-muted);font-size:10px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.annotation-item-controls{display:flex;justify-content:flex-end;gap:7px;margin-top:7px}.annotation-item-controls button,.annotation-item summary{border:0;background:transparent;color:var(--faint);font-size:8px;padding:0}.annotation-item-controls button:hover,.annotation-item summary:hover{color:var(--text)}.annotation-item details{margin-top:7px;color:var(--faint);font-size:8px}.annotation-item details ol{margin:5px 0 0;padding-left:18px}.annotation-composer{display:grid;gap:8px}.annotation-composer textarea{width:100%;min-height:54px;max-height:92px;resize:vertical;padding:9px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--bg);color:var(--text);font-size:10px;line-height:1.4;outline:0}.annotation-composer textarea:focus{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-text) 8%,transparent)}.annotation-composer-footer{min-height:50px;display:flex;align-items:flex-end;gap:9px}.annotation-rating{--annotation-rating-progress:33.333%;position:relative;flex:1;min-width:0;padding:4px 7px 0;border:1px solid transparent;border-radius:14px;transition:padding .16s,background .16s,border-color .16s,box-shadow .16s}.annotation-rating.expanded{padding:34px 9px 7px;background:var(--hover);border-color:var(--border);box-shadow:0 12px 30px rgba(0,0,0,.42)}.annotation-rating-labels{position:absolute;left:7px;right:7px;top:8px;display:grid;grid-template-columns:repeat(4,1fr);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s}.annotation-rating.expanded .annotation-rating-labels{visibility:visible;opacity:1;pointer-events:auto}.annotation-rating-labels button{min-width:0;padding:2px;border:0;background:transparent;color:var(--text-muted);font-size:7px;white-space:nowrap}.annotation-rating-labels button:hover{color:var(--text)}.annotation-rating input[type="range"]{display:block;width:100%;height:26px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.annotation-rating input[type="range"]::-webkit-slider-runnable-track{height:20px;border:1px solid var(--border);border-radius:999px;background:radial-gradient(circle at 0 50%,rgba(255,255,255,.45) 0 1.5px,transparent 2px),radial-gradient(circle at 33.333% 50%,rgba(255,255,255,.32) 0 1.5px,transparent 2px),radial-gradient(circle at 66.666% 50%,rgba(255,255,255,.32) 0 1.5px,transparent 2px),radial-gradient(circle at 100% 50%,rgba(255,255,255,.32) 0 1.5px,transparent 2px),linear-gradient(90deg,var(--accent-solid-alt) 0 var(--annotation-rating-progress),var(--border) var(--annotation-rating-progress) 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,.45),0 1px rgba(255,255,255,.05)}.annotation-rating input[type="range"]::-webkit-slider-thumb{width:25px;height:25px;margin-top:-3px;border:1px solid var(--text);border-radius:50%;appearance:none;-webkit-appearance:none;background:linear-gradient(var(--text),var(--text));box-shadow:0 3px 8px rgba(0,0,0,.5),inset 0 1px var(--text)}.annotation-rating input[type="range"]:focus-visible{outline:none}.annotation-rating input[type="range"]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-text) 28%,transparent),0 3px 8px rgba(0,0,0,.5)}.annotation-rating output{display:block;min-height:13px;margin-top:1px;color:var(--text-muted);font-size:8px;text-align:center}.annotation-rating.expanded output{visibility:hidden}.annotation-submit{width:32px;height:32px;flex:none;margin-bottom:12px;border:0;border-radius:50%;background:var(--text);color:var(--bg);font-size:17px;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.35)}.annotation-submit:hover:not(:disabled){background:var(--text);transform:translateY(-1px)}.annotation-submit:disabled{cursor:default;opacity:.3}.annotation-error{margin:0;color:var(--danger);font-size:9px}
html[data-theme="light"] .annotation-panel{background:var(--bg)}html[data-theme="light"] .annotation-composer textarea,html[data-theme="light"] .annotation-item{background:var(--surface)}html[data-theme="light"] .annotation-item p{color:var(--text)}html[data-theme="light"] .annotation-rating.expanded{background:var(--surface);border-color:var(--line-strong);box-shadow:0 12px 30px rgba(28,25,23,.16)}
.auth-screen{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:100}.auth-card{width:420px}.auth-card .logo{margin-bottom:30px}.auth-card h1{font-size:24px;margin:0 0 20px}.provider-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:11px;background:var(--panel);padding:12px}.provider-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--text);color:var(--bg);font-weight:800}.provider-icon svg{width:20px;height:20px;overflow:visible;fill:currentColor}.provider-icon-claude{background:#f2dfd6;color:#c15f3c}.provider-copy{display:flex;flex:1;flex-direction:column;gap:2px}.provider-copy strong{font-size:13px}.provider-copy small{color:var(--muted);font-size:10px}.auth-status{min-height:16px;margin-top:12px;color:var(--muted);font-size:11px}.primary,.secondary{border-radius:7px;padding:8px 12px}.primary{border:0;background:var(--text);color:var(--bg);font-weight:700}.primary:disabled{opacity:.55}.secondary{border:1px solid var(--line-strong);background:var(--raised)}.wide{width:100%}.text-button{border:0;background:transparent;color:var(--muted);width:100%;margin-top:8px}
.settings-view{flex:1;min-width:0;overflow:auto;background:var(--bg)}.settings-header{height:128px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;padding:0 48px 25px;background:var(--bg)}.settings-compact-navigation{display:none}.settings-header small{color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.settings-header h1{font-size:25px;letter-spacing:-.02em;margin:5px 0 0}.settings-content{width:min(820px,calc(100% - 96px));margin:0 auto;padding:26px 0 60px}.settings-section{padding:22px 0;border-bottom:1px solid var(--line)}.settings-section:first-child{padding-top:0}.settings-section h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin:0 0 12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:9px 0}.setting-row+.setting-row{border-top:1px solid var(--line)}.setting-row div{display:flex;flex-direction:column;gap:5px}.setting-row small{color:var(--muted);font-size:10px}.setting-row select{background:var(--field);border:1px solid var(--line-strong);border-radius:7px;padding:7px 28px 7px 9px}.update-popover{position:fixed;left:14px;bottom:58px;width:280px;border:1px solid var(--line-strong);background:var(--surface);border-radius:11px;padding:16px;box-shadow:0 18px 55px #000;z-index:30}.close-popover{position:absolute;right:8px;top:8px}.update-popover small{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.update-popover h3{margin:7px 0 6px}.update-popover p{color:var(--muted);font-size:11px;line-height:1.45}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--hover);border:1px solid var(--border);border-radius:8px;padding:9px 13px;box-shadow:0 10px 35px #000;z-index:120;color:var(--text)}
.model-settings-section{overflow:visible}.model-settings-section h3{margin:0;font-size:13px}.model-defaults{margin-bottom:30px}.model-defaults>h3{margin-bottom:5px}.model-defaults .setting-row{padding-left:1px}.model-defaults .setting-row select{min-width:210px}.setting-hint{margin:-4px 0 8px;color:var(--muted);font-size:11px}.setting-recovery{display:flex;align-items:center;gap:12px;margin:-4px 0 8px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:7px;background:var(--panel);font-size:11px}.setting-recovery p{flex:1;min-width:0;margin:0;color:var(--muted)}.setting-recovery strong{color:var(--text)}.model-picker-recovery span{max-width:300px;text-align:center;font-size:11px;line-height:1.4}.setting-error{margin:-4px 0 8px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--danger-text) 38%,transparent);border-radius:7px;background:color-mix(in srgb,var(--danger-text) 8%,transparent);color:var(--danger);font-size:11px}.model-families-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.family-carousel-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.family-arrow{border:1px solid var(--line);background:var(--panel)}.family-arrow:disabled,.member-actions .icon-button:disabled{opacity:.3;cursor:not-allowed}.current-family-control{position:relative;z-index:8}.current-family-button{height:34px;min-width:230px;max-width:360px;padding:0 10px 0 12px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}.current-family-button strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.current-family-button span{color:var(--faint);font-size:10px}.family-jump-list{position:absolute;top:39px;left:0;width:100%;max-height:190px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;padding:5px;border:1px solid var(--line-strong);border-radius:9px;background:var(--raised);box-shadow:0 18px 55px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .12s,transform .12s,visibility .12s}.current-family-control:hover .family-jump-list,.current-family-control:focus-within .family-jump-list{opacity:1;visibility:visible;transform:translateY(0)}.family-jump-list button{width:100%;min-height:34px;padding:7px 8px;display:flex;align-items:center;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--muted);text-align:left}.family-jump-list button:hover,.family-jump-list button:focus-visible,.family-jump-list button[aria-selected="true"]{background:var(--hover);color:var(--text);outline:0}.family-jump-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-jump-list button i{margin-left:auto;color:var(--faint);font-size:9px;font-style:normal}.family-carousel{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:12px}.family-carousel::-webkit-scrollbar{display:none}.family-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.family-card,.family-empty{min-height:322px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.family-card{display:flex;flex-direction:column;padding:20px}.family-empty{display:grid;place-items:center;color:var(--muted)}.family-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.family-card-heading h3{font-size:18px;margin:0 0 5px}.family-kind{color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.family-enabled{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.family-enabled input{accent-color:var(--blue)}.family-members{list-style:none;margin:0;padding:0;display:grid;gap:7px}.family-member{min-height:41px;display:grid;grid-template-columns:25px minmax(82px,.35fr) minmax(0,1fr);align-items:center;gap:10px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--raised)}.member-order{color:var(--faint);font-size:10px;font-variant-numeric:tabular-nums}.member-provider{color:var(--muted);font-size:10px}.family-member strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-member.unavailable{grid-template-columns:25px minmax(82px,.35fr) minmax(0,1fr) auto;border-color:color-mix(in srgb,var(--danger-text) 35%,transparent)}.member-error{color:var(--danger);font-size:10px}.family-card-actions,.family-editor-actions{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:17px}.family-name-field{min-width:0;flex:1;display:grid;gap:6px}.family-name-field span{color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.family-name-field input{width:100%;height:36px;padding:0 10px;border:1px solid var(--line-strong);border-radius:7px;background:var(--raised);outline:0}.family-name-field input:focus{border-color:var(--blue)}.family-name-field input[aria-invalid="true"]{border-color:var(--danger)}.field-error{margin:-10px 0 12px;color:var(--danger);font-size:10px}.family-member-editors{gap:9px}.family-member-editor{display:grid;grid-template-columns:25px minmax(120px,.42fr) minmax(150px,1fr) auto;align-items:center;gap:7px}.family-member-editor select{min-width:0;height:36px;padding:0 25px 0 8px;border:1px solid var(--line);border-radius:7px;background:var(--raised)}.family-member-editor.unavailable select{border-color:color-mix(in srgb,var(--danger-text) 35%,transparent)}.family-member-editor .member-error{grid-column:2 / -1}.member-actions{display:flex;align-items:center;gap:2px}.member-actions .icon-button{width:27px;min-width:27px}.model-settings-status{min-height:18px;padding-top:7px;color:var(--muted);font-size:10px;text-align:right}.model-settings-status.error{color:var(--danger)}.model-settings-status.success{color:var(--green)}
body.sidebar-collapsed{--sidebar-width:58px}body.sidebar-collapsed .sidebar-title strong,body.sidebar-collapsed .new-thread-button{font-size:0}body.sidebar-collapsed .new-thread-button{gap:0;padding:0}body.sidebar-collapsed .new-thread-button kbd{display:none}body.sidebar-collapsed .new-thread-button span{font-size:16px;line-height:1}body.sidebar-collapsed .section-label,body.sidebar-collapsed .entry span:not(.entry-icon),body.sidebar-collapsed .project-button span,body.sidebar-collapsed .project-threads,body.sidebar-collapsed .footer-button span:not([aria-hidden]),body.sidebar-collapsed .settings-back-button span:last-child{display:none}body.sidebar-collapsed .sidebar{padding-top:78px;padding-left:10px;padding-right:10px}body.sidebar-collapsed .sidebar-title{padding:0;justify-content:center;gap:0}body.sidebar-collapsed .new-thread-button,body.sidebar-collapsed .settings-back-button{justify-content:center}body.sidebar-collapsed .sidebar-footer{flex-direction:column;align-items:stretch;gap:3px}body.sidebar-collapsed .sidebar-footer .footer-button{justify-content:center;padding:0}body.sidebar-collapsed .update-button{margin:0 auto}.sidebar-collapsed #collapseSidebar{top:43px;left:13px}.sidebar-collapsed #collapseSidebar svg{transform:rotate(180deg)}
@media(max-width:980px){:root{--sidebar-width:210px;--inspector:290px}.new-thread-center{width:min(720px,calc(100% - 48px))}.settings-content{width:calc(100% - 64px)}.settings-header{padding-left:32px;padding-right:32px}.family-member-editor{grid-template-columns:25px 1fr 1.35fr}.family-member-editor .member-actions{grid-column:2 / -1;justify-content:flex-end}}@media(max-width:760px){.new-thread-center{width:min(720px,calc(100% - 32px))}.settings-content{width:calc(100% - 40px)}.settings-header{height:158px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:19px;padding:14px 20px 20px}.settings-compact-navigation{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.settings-compact-navigation label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.settings-compact-back{height:36px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted)}.settings-compact-back:hover,.settings-compact-back:focus-visible{border-color:var(--line-strong);color:var(--text)}.settings-compact-navigation select{width:100%;height:36px;min-width:0;padding:0 30px 0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--raised);color:var(--text)}.model-defaults .setting-row{align-items:flex-start;flex-direction:column;gap:8px}.model-defaults .setting-row select{width:100%;min-width:0}.family-carousel-controls{justify-content:space-between}.current-family-control{flex:1}.current-family-button{width:100%;min-width:0}.family-card{padding:15px}.family-member{grid-template-columns:22px 1fr}.family-member .member-provider,.family-member strong{grid-column:2}.family-member.unavailable{grid-template-columns:22px 1fr}.family-member.unavailable .member-error{grid-column:2}.family-member-editor{grid-template-columns:22px 1fr}.family-member-editor select,.family-member-editor .member-actions,.family-member-editor .member-error{grid-column:2}.family-member-editor .member-actions{justify-content:flex-end}.family-card-actions{flex-wrap:wrap}}
@media(max-width:980px){:root{--sidebar-width:210px}.new-thread-center{width:min(720px,calc(100% - 48px))}.settings-content{width:calc(100% - 64px)}.settings-header{padding-left:32px;padding-right:32px}.family-member-editor{grid-template-columns:25px 1fr 1.35fr}.family-member-editor .member-actions{grid-column:2 / -1;justify-content:flex-end}}@media(max-width:760px){.new-thread-center{width:min(720px,calc(100% - 32px))}.settings-content{width:calc(100% - 40px)}.settings-header{padding-left:20px;padding-right:20px}.model-defaults .setting-row{align-items:flex-start;flex-direction:column;gap:8px}.model-defaults .setting-row select{width:100%;min-width:0}.family-carousel-controls{justify-content:space-between}.current-family-control{flex:1}.current-family-button{width:100%;min-width:0}.family-card{padding:15px}.family-member{grid-template-columns:22px 1fr}.family-member .member-provider,.family-member strong{grid-column:2}.family-member.unavailable{grid-template-columns:22px 1fr}.family-member.unavailable .member-error{grid-column:2}.family-member-editor{grid-template-columns:22px 1fr}.family-member-editor select,.family-member-editor .member-actions,.family-member-editor .member-error{grid-column:2}.family-member-editor .member-actions{justify-content:flex-end}.family-card-actions{flex-wrap:wrap}}

html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body,html[data-theme="light"] .app-shell,html[data-theme="light"] .main-area,html[data-theme="light"] .settings-view{background:var(--bg)}
html[data-theme="light"] .sidebar,html[data-theme="light"] .thread-header,html[data-theme="light"] .settings-header,html[data-theme="light"] .thread-composer,html[data-theme="light"] .disabled-composer,html[data-theme="light"] .approval-dock{background:var(--surface)}
html[data-theme="light"] .new-thread-view,html[data-theme="light"] .auth-screen{background:var(--bg)}
html[data-theme="light"] .new-thread-button,html[data-theme="light"] .new-composer,html[data-theme="light"] .provider-option,html[data-theme="light"] .interaction-banner{background:var(--surface);box-shadow:0 14px 42px rgba(120,113,108,.08)}
html[data-theme="light"] .new-thread-button:hover,html[data-theme="light"] .footer-button:hover,html[data-theme="light"] .footer-button.active,html[data-theme="light"] .entry:hover,html[data-theme="light"] .entry.active,html[data-theme="light"] .project-button:hover,html[data-theme="light"] .scope-button:hover,html[data-theme="light"] .permission-button:hover:not(:disabled),html[data-theme="light"] .icon-button:hover,html[data-theme="light"] .titlebar-toggle:hover{background:var(--hover);color:var(--text)}
html[data-theme="light"] .entry,html[data-theme="light"] .project-button,html[data-theme="light"] .scope-button,html[data-theme="light"] .permission-button{color:var(--muted)}
html[data-theme="light"] .scope-menu,html[data-theme="light"] .permission-menu,html[data-theme="light"] .update-popover{background:var(--surface);border-color:var(--line-strong);box-shadow:0 18px 55px rgba(28,25,23,.14)}
html[data-theme="light"] .scope-menu button,html[data-theme="light"] .permission-menu button{color:var(--muted)}html[data-theme="light"] .scope-menu button:hover,html[data-theme="light"] .permission-menu button:hover:not(:disabled){background:var(--hover);color:var(--text)}
html[data-theme="light"] .folder-summary b,html[data-theme="light"] .interaction-banner p,html[data-theme="light"] .graph-node{color:var(--text)}
html[data-theme="light"] .graph-stage{background-color:var(--bg);background-image:radial-gradient(circle,var(--border) 1px,transparent 1px)}
html[data-theme="light"] .graph-edge{stroke:var(--border)}html[data-theme="light"] .graph-node .glyph,html[data-theme="light"] .node-icon{background:var(--surface);border-color:var(--border);box-shadow:0 8px 22px rgba(120,113,108,.12)}
html[data-theme="light"] .graph-node.selected .glyph,html[data-theme="light"] .graph-node:hover .glyph{background:var(--bg);border-color:var(--accent-text)}
html[data-theme="light"] .graph-hint{background:rgba(255,255,255,.9)}html[data-theme="light"] .inspector{background:var(--surface)}html[data-theme="light"] .node-content{color:var(--muted)}
html[data-theme="light"] .action-control,html[data-theme="light"] .secondary,html[data-theme="light"] .setting-row select{background:var(--surface);border-color:var(--line-strong)}
html[data-theme="light"] .primary,html[data-theme="light"] .send-button{background:var(--text);color:var(--bg)}
html[data-theme="light"] .provider-icon{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme="light"] .provider-icon-claude{background:#f8ebe5;color:#c15f3c}html[data-theme="light"] .toast{background:var(--text);border-color:var(--text);color:var(--bg);box-shadow:0 10px 35px rgba(28,25,23,.18)}
html[data-theme="light"] .family-card,html[data-theme="light"] .family-empty,html[data-theme="light"] .current-family-button,html[data-theme="light"] .family-arrow{background:var(--surface)}html[data-theme="light"] .family-jump-list{background:var(--surface);box-shadow:0 18px 55px rgba(28,25,23,.14)}html[data-theme="light"] .family-member,html[data-theme="light"] .family-name-field input,html[data-theme="light"] .family-member-editor select{background:var(--bg)}

.provider-setup-card{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;text-align:left}.provider-setup-heading{text-align:center;margin-bottom:22px}.provider-setup-heading>small{display:block;margin:16px 0 5px;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.provider-setup-heading h1{margin:0;font-size:25px}.provider-setup-heading p,.provider-family-step>p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.provider-option-group+.provider-option-group{margin-top:18px}.provider-option-group h2{margin:0 0 8px;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.provider-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-option{min-height:66px;width:100%;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);text-align:left}.provider-option:hover,.provider-option:focus-visible{border-color:var(--line-strong);background:var(--raised);color:var(--text);outline:0}.provider-option>span:last-child{margin-left:auto}.provider-setup-back{padding:0 0 14px;border:0;background:transparent;color:var(--muted)}.provider-form-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.provider-form-heading h2{margin:0 0 4px}.provider-form-heading p{margin:0;color:var(--muted);font-size:10px}.provider-form-field{display:grid;gap:6px;margin-top:12px}.provider-form-field>span:first-child{color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.provider-form-field input{height:38px;width:100%;padding:0 10px;border:1px solid var(--line-strong);border-radius:10px;background:transparent;outline:0}.provider-form-field input:focus{border-color:var(--blue)}.provider-form-field input[aria-invalid="true"]{border-color:var(--danger)}.provider-form-field .field-error{margin:0}.onboarding-trusted-harness{padding:10px 0}.onboarding-trusted-harness strong{font-size:12px}.onboarding-trusted-harness small{color:var(--muted);font-size:9px}.provider-setup-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.provider-family-step h2{margin:0}.auth-status{min-height:18px;margin-top:14px;color:var(--muted);font-size:10px}.auth-status.error{color:var(--danger)}
.settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.settings-section-heading h2{margin-bottom:5px}.settings-section-heading p{margin:0;color:var(--muted);font-size:11px}.provider-definition-list,.harness-configuration-list{display:grid;gap:10px}.provider-definition-card,.harness-configuration-card{padding:17px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.provider-definition-card.removal_pending{border-color:color-mix(in srgb,var(--danger-text) 30%,transparent)}.provider-definition-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.provider-definition-identity{display:flex;align-items:center;gap:11px}.provider-definition-copy h3,.provider-definition-heading h3{margin:0 0 4px;font-size:14px}.provider-definition-copy>span,.provider-definition-heading>div:not(.provider-definition-identity)>span{color:var(--faint);font-size:9px}.provider-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.provider-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--faint)}.provider-status.connected:before{background:var(--green)}.provider-status.unavailable:before{background:var(--danger)}.provider-definition-card dl,.harness-configuration-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.provider-definition-card dl>div,.harness-configuration-card dl>div{min-width:0}.provider-definition-card dt,.harness-configuration-card dt{color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.provider-definition-card dd,.harness-configuration-card dd{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}.provider-definition-actions{display:flex;align-items:center;gap:7px;padding-top:13px;border-top:1px solid var(--line)}.default-badge{color:var(--blue);font-size:9px}.danger-action{color:var(--danger)}.provider-removal-help{margin:9px 0 0;color:var(--faint);font-size:9px;text-align:right}.harness-rule-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}.harness-rule-groups section{padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--raised)}.harness-rule-groups h4{margin:0 0 8px;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.harness-rule-groups ul{margin:0;padding-left:17px;color:var(--muted);font:10px ui-monospace,monospace;line-height:1.7}.harness-rule-groups p{margin:0;color:var(--faint);font-size:10px}
html[data-theme="light"] .provider-option,html[data-theme="light"] .provider-definition-card,html[data-theme="light"] .harness-configuration-card{background:var(--surface)}html[data-theme="light"] .provider-form-field input,html[data-theme="light"] .harness-rule-groups section{background:var(--bg)}
@media(max-width:760px){.provider-option-grid{grid-template-columns:1fr}.provider-setup-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.settings-section-heading{flex-direction:column}.provider-definition-card dl,.harness-configuration-card dl,.harness-rule-groups{grid-template-columns:1fr}.provider-definition-actions{flex-wrap:wrap}}
.harness-rules-help{margin:14px 0;color:var(--muted);font-size:10px}.harness-rule-editor-groups{display:grid;gap:14px}.harness-rule-editor-groups>section{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--raised)}.harness-rule-editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.harness-rule-editor-heading h4{margin:0;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.harness-rule-editor-groups section>p{margin:0;color:var(--faint);font-size:10px}.harness-rule-editor{display:grid;grid-template-columns:minmax(120px,1fr) 100px minmax(180px,2fr) auto;gap:8px;align-items:end;padding:9px 0;border-top:1px solid var(--line)}.harness-rule-editor:first-of-type{border-top:0}.harness-rule-editor label{display:grid;gap:5px;color:var(--faint);font-size:9px}.harness-rule-editor input,.harness-rule-editor select{min-width:0}.harness-rule-editor .field-error{grid-column:1/3}.harness-rule-editor .harness-rule-error{grid-column:3/5}
@media(max-width:760px){.harness-rule-editor{grid-template-columns:1fr 90px}.harness-rule-pattern{grid-column:1/3}.harness-rule-editor .field-error,.harness-rule-editor .harness-rule-error{grid-column:1/3}}
.provider-dialog{width:min(680px,calc(100vw - 30px));max-height:calc(100vh - 40px);padding:0;border:1px solid var(--line-strong);border-radius:13px;background:var(--raised);color:var(--text);box-shadow:0 24px 90px rgba(0,0,0,.62)}.provider-dialog::backdrop{background:rgba(0,0,0,.66)}.provider-dialog-shell{padding:18px}.provider-dialog-shell>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.provider-dialog-shell>header small{color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.provider-dialog-shell>header h2{margin:4px 0 0}.onboarding-model-list{display:grid;gap:5px;margin:16px 0}.onboarding-model-list button{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);text-align:left}.onboarding-model-list button[aria-checked="true"]{border-color:var(--blue);color:var(--text)}.onboarding-model-list button>span{display:flex;flex-direction:column;gap:3px}.onboarding-model-list button small{color:var(--faint);font-size:9px}.onboarding-model-list button i{margin-left:auto;color:var(--blue);font-style:normal}html[data-theme="light"] .provider-dialog{background:var(--surface)}html[data-theme="light"] .onboarding-model-list button{background:var(--bg)}
.provider-family-step>h3{margin:18px 0 7px;color:var(--faint);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.onboarding-choice-group{display:grid;gap:6px}.onboarding-choice{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);text-align:left}.onboarding-choice>span{display:flex;min-width:0;flex-direction:column;gap:3px}.onboarding-choice small{color:var(--faint);font-size:9px;line-height:1.35}.onboarding-choice .onboarding-choice-reason{color:var(--danger)}.onboarding-choice i{margin-left:auto;color:var(--blue);font-style:normal}.onboarding-choice[aria-checked="true"]{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--panel));color:var(--text)}.onboarding-choice:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.onboarding-choice:disabled{cursor:not-allowed;opacity:.62}.onboarding-custom-family{margin:9px 0 0;padding:0 0 11px 12px;border-left:2px solid var(--line)}.onboarding-model-members{display:grid;gap:5px;margin:14px 0 0;padding:0;border:0}.onboarding-model-members legend{margin-bottom:6px;color:var(--faint);font-size:9px;letter-spacing:.07em;text-transform:uppercase}.onboarding-model-members label{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px}.onboarding-model-members label:hover{background:var(--hover)}.onboarding-model-members label>span{display:flex;flex-direction:column;gap:2px}.onboarding-model-members small{color:var(--faint);font-size:9px}.connected-provider-resume{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;margin-bottom:16px;padding:11px;border:1px solid var(--blue);border-radius:9px;background:color-mix(in srgb,var(--blue) 8%,var(--panel))}.connected-provider-resume small{color:var(--muted);font-size:9px}.connected-provider-resume button{grid-area:1/2/3/3}html[data-theme="light"] .onboarding-choice{background:var(--bg)}@media(max-width:620px){.provider-setup-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.connected-provider-resume{grid-template-columns:1fr}.connected-provider-resume button{grid-area:auto;width:100%;margin-top:7px}}

.composer-context-controls,.composer-submit-controls,.thread-composer-actions{display:flex;align-items:center;gap:4px;min-width:0}.composer-submit-controls{margin-left:auto}.composer-submit-controls .send-button,.thread-composer-actions .send-button{margin-left:0}.thread-composer-actions{align-items:center;align-self:center;flex:none}.thread-composer textarea{min-width:0}.model-control{position:relative;min-width:0}.model-button{height:30px;max-width:245px;display:flex;align-items:center;gap:7px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text-muted)}.model-button:hover:not(:disabled),.model-button[aria-expanded="true"]{background:var(--hover);color:var(--text)}.model-button:disabled{cursor:not-allowed;opacity:.45}.model-button [data-model-picker-label]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-composer .model-button{height:42px;max-width:230px;border:1px solid var(--line);border-radius:9px;background:var(--raised)}.model-picker-popover{position:absolute;right:0;bottom:38px;z-index:35;width:min(370px,calc(100vw - 32px));max-height:min(460px,calc(100vh - 96px));overflow:auto;padding:8px;border:1px solid var(--line-strong);border-radius:12px;background:var(--raised);box-shadow:0 22px 70px rgba(0,0,0,.5)}.model-control-ongoing .model-picker-popover{bottom:50px}.model-picker-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:9px;background:var(--panel)}.model-picker-tabs button{height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.model-picker-tabs button[aria-selected="true"]{background:var(--raised);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.24)}.model-picker-panel{padding:12px 4px 4px}.model-family-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 6px 10px;color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.model-family-field select{height:30px;max-width:64%;min-width:0;padding:0 24px 0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font-size:12px;font-weight:650;text-transform:none;letter-spacing:normal}.model-family-field select:hover,.model-family-field select:focus{border-color:var(--line-strong);background:var(--panel)}.model-option-list,.harness-option-list{display:grid;gap:4px}.model-option-list button,.harness-option-list button{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-align:left}.model-option-list button:hover,.model-option-list button:focus-visible,.harness-option-list button:hover,.harness-option-list button:focus-visible{background:var(--hover);color:var(--text);outline:0}.model-option-list button[aria-checked="true"],.harness-option-list button[aria-checked="true"]{color:var(--text)}.model-option-list button>span,.harness-option-list button>span{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.model-option-list strong,.harness-option-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.model-option-list small{color:var(--faint);font-size:11px}.model-option-list i,.harness-option-list i{color:var(--blue);font-style:normal}.pinned-harness{min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px}.pinned-harness span{color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.pinned-harness strong{font-size:13px}.pinned-harness small{color:var(--muted);font-size:11px}.model-picker-empty{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.model-picker-error{margin:8px 4px 4px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--danger-text) 34%,transparent);border-radius:7px;background:color-mix(in srgb,var(--danger-text) 8%,transparent);color:var(--danger);font-size:10px}.model-picker-warning{border-color:color-mix(in srgb,var(--warning) 40%,transparent);background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--warning)}.interaction-model-identity{margin-left:5px;color:var(--muted);font-weight:600}

@media(max-width:760px){.composer-row{align-items:flex-end;flex-wrap:wrap}.composer-context-controls{flex-wrap:wrap}.model-button{max-width:160px}.thread-composer{gap:7px;padding-left:9px;padding-right:9px}.thread-composer-actions{gap:3px}.thread-composer .model-button{max-width:150px}.model-picker-popover{position:fixed;left:12px;right:12px;bottom:72px;width:auto;max-height:calc(100vh - 100px)}}

html[data-theme="light"] .model-button{color:var(--muted)}html[data-theme="light"] .model-picker-popover{background:var(--panel);border-color:var(--line-strong);box-shadow:0 22px 70px rgba(28,25,23,.16)}html[data-theme="light"] .model-picker-tabs,html[data-theme="light"] .model-picker-tabs button[aria-selected="true"],html[data-theme="light"] .model-family-field select,html[data-theme="light"] .thread-composer .model-button{background:var(--bg)}

.graph-node{transform:translate(-50%,-23px) scale(var(--graph-zoom,1));transform-origin:50% 23px}
.graph-controls{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:rgba(14,16,18,.86);overflow:hidden}
.graph-controls button{height:29px;min-width:29px;padding:0 8px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted)}
.graph-controls button:first-child{border-left:0}.graph-controls button:hover:not(:disabled){color:var(--text);background:var(--hover)}.graph-controls button:disabled{cursor:not-allowed;opacity:.35}
.graph-controls output{min-width:40px;text-align:center;color:var(--faint);font-size:9px;font-variant-numeric:tabular-nums}.graph-controls .graph-fit{min-width:38px}
html[data-theme="light"] .graph-controls{background:rgba(255,255,255,.9)}
.workspace-breadcrumb{min-height:48px;flex:none;display:flex;align-items:center;justify-content:flex-start;gap:5px;overflow-x:auto;padding:6px 17px;border-bottom:1px solid var(--line);background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.workspace-breadcrumb.root-annotation-only{position:absolute;top:12px;left:12px;z-index:6;min-height:0;width:auto;padding:0;border:0;background:transparent;overflow:visible}
.breadcrumb-segment{flex:none;max-width:300px;min-width:0;display:inline-flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;color:var(--text);font-size:13px;font-weight:500;line-height:34px}
.breadcrumb-icon{width:16px;height:16px;flex:none;stroke-width:1.8}.breadcrumb-label{overflow:hidden;text-overflow:ellipsis}
button.breadcrumb-segment{height:34px;padding:0 9px;border:0;border-radius:6px;background:transparent;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
button.breadcrumb-segment:hover{color:var(--text);background:var(--hover);text-decoration-color:currentColor}
button.breadcrumb-segment:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;color:var(--text)}
.breadcrumb-segment[aria-current="location"]{max-width:360px;color:var(--text);font-weight:650}
.breadcrumb-separator{flex:none;color:var(--muted);font-size:12px;user-select:none}
html[data-theme="light"] .workspace-breadcrumb{background:var(--surface)}html[data-theme="light"] .workspace-breadcrumb.root-annotation-only{background:transparent}
.model-defaults{margin-bottom:0}.model-settings-divider{height:1px;margin:24px 0;background:var(--line)}.model-families-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.model-families-heading>#newModelFamily{justify-self:end}.model-families-heading .family-carousel-controls{margin:0}
@media(max-width:600px){.model-families-heading{grid-template-columns:1fr auto}.model-families-heading .family-carousel-controls{grid-column:1 / -1;grid-row:2}.model-families-heading .current-family-control{flex:1}}
.composer-retry-message{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);margin:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--danger-text) 34%,transparent);border-radius:8px;background:var(--raised);color:var(--danger);font-size:10px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.read-only-composer-message{flex:1;align-self:center;color:var(--muted);font-size:11px}.thread-composer{position:relative}
.provider-form-field select{height:38px;width:100%;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--raised);outline:0}.provider-form-field select:focus{border-color:var(--blue)}html[data-theme="light"] .provider-form-field select{background:var(--bg)}
/* Persistent environment rail and compact workspace alignment. */
:root{--inspector:340px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workspace-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--inspector);grid-template-rows:36px auto minmax(0,1fr);column-gap:12px;padding:12px 12px 0 0}.thread-header{grid-column:1;grid-row:1;height:36px;border:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:12px;background:var(--bg)}.thread-header h2{margin:0}.thread-header p{display:none}.conversation-settings-button{border:0}
.workspace-layout .thread-title-group{flex:1}.share-conversation-button{flex:none;height:28px;padding:0 11px;border:1px solid var(--line-strong);border-radius:7px;color:var(--text);background:var(--raised);font-size:11px;font-weight:600}.share-conversation-button:hover:not(:disabled){background:var(--hover)}.share-conversation-button:disabled{cursor:default;opacity:.45}.share-dialog-backdrop{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:rgba(0,0,0,.56)}.share-dialog-card{width:min(480px,100%);padding:20px 22px;border:1px solid var(--line-strong);border-radius:14px;color:var(--text);background:var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.6)}.share-dialog-card h2{margin:0 0 9px;font-size:17px}.share-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.share-dialog-header h2{margin-bottom:9px}.share-dialog-card p{margin:0 0 12px;color:var(--text);font-size:12.5px;line-height:1.5}.share-dialog-note{color:var(--muted)!important;font-size:11.5px!important}.share-dialog-card label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11.5px}.share-title-input,.share-link-row input{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:var(--bg);font:12px Inter,-apple-system,sans-serif}.share-title-input:focus{outline:2px solid var(--blue);outline-offset:1px}.share-title-meta{display:flex;justify-content:space-between;margin-top:5px;color:var(--faint);font-size:10.5px}.share-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.share-dialog-card button{padding:8px 13px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:var(--raised);font-size:12px;cursor:pointer}.share-dialog-card button.primary{border-color:transparent;color:var(--bg);background:var(--text);font-weight:700}.share-dialog-card button:disabled{opacity:.45;cursor:default}.share-dialog-close{width:30px;height:30px;margin:-7px -9px 0 0!important;padding:0!important;border:0!important;border-radius:50%!important;color:var(--muted)!important;background:transparent!important;font-size:21px!important;line-height:1}.share-dialog-close:hover{color:var(--text)!important;background:var(--hover)!important}.share-progress{height:4px;margin:15px 0 9px;overflow:hidden;border-radius:4px;background:var(--line)}.share-progress span{display:block;width:40%;height:100%;background:var(--text);animation:share-progress 1.2s ease-in-out infinite}@keyframes share-progress{from{transform:translateX(-100%)}to{transform:translateX(260%)}}.share-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:8px 0 10px}.share-link-row input,.share-reference{font-family:var(--font-mono)}.share-reference{display:inline-block;padding:2px 5px;border-radius:4px;background:var(--raised)}html[data-theme="light"] .share-dialog-card button.primary{color:var(--bg);background:var(--text)}
.interaction-banner{grid-column:1;grid-row:2;margin:8px 0 12px 12px;width:auto;min-height:66px;border:1px solid var(--line-strong);background:rgba(20,23,25,.82);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border-radius:16px;padding:11px 18px 11px 13px;display:flex;gap:11px;align-items:center;z-index:3;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.16)}.thread-workspace{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) var(--inspector);column-gap:12px;min-height:0}.graph-column{position:relative;min-width:0;display:flex;flex-direction:column}.interaction-status{flex:none;display:flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(12,14,15,.58);font-size:10px}.interaction-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--faint)}.interaction-status-running:before{background:var(--blue)}.interaction-status-accepted:before{background:var(--green)}.interaction-status-approval:before{background:var(--warning-solid)}.interaction-status-failed:before,.interaction-status-cancelled:before,.interaction-status-stopped:before{background:var(--danger)}
.interaction-status-stopped:before{background:var(--muted)}
.environment-panel{grid-column:2;grid-row:1 / 3;margin:0 0 12px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);overflow:hidden;min-width:0}.environment-header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.environment-header h2{margin:0;font-size:12px}.environment-observed{color:var(--faint);font-size:8px}.environment-body{min-height:67px;padding:8px 15px 10px}.environment-loading,.environment-message{min-height:48px;margin:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;line-height:1.4}.environment-spinner{width:11px;height:11px;border:1.5px solid var(--faint);border-top-color:var(--text);border-radius:50%;animation:history-spin .75s linear infinite}.environment-facts{display:grid;gap:7px;margin:0}.environment-facts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center;min-height:17px}.environment-facts dt,.environment-facts dd{margin:0;min-width:0}.environment-facts dt{color:var(--text-muted);font-size:9px}.environment-facts dd{color:var(--muted);font-size:9px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.environment-additions{color:var(--diff-add);margin-right:8px}.environment-deletions{color:var(--diff-del)}.environment-tracked{margin-left:5px;color:var(--muted)}
.inspector{width:var(--inspector);min-width:0;flex:none;border:1px solid var(--line-strong);border-radius:16px;background:var(--bg);padding:15px 18px;overflow:hidden;display:flex;flex-direction:column}.inspector-header{flex:none}.inspector-content{min-height:120px;flex:1;overflow:auto;padding-right:3px}
@media(max-width:980px){.sidebar-footer{align-items:stretch;flex-direction:column}}
@media(max-width:760px){.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:36px auto auto minmax(520px,1fr);gap:0;padding:12px 12px 12px;overflow:auto}.thread-header{grid-column:1;grid-row:1}.interaction-banner{grid-column:1;grid-row:2;margin:8px 0 12px}.environment-panel{grid-column:1;grid-row:3;margin:0 0 12px}.thread-workspace{grid-column:1;grid-row:4;display:flex;flex-direction:column;gap:12px;min-height:520px}.graph-column{min-height:520px}.inspector{position:static;inset:auto;width:100%;min-height:240px;max-height:60vh;border:1px solid var(--line-strong);border-radius:16px;flex:none;box-shadow:none}.interaction-status{padding-inline:9px}.turn-stepper .turn-picker-button{min-width:68px}}
@media(min-width:761px) and (max-width:1100px){.workspace-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:36px auto auto minmax(520px,1fr);gap:0;padding:12px 12px 12px;overflow:auto}.thread-header{grid-column:1;grid-row:1}.interaction-banner{grid-column:1;grid-row:2;margin:8px 0 12px}.environment-panel{grid-column:1;grid-row:3;margin:0 0 12px}.thread-workspace{grid-column:1;grid-row:4;display:flex;flex-direction:column;gap:12px;min-height:520px}.graph-column{min-height:520px}.inspector{width:100%;min-height:240px;max-height:60vh;border:1px solid var(--line-strong);border-radius:16px;flex:none}}
@media(prefers-reduced-transparency:reduce){.interaction-banner{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}
html[data-theme="light"] .environment-panel{background:var(--surface)}html[data-theme="light"] .interaction-banner{background:rgba(255,255,255,.9)}html[data-theme="light"] .interaction-status{background:var(--surface)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.interaction-banner{background:var(--surface)}}@media(forced-colors:active){.interaction-banner,.environment-panel,.inspector,.thread-header{background:Canvas;color:CanvasText;border-color:CanvasText;forced-color-adjust:auto}.interaction-status:before,.environment-spinner{forced-color-adjust:none}.interaction-banner{backdrop-filter:none;-webkit-backdrop-filter:none}}
.thread-composer-shell{flex:none;background:var(--bg);border-top:1px solid var(--line)}.thread-composer-shell .thread-composer{border-top:0}.composer-context-tray{display:grid;gap:8px;padding:10px 13px 0}.composer-context-node>svg,.interaction-context-node>svg{width:16px;height:16px;flex:none}.composer-context-node,.interaction-context-node{min-width:0;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text);text-align:left}.composer-context-node span,.interaction-context-node span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-symbol-button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted)}.context-symbol-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.context-symbol-button:disabled{opacity:.4}.composer-context-annotations{margin:7px 0 0;padding-left:27px}.composer-context-annotations li{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;gap:3px;color:var(--muted);white-space:pre-wrap}.inspector-header-actions{display:flex;align-items:center;gap:4px}.interaction-context-pill{min-height:28px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:var(--raised);color:var(--muted);padding:0 9px}.interaction-context-pill b{font-size:10px}.interaction-context-popover{position:absolute;right:0;top:38px;z-index:40;width:min(340px,calc(100vw - 32px));max-height:360px;overflow:auto;display:grid;gap:6px;padding:8px;border:1px solid var(--line-strong);border-radius:11px;background:var(--field);box-shadow:0 18px 50px rgba(0,0,0,.45)}.interaction-context-group{padding:7px;border-radius:8px}.interaction-context-group:hover{background:var(--hover)}.interaction-context-node{width:100%;font-weight:650}.interaction-context-group ol{margin:6px 0 0;padding-left:38px;color:var(--muted);white-space:pre-wrap}.turn-picker{position:relative}html[data-theme="light"] .thread-composer-shell,html[data-theme="light"] .interaction-context-popover{background:var(--surface)}@media(max-width:760px){.composer-context-tray{padding-inline:9px}.interaction-context-popover{position:fixed;left:12px;right:12px;top:86px;width:auto}}
.interaction-banner p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:2.7em;overflow:hidden}.environment-stale{color:var(--warning)}
.interaction-copy-header{display:flex;align-items:center;gap:10px;min-width:0}.interaction-copy-header .turn-picker{align-self:auto;margin-left:auto}
.new-thread-center{width:720px;max-width:calc(100% - 48px)}

.tutorial-target{outline:2px solid #80aef8!important;outline-offset:5px;box-shadow:0 0 0 1px rgba(128,174,248,.36),0 0 0 8px rgba(128,174,248,.15)!important}
.tutorial-coachmark{--tutorial-surface:#17243a;--tutorial-border:#49688f;--tutorial-ink:#f4f7fb;--tutorial-copy:#c5d4e8;--tutorial-rule:rgba(197,212,232,.22);--tutorial-hover:rgba(244,247,251,.09);--tutorial-accent:#8bb7fb;position:fixed;z-index:90;width:min(304px,calc(100vw - 24px));max-height:calc(100vh - 20px);overflow:auto;padding:16px 16px 14px;border:1px solid var(--tutorial-border);border-radius:11px;background:var(--tutorial-surface);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(139,183,251,.08);color:var(--tutorial-ink)}
.tutorial-coachmark:before{content:"";position:absolute;top:-1px;left:16px;width:34px;height:3px;border-radius:0 0 3px 3px;background:var(--tutorial-accent)}
.graph-node.tutorial-target{border-radius:16px}.tutorial-eyebrow{margin:0 0 6px;color:var(--tutorial-accent);font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.tutorial-coachmark.tutorial-complete{width:250px;display:flex;align-items:center;gap:16px;padding:13px 14px}.tutorial-coachmark.tutorial-complete:before{display:none}.tutorial-coachmark.tutorial-complete #onboardingTutorialCopy{flex:1}.tutorial-coachmark.tutorial-complete .tutorial-eyebrow{display:none}.tutorial-coachmark.tutorial-complete h2{font-size:13px}.tutorial-coachmark.tutorial-complete .tutorial-coachmark-actions{margin:0;padding:0;border:0}
.tutorial-coachmark h2{margin:0;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:-.01em}.tutorial-coachmark p{margin:7px 0 0;color:var(--tutorial-copy);font-size:12px;line-height:1.5}.tutorial-coachmark-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--tutorial-rule)}.tutorial-coachmark button{min-width:72px;height:32px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--tutorial-copy);font-size:11px;font-weight:600}.tutorial-coachmark button:hover{border-color:var(--tutorial-rule);background:var(--tutorial-hover);color:var(--tutorial-ink)}.tutorial-coachmark button:focus-visible{outline:2px solid var(--tutorial-accent);outline-offset:2px;color:var(--tutorial-ink)}.tutorial-coachmark .tutorial-done{border-color:var(--tutorial-ink);background:var(--tutorial-ink);color:var(--tutorial-surface);font-weight:700}.tutorial-coachmark .tutorial-done:hover{border-color:var(--tutorial-ink);background:var(--tutorial-ink);color:var(--tutorial-surface)}
html[data-theme="light"] .tutorial-target{outline-color:#527baa!important;box-shadow:0 0 0 1px rgba(82,123,170,.3),0 0 0 8px rgba(82,123,170,.12)!important}html[data-theme="light"] .tutorial-coachmark{--tutorial-surface:#edf4ff;--tutorial-border:#9eb5d1;--tutorial-ink:#17243a;--tutorial-copy:#3f536e;--tutorial-rule:rgba(23,36,58,.18);--tutorial-hover:rgba(23,36,58,.07);--tutorial-accent:#527baa;box-shadow:0 24px 70px rgba(28,25,23,.2),0 0 0 1px rgba(82,123,170,.06)}
@media(max-width:760px){.tutorial-coachmark{width:min(288px,calc(100vw - 20px));padding:14px}.tutorial-coachmark:before{left:14px}.tutorial-coachmark h2{font-size:13px}.tutorial-coachmark p{font-size:11px}.tutorial-coachmark-actions{margin-top:12px;padding-top:10px}}
@media(prefers-reduced-motion:reduce){.tutorial-coachmark{scroll-behavior:auto}.tutorial-target{transition:none!important}}
.approval-history ol{height:64px;padding-right:4px;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.approval-history ol:focus-visible{outline:1px solid var(--blue);outline-offset:2px}
.approval-history ol::-webkit-scrollbar{width:8px}.approval-history ol::-webkit-scrollbar-thumb{border-radius:999px;background:var(--line-strong)}
.composer-context-tray{max-height:min(34vh,300px);overflow:auto}
.inspector{position:relative}.inspector-content{min-height:0}.inspector>.node-context-dock.hidden{display:none!important}.node-context-dock{position:absolute;z-index:2;inset:auto 12px 12px;height:33.333%;min-height:0;margin:0;padding:12px 15px 14px;border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.3);background:var(--panel);display:flex;flex-direction:column;gap:8px}.node-context-dock textarea{min-height:0;flex:1;resize:none;overflow:auto;overscroll-behavior:contain;padding:9px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;line-height:1.45;outline:0}.node-context-dock textarea:focus{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-text) 8%,transparent)}.node-context-dock-actions{flex:none;display:flex;justify-content:flex-end;align-items:center;gap:4px}.node-context-dock-actions button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:16px}.node-context-dock-actions button:hover:not(:disabled){background:var(--hover);color:var(--text)}.node-context-dock-actions button:disabled{opacity:.4}.node-context-dock-error{margin:0;color:var(--danger);font-size:10px;line-height:1.35}@media(forced-colors:active){.node-context-dock,.node-context-dock textarea,.node-context-dock-actions button{border-color:CanvasText}.node-context-dock textarea:focus{outline:2px solid Highlight;box-shadow:none}}@media(prefers-reduced-motion:reduce){.node-context-dock *{scroll-behavior:auto!important;transition:none!important}}
.composer-context-tray{position:relative;display:block;max-height:none;overflow:visible;padding:10px 13px 0}.composer-context-pills{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;padding:0 0 2px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.composer-context-pill-wrap{position:relative;flex:none}.composer-context-pill{min-height:34px;max-width:310px;display:flex;align-items:center;gap:7px;padding:0 31px 0 10px;border:1px solid var(--line);border-radius:999px;background:var(--raised);color:var(--text)}.composer-context-pill:hover:not(:disabled),.composer-context-pill[aria-expanded="true"]{border-color:var(--accent-text);background:var(--hover)}.composer-context-pill:disabled{opacity:.62}.composer-context-pill>svg{width:16px;height:16px;flex:none}.composer-context-pill strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.composer-context-pill>span{flex:none;color:var(--muted);font-size:10px}.composer-context-pill-remove{position:absolute;right:4px;top:3px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted)}.composer-context-pill-remove:hover:not(:disabled){background:var(--hover);color:var(--text)}.composer-context-pill-remove:disabled{opacity:.4}.composer-context-preview{position:absolute;left:13px;bottom:calc(100% + 8px);z-index:34;width:min(360px,calc(100% - 26px));height:143px;display:flex;flex-direction:column;padding:8px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--field);box-shadow:0 12px 28px rgba(0,0,0,.42)}.composer-context-preview-heading{height:28px;flex:none;display:flex;align-items:center;gap:4px}.composer-context-preview-heading .composer-context-node{flex:1;font-weight:650}.composer-context-preview-heading .composer-context-node strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-context-preview .composer-context-annotations{height:92px;min-height:0;margin:5px 0 0;padding:0 4px 0 24px;overflow-y:auto;overscroll-behavior:contain;color:var(--muted);white-space:pre-wrap}.composer-context-preview .composer-context-annotations li{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;gap:3px;padding:3px 0}.composer-context-preview .context-symbol-button{flex:none}html[data-theme="light"] .composer-context-pill:hover:not(:disabled),html[data-theme="light"] .composer-context-pill[aria-expanded="true"]{background:var(--field)}html[data-theme="light"] .composer-context-preview{background:var(--surface)}@media(max-width:760px){.composer-context-tray{padding-inline:9px}.composer-context-preview{left:9px;width:calc(100% - 18px)}}
.turn-option-comments{color:var(--muted);font-size:9px}
.turn-option-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}
.onboarding-family-choice-section{display:grid;gap:6px}.onboarding-family-choice-section h4{margin:3px 0 0;color:var(--faint);font-size:9px;font-weight:500}

.context-draft-send-warning{position:fixed;inset:auto var(--context-draft-send-warning-right,12px) var(--context-draft-send-warning-bottom,72px) auto;width:min(352px,calc(100vw - 24px));max-height:calc(100vh - 24px);margin:0;padding:13px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--line-strong);border-radius:12px;background:var(--field);color:var(--text);box-shadow:0 26px 100px rgba(0,0,0,.66)}.context-draft-send-warning::backdrop{background:rgba(3,4,5,.38)}.context-draft-send-warning:after{content:"";position:absolute;right:24px;bottom:-8px;width:14px;height:14px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--field);transform:rotate(45deg)}.context-draft-send-warning-kicker{display:flex;align-items:center;gap:8px;color:var(--warning);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.context-draft-send-warning-kicker span{width:20px;height:20px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--warning) 42%,transparent);border-radius:50%;background:color-mix(in srgb,var(--warning) 10%,transparent)}.context-draft-send-warning h2{margin:8px 0 5px;font-size:15px;line-height:1.25;letter-spacing:-.015em}.context-draft-send-warning>p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.context-draft-send-warning .context-draft-send-warning-count{margin:9px 0 6px;color:var(--text);font-size:10px;font-weight:680}.context-draft-send-warning-list{max-height:min(160px,25vh);margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;list-style:none;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.context-draft-send-warning-list li{min-height:40px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;padding:6px 8px;border-bottom:1px solid var(--line)}.context-draft-send-warning-list li:last-child{border-bottom:0}.context-draft-send-warning-list li>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted)}.context-draft-send-warning-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.context-draft-send-warning-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:9px}.context-draft-send-warning-actions button{min-height:32px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:transparent;color:var(--text);font-size:11px;font-weight:680}.context-draft-send-warning-actions .primary{background:var(--text);color:var(--bg)}.context-draft-send-warning-actions button:disabled{cursor:wait;opacity:.48}html[data-theme="light"] .context-draft-send-warning{background:var(--surface);box-shadow:0 26px 100px rgba(28,25,23,.24)}html[data-theme="light"] .context-draft-send-warning:after{background:var(--surface)}html[data-theme="light"] .context-draft-send-warning-list{background:var(--bg)}@media(max-width:760px){.context-draft-send-warning{right:12px!important;left:12px;width:auto}.context-draft-send-warning:after{right:20px}}@media(forced-colors:active){.context-draft-send-warning,.context-draft-send-warning-list,.context-draft-send-warning-actions button{border:2px solid CanvasText}.context-draft-send-warning::backdrop{background:transparent}}
.harness-empty{min-height:150px;text-align:center}.harness-empty>div{display:grid;justify-items:center;gap:8px}.harness-empty strong{color:var(--text);font-size:13px}.harness-empty span{max-width:360px;font-size:10px}
.desktop-account-pending .app-shell{visibility:hidden}.sidebar-footer .footer-button svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.account-footer-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.account-settings-actions{display:flex;gap:8px}.desktop-account-onboarding{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:32px;background:var(--bg);color:var(--text)}.desktop-account-onboarding-card{width:min(430px,calc(100vw - 32px));padding:32px;border:1px solid var(--line-strong);border-radius:16px;background:var(--raised);box-shadow:0 28px 100px rgba(0,0,0,.58)}.desktop-account-onboarding-card>small{display:block;margin-top:22px;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.desktop-account-onboarding-card h2{margin:7px 0 0;font-size:24px;letter-spacing:-.02em}.desktop-account-onboarding-card p{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.desktop-account-onboarding-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}.desktop-account-onboarding-actions button{min-height:36px;padding-inline:14px}html[data-theme="light"] .desktop-account-onboarding-card{background:var(--surface);box-shadow:0 28px 100px rgba(28,25,23,.2)}@media(max-width:760px){.account-settings-actions{margin-top:10px}.desktop-account-onboarding{padding:16px}.desktop-account-onboarding-card{padding:24px}.desktop-account-onboarding-actions{align-items:stretch;flex-direction:column-reverse}.desktop-account-onboarding-actions button{width:100%}}

.node-input-actions{display:grid;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.node-input-loading{margin:0;color:var(--muted);font-size:10px}
.node-input-editor{min-width:0;margin:0;padding:0;border:0}
.node-input-editor+.node-input-editor{padding-top:14px;border-top:1px solid var(--line)}
.node-input-editor legend{width:100%;padding:0;color:var(--text);font-size:11px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.node-input-editor textarea{width:100%;min-height:82px;margin-top:9px;resize:vertical;padding:9px 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;line-height:1.45;outline:0}
.node-input-editor textarea:focus{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-text) 8%,transparent)}
.node-input-option-rail{display:flex;gap:8px;margin-top:9px;padding:1px 1px 7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;scroll-snap-type:x proximity}
.node-input-option{width:132px;min-width:132px;min-height:82px;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:var(--raised);color:var(--text);text-align:left;scroll-snap-align:start}
.node-input-option-rail-compact{display:grid;overflow-x:hidden;scroll-snap-type:none}.node-input-option-rail-compact[data-option-count="1"]{grid-template-columns:minmax(0,1fr)}.node-input-option-rail-compact[data-option-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.node-input-option-rail-compact[data-option-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.node-input-option-rail-compact .node-input-option{width:auto;min-width:0;scroll-snap-align:none}
.node-input-option:hover{border-color:var(--border-strong);background:var(--hover)}
.node-input-option[aria-checked="true"]{border-color:var(--accent-text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-text) 12%,transparent)}
.node-input-option-visual{height:42px;display:grid;place-items:center;background:linear-gradient(135deg,var(--selected),var(--field));color:var(--text-muted);font-size:18px;font-weight:760;text-transform:uppercase}
.node-input-option-label{display:block;padding:8px 9px;font-size:10px;font-weight:650;line-height:1.25;overflow-wrap:anywhere}
.node-input-editor-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px}
.node-input-error{min-height:14px;margin:0;color:var(--danger);font-size:10px;line-height:1.35}
.node-input-symbols{display:flex;align-items:center;gap:2px}
.node-input-symbols button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;line-height:1}
.node-input-symbols button:hover:not(:disabled){background:var(--hover);color:var(--text)}
.node-input-symbols button:disabled{opacity:.34}
.node-input-operator-send{width:100%;margin-top:10px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--raised);color:var(--text);font-size:10px;font-weight:700}
.node-input-committed{color:var(--green)}
.composer-input-pills{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;padding-top:7px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
.composer-input-pill{border-style:dashed}
.composer-input-preview{height:auto;min-height:96px}
.composer-input-preview>p{margin:7px 0 0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:10px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.composer-input-preview-value{margin:7px 0 0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:10px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.interaction-input-history{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.interaction-input-history>strong{flex-basis:100%;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.interaction-input-history-list{display:flex;flex-wrap:wrap;gap:5px}.interaction-input-history-item{display:flex;flex-direction:column;gap:2px}.interaction-input-history-item strong{color:var(--text);font-size:9px}.interaction-input-history-item span{color:var(--muted)}
.interaction-input-history-item{max-width:280px;padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font-size:9px;overflow-wrap:anywhere}
.interaction-input-history-disclosure{color:var(--muted)}
.interaction-input-history-disclosure>summary{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.interaction-input-history-disclosure>p{max-width:240px;max-height:160px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}
html[data-theme="light"] .node-input-option-visual{background:linear-gradient(135deg,var(--hover),var(--bg));color:var(--text-muted)}
@media(forced-colors:active){.node-input-actions,.node-input-editor,.node-input-editor textarea,.node-input-option,.node-input-error,.interaction-input-history-item{border-color:CanvasText}.node-input-editor textarea:focus,.node-input-option:focus-visible{outline:2px solid Highlight;box-shadow:none}.node-input-option[aria-checked="true"]{outline:2px solid Highlight}.node-input-option-visual{background:Canvas;color:CanvasText}}
.project-list>div{min-width:0}.project-row{position:relative;width:100%;min-width:0;border-radius:7px}.project-row:hover,.project-row:focus-within{background:var(--hover);color:var(--text)}.project-button{padding-right:39px}.project-button i{flex:0 0 auto}.project-button span{margin-left:0!important;color:inherit!important;font-size:inherit!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-new-thread{position:absolute;right:4px;top:3px;width:29px;height:29px;border:0;border-radius:6px;background:transparent;color:inherit;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity 120ms ease}.project-new-thread svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.project-row:hover .project-new-thread,.project-row:focus-within .project-new-thread{opacity:1;pointer-events:auto}.project-new-thread:hover{background:rgba(255,255,255,.08)}.project-new-thread:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}body.sidebar-collapsed .project-new-thread{display:none}body.sidebar-collapsed .project-button{padding:7px 0;min-height:35px;justify-content:center;gap:0}
html[data-theme="light"] .project-row:hover,html[data-theme="light"] .project-row:focus-within{color:var(--text)}
@media(prefers-reduced-motion:reduce){.node-input-actions *{scroll-behavior:auto!important;transition:none!important}.project-new-thread{transition:none!important}}
.node-detail-runtime-host{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;contain:layout paint style!important;isolation:isolate!important;overflow:hidden!important}

/* Eval review comments float over the lower quarter instead of shrinking Node Details. */
.inspector{position:relative}
.annotation-panel{position:absolute;inset:max(58%,calc(100% - 250px)) 12px 12px;z-index:20;min-height:0;margin:0;padding:12px 15px 14px;overflow:auto;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg);box-shadow:0 18px 48px rgba(0,0,0,.52)}
html[data-theme="light"] .annotation-panel{background:var(--bg);box-shadow:0 18px 48px rgba(28,25,23,.22)}
@media(max-width:760px){.annotation-panel{position:relative;inset:auto;max-height:48%;margin:14px -18px -15px;border-width:1px 0 0;border-radius:0;box-shadow:none}}

.app-shell,.main-area,.new-thread-view,.new-thread-center,.thread-view,.workspace-layout,.thread-workspace,.graph-column{min-width:0}
.new-thread-view{grid-template-columns:minmax(0,1fr)}.new-thread-center{width:min(720px,calc(100% - 48px));max-width:none}
@media(max-width:760px){.graph-hint{max-width:calc(100% - 200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.main-area{container-type:inline-size;container-name:workspace-pane}
@container workspace-pane (max-width:272px){
  body:not(.sidebar-collapsed) .workspace-layout{padding:4px}
  body:not(.sidebar-collapsed) .thread-header{padding-inline:4px;gap:4px}
  body:not(.sidebar-collapsed) .history-navigation button{width:22px}
  body:not(.sidebar-collapsed) .interaction-banner{flex-wrap:wrap;align-items:center;gap:6px;padding:8px}
  body:not(.sidebar-collapsed) .turn-picker{width:100%;margin-left:0;display:flex;justify-content:flex-end}
  body:not(.sidebar-collapsed) .turn-stepper .turn-picker-button{min-width:54px;padding-inline:4px}
  body:not(.sidebar-collapsed) .thread-composer{align-items:stretch;flex-direction:column;gap:6px}
  body:not(.sidebar-collapsed) .thread-composer textarea{width:100%;min-height:54px;flex:1 1 auto}
  body:not(.sidebar-collapsed) .thread-composer-actions{align-self:stretch;width:100%;justify-content:space-between;flex:none}
  body:not(.sidebar-collapsed) .thread-composer .model-control{min-width:0;flex:1}
  body:not(.sidebar-collapsed) .thread-composer .model-button{width:100%;max-width:none;justify-content:flex-start}
  body:not(.sidebar-collapsed) .graph-controls{top:48px;right:4px;bottom:auto;flex-direction:column;align-items:stretch;width:32px}
  body:not(.sidebar-collapsed) .graph-controls button{width:100%;min-width:0;padding:0;border-left:0;border-top:1px solid var(--line)}
  body:not(.sidebar-collapsed) .graph-controls button:first-child{border-top:0}
  body:not(.sidebar-collapsed) .graph-controls output{width:100%;min-width:0;height:19px;line-height:19px}
  body:not(.sidebar-collapsed) .new-thread-center{width:calc(100% - 8px);margin-top:0}
  body:not(.sidebar-collapsed) .new-thread-center h1{font-size:18px;line-height:1.2}
  body:not(.sidebar-collapsed) .new-thread-center>p{font-size:10px;line-height:1.35;margin:6px 0 12px}
  body:not(.sidebar-collapsed) .hero-logo{margin-bottom:12px;width:32px;height:32px}
  body:not(.sidebar-collapsed) .new-composer{padding:8px}
  body:not(.sidebar-collapsed) .new-composer textarea{min-height:58px;font-size:12px}
  body:not(.sidebar-collapsed) .new-composer .composer-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
  body:not(.sidebar-collapsed) .new-composer .composer-context-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;width:100%;min-width:0}
  body:not(.sidebar-collapsed) .new-composer .scope-control,body:not(.sidebar-collapsed) .new-composer .permission-control{width:100%;min-width:0}
  body:not(.sidebar-collapsed) .new-composer .scope-button,body:not(.sidebar-collapsed) .new-composer .permission-button{width:100%;min-width:0;justify-content:flex-start}
  body:not(.sidebar-collapsed) .new-composer .composer-submit-controls{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:4px;width:100%;min-width:0;flex:1;justify-content:space-between;margin-left:0}
  body:not(.sidebar-collapsed) .new-composer .composer-submit-controls .model-control{width:auto;min-width:0}
  body:not(.sidebar-collapsed) .new-composer .composer-submit-controls .model-button{width:100%;max-width:none;min-width:0;padding-inline:4px}
  body:not(.sidebar-collapsed) .new-composer .composer-submit-controls [data-model-picker-label]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .settings-view .settings-header{height:auto;min-height:158px;align-items:stretch;gap:12px;padding:10px 8px 14px}
  .settings-view .settings-header h1{font-size:21px;overflow-wrap:anywhere}
  .settings-view .settings-compact-navigation{grid-template-columns:minmax(0,1fr);gap:8px}
  .settings-view .settings-compact-back{width:max-content;max-width:100%}
  .settings-view .provider-definition-actions{align-items:stretch;flex-direction:column}
}

@container workspace-pane (max-width:600px){
  .settings-view .settings-header{padding-inline:16px}
  .settings-view .settings-content{width:100%;max-width:none;margin:0;padding:14px 16px 40px}
  .settings-view .settings-section{min-width:0;padding:16px 0}
  .settings-view .setting-row{min-width:0;align-items:stretch;flex-direction:column;gap:8px}
  .settings-view .setting-row>div{min-width:0;overflow-wrap:anywhere}
  .settings-view .setting-row select{width:100%;max-width:100%;min-width:0}
  .settings-view .account-status-row{align-items:flex-start}
  .settings-view .account-settings-actions{width:100%;flex-wrap:wrap}
  .settings-view .settings-section-heading{gap:10px}
  .settings-view .settings-section-heading>div{min-width:0}
  .settings-view .provider-definition-list,.settings-view .harness-configuration-list{grid-template-columns:minmax(0,1fr);min-width:0}
  .settings-view .provider-definition-card,.settings-view .harness-configuration-card{min-width:0;padding:10px}
  .settings-view .provider-definition-heading,.settings-view .provider-definition-identity{min-width:0;flex-wrap:wrap;gap:8px}
  .settings-view .provider-definition-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .settings-view .provider-definition-actions button{max-width:100%;white-space:normal}
  .settings-view .model-families-heading{grid-template-columns:minmax(0,1fr);gap:8px}
  .settings-view .model-families-heading>#newModelFamily{width:100%;justify-self:stretch}
  .settings-view .family-carousel-controls{min-width:0;gap:4px}
  .settings-view .family-arrow{flex:0 0 26px;width:26px;min-width:26px}
  .settings-view .current-family-control{min-width:0}
  .settings-view .current-family-button{min-width:0;padding-inline:5px;gap:4px}
  .settings-view .current-family-button span{font-size:9px}
  .settings-view .family-card{min-width:0;padding:10px}
  .settings-view .family-card-heading{flex-direction:column;gap:8px}
  .settings-view .family-card-actions,.settings-view .family-editor-actions{min-width:0;flex-wrap:wrap}
  .settings-view .family-member-editor{min-width:0}
}

@container workspace-pane (max-width:272px){
  .settings-view .settings-header{padding-inline:8px}
  .settings-view .settings-content{padding-inline:8px}
  .settings-view .provider-definition-actions{align-items:stretch;flex-direction:column}
}

@container workspace-pane (max-width:600px){
  .approval-dock{min-width:0;padding:10px}
  .approval-dock-inner{width:100%;min-width:0}
  .approval-dock-header{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .approval-heading{min-width:0}
  .approval-heading>div{min-width:0;flex:1}
  .approval-heading h3{white-space:normal;overflow-wrap:anywhere}
  .approval-queue-controls{margin-left:0;justify-self:end;max-width:100%}
  .approval-action-summary{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;padding:8px}
  .approval-action-summary code{min-width:0;overflow-wrap:anywhere}
  .approval-metadata>div{grid-template-columns:minmax(0,1fr);gap:3px;min-width:0}
  .approval-metadata dd{min-width:0;overflow-wrap:anywhere}
  .approval-actions{align-items:stretch;flex-direction:column;gap:6px}
  .approval-actions button{width:100%;min-width:0;min-height:36px;white-space:normal}
  .approval-deny{margin-right:0}
  .approval-always{flex-direction:column;gap:1px}
}

@media(max-width:760px){
  .scope-menu,.permission-menu,.model-picker-popover{position:fixed;left:calc(var(--sidebar-width) + 8px);right:8px;bottom:72px;width:auto;max-width:calc(100vw - var(--sidebar-width) - 16px)}
  /* The popup stays 72px above the viewport bottom; keep 44px for the sidebar's native titlebar inset. */
  .scope-menu{max-block-size:max(0px,calc(100dvh - 116px));overflow-y:auto;overscroll-behavior:contain}
  .scope-menu button>span,.scope-menu button>small{min-width:0;max-width:100%;overflow-wrap:anywhere}
}

.send-button.stop-button{position:relative;flex-shrink:0;padding:0}
.send-button.stop-button::before{content:"";position:absolute;width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:1px;background:currentColor}
.send-button.stop-button.is-stopping:disabled{opacity:1;cursor:wait}
.send-button.stop-button.is-stopping::after{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:stop-button-spin .8s linear infinite}
@keyframes stop-button-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.send-button.stop-button.is-stopping::after{animation:none}}

.composer-retry-message.is-stopped{border-color:var(--line-strong);color:var(--muted)}
:root .send-button.stop-button{background:var(--raised);color:var(--muted);border:1px solid var(--line-strong)}
:root .send-button.stop-button:hover:not(:disabled){background:var(--hover);color:var(--text)}


/* Evaluator controls stay separate from model-authored graph content. */
.human-task-grading {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1000;
  width: 350px;
  max-width: calc(100vw - 32px);
  max-height: 75vh;
  overflow: auto;
  padding: 12px 16px;
  background: var(--panel, var(--field));
  color: var(--text, var(--text));
  border: 1px solid var(--border, var(--border-strong));
  border-radius: 10px;
  box-shadow: 0 4px 20px #0005;
}
.human-task-grading > summary { cursor: pointer; font-weight: 600; }
.human-task-grading label { display: grid; gap: 6px; margin: 12px 0; }
.human-task-grading select, .human-task-grading textarea { width: 100%; box-sizing: border-box; }
.human-task-grading form + form { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border, var(--border-strong)); }
.human-task-private-brief { white-space: pre-wrap; }
/* Extra scroll reach while annotating keeps final controls above the floating editor. */
.inspector:has(>.node-context-dock:not(.hidden)) .inspector-content::after{content:"";display:block;height:calc(40% + 24px);flex:none}

/* Collapsed desktop: full-width heading above equal graph and detail columns. */



/* Hidden collapsed labels must not retain flex gaps or shortcut spacing. */
body.sidebar-collapsed .sidebar-title{justify-content:center;gap:0}
body.sidebar-collapsed .sidebar-title strong,body.sidebar-collapsed .new-thread-button kbd{display:none}
body.sidebar-collapsed .new-thread-button{gap:0;padding-inline:0}

/* B3: canonical interaction graph, disclosed from the existing banner. */
.turn-stepper.interaction-graph-stepper{overflow:visible}
.turn-picker-button.interaction-graph-trigger{position:relative;min-width:34px;width:34px;height:30px;padding:5px;border-radius:8px}
.interaction-graph-trigger svg{width:20px;height:20px;fill:var(--panel);stroke:currentColor;stroke-width:1.6}
.interaction-graph-trigger b{position:absolute;right:-6px;top:-7px;min-width:16px;height:16px;border-radius:9px;background:var(--raised);border:1px solid var(--line-strong);color:var(--text);font-size:9px;line-height:14px;text-align:center;padding:0 3px}
.turn-popover.interaction-graph-popover{width:min(720px,var(--interaction-graph-available-width,calc(100vw - 48px)));display:flex;flex-direction:column;max-height:min(460px,var(--interaction-graph-available-height,460px));padding:0;overflow:hidden;background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 18px 50px #0005}
.interaction-graph-heading{flex:none;padding:14px 16px;border-bottom:1px solid var(--line);font-size:12px;font-weight:650;color:var(--text)}
.interaction-graph-viewport{min-height:0;max-height:390px;overflow:auto;padding:6px;background:var(--panel)}
.interaction-graph-surface{position:relative;min-width:100%}
.interaction-graph-surface>svg{position:absolute;inset:0;pointer-events:none}
.interaction-graph-surface path{fill:none;stroke:var(--muted);stroke-width:1.5;opacity:.65}
.interaction-graph-surface .invoke-connection{stroke-dasharray:4 3}
.interaction-graph-node{position:absolute;width:192px;min-height:68px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--raised);color:var(--text);text-align:left;display:flex;flex-direction:column;gap:7px}
.interaction-graph-node:hover,.interaction-graph-node:focus-visible{border-color:var(--text);outline:2px solid var(--line-strong);outline-offset:2px}
.interaction-graph-node[aria-current="true"]{border-color:var(--selection-ring);box-shadow:inset 3px 0 var(--selection-ring)}
.interaction-graph-node-label{font-size:12px;font-weight:550;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.interaction-graph-node small{font-size:10px;color:var(--muted)}
/* Reading layout: Environment overlays; the saved ratio is independent of sidebar state. */
.workspace-layout{position:relative}
.workspace-layout .environment-panel{position:fixed;grid-area:auto;z-index:60;right:12px;top:64px;width:min(360px,calc(100vw - 24px));margin:0;box-shadow:0 16px 48px rgba(0,0,0,.35)}
.pending-turn-notice button{border:1px solid var(--line-strong);border-radius:7px;background:var(--raised);color:var(--text);padding:5px 9px;font:inherit;font-size:11px}
.environment-header{gap:12px}.environment-header h2{margin-right:auto}
.workspace-divider{display:none;touch-action:none;cursor:col-resize;border-radius:4px;outline-offset:-2px}
.workspace-divider:hover,.workspace-divider:focus-visible{background:var(--line-strong)}
.pending-turn-notice{position:absolute;z-index:5;left:16px;bottom:86px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--raised);color:var(--text);font-size:11px;box-shadow:0 5px 18px rgba(0,0,0,.15)}
@media(min-width:1101px){
 .workspace-layout,body.sidebar-collapsed .workspace-layout{grid-template-columns:minmax(280px,clamp(280px,calc(var(--graph-share,50%) - 6px),calc(100% - 292px))) 12px minmax(280px,1fr);column-gap:0}
 .workspace-layout .thread-header{grid-column:1 / -1}
 .workspace-layout .thread-workspace{display:contents}
 .workspace-layout .interaction-banner{grid-column:1;grid-row:2;margin-left:0}
 .workspace-layout .graph-column{grid-column:1;grid-row:3}
 .workspace-layout .inspector{grid-column:3;grid-row:2 / 4;width:100%;margin-top:8px}
 .workspace-layout .workspace-divider{display:block;grid-column:2;grid-row:2 / 4;margin-top:8px}
 .workspace-layout:has(.inspector.hidden){grid-template-columns:minmax(0,1fr)}
 .workspace-layout:has(.inspector.hidden) .workspace-divider{display:none}
}
.public-share-shell #environmentToggle{display:none!important}
@media(max-width:760px){
 .workspace-layout .thread-header{height:auto;min-height:36px;flex-wrap:wrap;padding-block:6px}
 .workspace-layout .thread-title-group{flex-wrap:wrap;gap:4px}
 .workspace-layout .thread-title-copy{flex:1 1 100%}
 .workspace-layout{grid-template-rows:auto auto auto minmax(520px,1fr)}
}

.environment-toggle{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted)}
.environment-toggle:hover,.environment-toggle[aria-expanded="true"]{background:var(--hover);color:var(--text)}
.environment-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Checkout stays inside the existing New Thread composer. */
.checkout-menu{min-width:280px;max-width:min(360px,calc(100vw - 48px))}.checkout-list{max-height:min(320px,calc(100dvh - 260px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.checkout-checkbox{display:flex;align-items:center;gap:8px;padding:8px;color:var(--text)}.checkout-checkbox input{width:14px;height:14px;margin:0}.checkout-base{display:flex;align-items:center;gap:8px;padding:8px;color:var(--muted);font-size:12px}.checkout-base select{min-width:0;max-width:230px;flex:1;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:5px}.checkout-spinner{width:12px;height:12px;border:1.5px solid var(--line-strong);border-top-color:var(--text);border-radius:50%;animation:checkout-spin .8s linear infinite}.checkout-notice{margin:8px 4px 0;color:var(--muted);font-size:12px}.checkout-notice button{background:transparent;color:var(--text);border:0;text-decoration:underline}.checkout-menu button:disabled{opacity:.55}.checkout-menu small{overflow-wrap:anywhere}.checkout-menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}@keyframes checkout-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.checkout-spinner{animation:none}}

/* Sticker structure (H · Sticker × Cocoa, ADR 0013). Colours come from design/design.css. */
:root{--r-row:10px;--r-card:16px;--r-panel:24px;--shadow-card:none;--shadow-float:none;--shadow-lift:none;--shadow-pop:0 16px 48px rgba(0,0,0,.5)}
:root[data-theme="light"]{--shadow-card:0 1px 2px rgba(25,27,25,.06),0 4px 16px rgba(25,27,25,.08);--shadow-float:0 1px 2px rgba(25,27,25,.06),0 12px 40px rgba(25,27,25,.12);--shadow-lift:0 4px 12px rgba(25,27,25,.18);--shadow-pop:0 2px 4px rgba(25,27,25,.06),0 16px 48px rgba(25,27,25,.16)}
html[data-theme] .graph-stage{background-color:var(--canvas-bg);background-image:none}
html[data-theme] .graph-edge{stroke:var(--edge)}
.graph-node{width:auto;max-width:248px;height:36px;flex-direction:row;gap:8px;padding:0 14.5px 0 2.5px;border:1.5px solid var(--node-stroke);border-radius:999px;background:var(--node-fill);text-align:left;box-sizing:border-box;transform:translate(-50%,-50%) scale(var(--graph-zoom,1));transform-origin:50% 50%}
html[data-theme] .graph-node{color:var(--text)}
html[data-theme] .graph-node .glyph,html[data-theme] .graph-node.selected .glyph,html[data-theme] .graph-node:hover .glyph{width:28px;height:28px;border:0;border-radius:999px;background:var(--family-disc,var(--field));color:var(--family-ink,var(--text-muted));box-shadow:var(--family-rim,inset 0 0 0 1px var(--border))}
.graph-node .glyph svg{width:18px;height:18px;stroke-width:2}
.graph-node .copy{width:auto;min-width:0}
.graph-node b{font-size:14px;font-weight:600;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme] .graph-node:hover{border-color:var(--edge-strong)}
.graph-node.selected::after{content:"";position:absolute;inset:-5.5px;border-radius:999px;border:2px solid var(--selection-ring);pointer-events:none}
.graph-node.selected{box-shadow:var(--shadow-lift)}
.graph-node:focus-visible{outline:2px solid var(--text);outline-offset:7px}
.graph-node[data-family="f1"]{--family-disc:var(--family-f1);--family-ink:var(--family-f1-icon);--family-rim:none}
.graph-node[data-family="f2"]{--family-disc:var(--family-f2);--family-ink:var(--family-f2-icon);--family-rim:none}
.graph-node[data-family="f3"]{--family-disc:var(--family-f3);--family-ink:var(--family-f3-icon);--family-rim:none}
.graph-node[data-family="f4"]{--family-disc:var(--family-f4);--family-ink:var(--family-f4-icon);--family-rim:none}
.graph-node[data-family="f5"]{--family-disc:var(--family-f5);--family-ink:var(--family-f5-icon);--family-rim:none}
.graph-node[data-family="f6"]{--family-disc:var(--family-f6);--family-ink:var(--family-f6-icon);--family-rim:none}
html[data-theme] .primary{background:var(--accent-solid-alt);color:var(--accent-solid-alt-text)}
.primary,.secondary{border-radius:999px}
html[data-theme] .send-button:not(.stop-button){background:var(--running);color:var(--running-ink)}
html[data-theme] .send-button.stop-button{background:var(--field);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}
.send-button{border-radius:999px}
.graph-edge,.graph-edge-hit{fill:none}
html[data-theme] .send-button:not(.stop-button):disabled{opacity:1;background:var(--field);color:var(--text-faint);box-shadow:inset 0 0 0 1px var(--border)}
html[data-theme] .node-heading .node-icon{width:40px;height:40px;border:0;border-radius:999px;background:var(--family-disc,var(--field));color:var(--family-ink,var(--text-muted));box-shadow:var(--family-rim,inset 0 0 0 1px var(--border))}
.node-icon[data-family="f1"]{--family-disc:var(--family-f1);--family-ink:var(--family-f1-icon);--family-rim:none}
.node-icon[data-family="f2"]{--family-disc:var(--family-f2);--family-ink:var(--family-f2-icon);--family-rim:none}
.node-icon[data-family="f3"]{--family-disc:var(--family-f3);--family-ink:var(--family-f3-icon);--family-rim:none}
.node-icon[data-family="f4"]{--family-disc:var(--family-f4);--family-ink:var(--family-f4-icon);--family-rim:none}
.node-icon[data-family="f5"]{--family-disc:var(--family-f5);--family-ink:var(--family-f5-icon);--family-rim:none}
.node-icon[data-family="f6"]{--family-disc:var(--family-f6);--family-ink:var(--family-f6-icon);--family-rim:none}
html[data-theme] .inspector{border-radius:var(--r-panel);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-float)}
html[data-theme] .interaction-banner{border-radius:var(--r-panel);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-card)}
.entry,.project-button{border-radius:var(--r-row)}
html[data-theme] .entry.active{background:var(--accent-soft-bg);color:var(--text)}
.new-thread-button{border-radius:999px}
.thread-composer textarea,.thread-composer .model-button{border-radius:var(--r-card)}
.turn-status-running .turn-option-status:before,.interaction-status-running:before{background:var(--running)}
.graph-node .graph-annotation-badge{left:auto;right:-8px;top:-8px;min-width:16px;height:16px;font-size:10px;font-weight:600;box-shadow:0 0 0 2px var(--canvas-bg)}
.graph-node.tutorial-target{border-radius:999px}
html[data-theme] .send-button.stop-button{box-shadow:none;border-color:var(--border-strong)}
html[data-theme] .share-dialog-card button.primary{background:var(--accent-solid-alt);color:var(--accent-solid-alt-text)}
html[data-theme] .annotation-submit:hover:not(:disabled){background:var(--accent-solid-alt);color:var(--accent-solid-alt-text)}
h1,h2,.node-heading h2{font-family:var(--font-display);letter-spacing:-.005em}
.thread-activity{flex:0 0 12px;display:grid;place-items:center}.thread-activity svg{width:12px;height:12px;stroke-width:2.25}
.entry[data-activity="running"] .thread-activity{color:var(--running-text)}
.entry[data-activity="running"] .thread-activity svg{animation:thread-activity-spin 1s linear infinite}
.entry[data-activity="stopping"] .thread-activity{color:var(--text-muted)}
.entry[data-activity="needs_approval"] .thread-activity{color:var(--warning-text)}
.entry[data-activity="failed"] .thread-activity{color:var(--danger-text)}
body.sidebar-collapsed .entry{justify-content:center}
body.sidebar-collapsed .entry:not([data-activity]) .thread-activity::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--text-faint)}
@keyframes thread-activity-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.entry[data-activity="running"] .thread-activity svg{animation:none}}
.thread-status-symbol{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;margin-left:8px}
.thread-status-symbol svg{width:16px;height:16px;stroke-width:2.25}
.thread-status-symbol[data-activity="running"]{color:var(--running)}
.thread-status-symbol[data-activity="running"] svg{animation:thread-activity-spin 1s linear infinite}
.thread-status-symbol[data-activity="stopping"]{color:var(--text)}
.thread-status-symbol[data-activity="needs_approval"]{color:var(--warning-text)}
.thread-status-symbol[data-activity="failed"]{color:var(--danger-text)}
html[data-theme] .graph-node[data-run-state="draft"]{background:var(--canvas-bg);border-style:dashed;border-color:var(--draft-outline)}
html[data-theme] .graph-node[data-run-state="failed"]{border:2px solid var(--danger-solid)}
.graph-node[data-run-state="running"] .glyph{position:relative}
.graph-node[data-run-state="running"] .glyph::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid transparent;border-top-color:var(--running);animation:thread-activity-spin 1.4s linear infinite;pointer-events:none}
.graph-node-state-badge{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 0 2px var(--canvas-bg)}
.graph-node-state-badge svg{width:10px;height:10px;stroke-width:2.5}
.graph-node[data-run-state="running"] .graph-node-state-badge{background:var(--running);color:var(--running-ink)}
.graph-node[data-run-state="failed"] .graph-node-state-badge{background:var(--danger-strong);color:var(--white)}
.graph-node[data-run-state="stopped"] .graph-node-state-badge{background:var(--field);color:var(--text-muted);box-shadow:0 0 0 2px var(--canvas-bg),inset 0 0 0 1px var(--border-strong)}
.graph-node-caption{position:absolute;left:40px;top:42px;font-size:12px;line-height:16px;font-weight:600;white-space:nowrap;color:var(--text-muted);pointer-events:none;text-shadow:0 0 1px var(--canvas-bg),0 0 2px var(--canvas-bg),0 0 3px var(--canvas-bg),0 0 4px var(--canvas-bg)}
.graph-node[data-run-state="running"] .graph-node-caption{color:var(--running-text)}
.graph-node[data-run-state="draft"] .graph-node-caption{color:var(--draft-text)}
.graph-node[data-run-state="failed"] .graph-node-caption{color:var(--danger-text)}
@media(prefers-reduced-motion:reduce){.thread-status-symbol[data-activity="running"] svg,.graph-node[data-run-state="running"] .glyph::after{animation:none}}

/* Registered image icons preserve transparency and the full image by default. */
.relayer-image-icon{display:inline-grid;place-items:center;width:1em;height:1em;flex:none;overflow:hidden;background:transparent}
.relayer-image-icon img,.relayer-image-icon svg{width:100%;height:100%;display:block}
.relayer-image-icon[data-icon-framing="circle"]{border-radius:50%}
.relayer-image-icon[data-icon-framing="rounded"]{border-radius:25%}
.graph-node[data-image-icon="true"] .glyph,#detailIcon[data-image-icon="true"]{background:transparent;color:var(--text);border-color:transparent;box-shadow:none}
.graph-node .relayer-image-icon{width:28px;height:28px}
.relayer-detail-icon.relayer-image-icon{width:28px;height:28px}
.relayer-action-icon.relayer-image-icon{width:16px;height:16px}
.entry-icon.thread-topic-icon svg,.thread-topic-icon svg{display:block;width:16px;height:16px}.thread-topic-icon{flex:none;display:grid;place-items:center;width:16px;height:16px;color:var(--muted)}
body:not(.sidebar-collapsed) .entry:not([data-activity]) .thread-activity{display:none}
body.sidebar-collapsed .entry{gap:4px;padding-left:0;padding-right:0}

body.sidebar-collapsed .entry:not([data-activity]) .thread-activity{display:grid}

.thread-entry-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.project-chevron{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.project-activity{flex:0 0 auto;margin-left:auto!important;display:grid;place-items:center}.project-activity svg{width:14px;height:14px}.project-button span:not(.project-activity){min-width:0}.project-button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}body.sidebar-collapsed .project-chevron{display:none}
body.sidebar-collapsed .project-button .project-activity{display:grid;position:absolute;right:0;top:0;background:var(--panel);border-radius:50%;padding:2px}.project-activity[data-project-activity="needs_approval"]{color:var(--warning)}.project-activity[data-project-activity="failed"]{color:var(--danger)}