:root{--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:999px;--text-body:16px;--text-small:13px;--leading:1.6;--measure:44rem;--bg:#fbfbfd;--surface:#fff;--surface-2:#f0f2f6;--border:#e2e5ec;--text:#14171c;--text-muted:#5d6672;--accent:#3b5bdb;--accent-contrast:#fff;--accent-soft:#e9edff;--danger:#b42318;--danger-soft:#fdeceb;--shadow-1:0 1px 2px #10141c0f, 0 4px 16px #10141c0a;--shadow-2:0 2px 6px #10141c14, 0 12px 32px #10141c14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:var(--text-body);line-height:var(--leading)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1013;--surface:#16191e;--surface-2:#1d2128;--border:#282d36;--text:#e6e8ec;--text-muted:#99a1ad;--accent:#7c93ff;--accent-contrast:#0e1013;--accent-soft:#1b2130;--danger:#f87171;--danger-soft:#2a1a1a;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 32px #00000073}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app{flex-direction:row;height:100%;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.sidebar-backdrop{z-index:3;opacity:0;pointer-events:none;background:#080a0e73;transition:opacity .18s;display:none;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar{border-right:1px solid var(--border);background:var(--surface);z-index:4;flex-direction:column;flex:none;width:280px;display:flex}.sidebar-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);display:flex}.sidebar-head h2{margin:0;font-size:15px;font-weight:600}.sidebar-close{display:none}.sidebar-new{margin:0 var(--space-3) var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed color-mix(in srgb, var(--accent) 40%, var(--border));border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text);cursor:pointer;text-align:left;font-size:14px}.sidebar-new:hover{border-color:var(--accent)}.sidebar-list{padding:0 var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-empty{margin:var(--space-4) var(--space-2);color:var(--text-muted);font-size:var(--text-small);align-items:center;gap:var(--space-2);display:flex}.sidebar-item{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:2px;transition:background .12s,border-color .12s;display:flex}.sidebar-item:hover:not(:disabled){background:var(--surface-2)}.sidebar-item.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.sidebar-item.disabled{opacity:.45;cursor:not-allowed}.sidebar-item-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:500;line-height:1.35;overflow:hidden}.sidebar-item-meta{color:var(--text-muted);font-size:12px}.sidebar-toggle{flex:none}@media (width<=860px){.sidebar-backdrop{display:block}.sidebar{box-shadow:var(--shadow-2);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:inline-flex}}@media (width>=861px){.sidebar-toggle{display:none}.sidebar{display:flex}}@media (width<=860px){.sidebar:not(.open){display:none}}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);min-width:0;display:flex}.brand h1{letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:15px;font-weight:600}.dot{border-radius:var(--radius-full);background:var(--accent);flex:none;width:8px;height:8px}.dot[data-state=offline]{background:var(--text-muted)}.session-id{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}@media (width<=560px){.session-id{display:none}}.thread{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;overflow-y:auto}.thread-inner{width:100%;max-width:var(--measure);min-height:100%;padding:var(--space-5) var(--space-4) var(--space-4);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}@media (width<=720px){.thread-inner{padding-bottom:calc(var(--dock-collapsed-h) + var(--space-2) + var(--space-2))}}.turn{gap:var(--space-2);flex-direction:column;animation:.22s ease-out both rise;display:flex}.turn.user{align-items:flex-end}.turn .body{overflow-wrap:anywhere;min-width:0;margin:0}.turn.user .body{white-space:pre-wrap;background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);max-width:78%}.turn.assistant .body{max-width:100%}.turn.assistant.failed .body{color:var(--text-muted)}.role{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:34px;display:flex}.badge{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.4;display:inline-block;overflow:hidden}.badge[data-tone=pending]{opacity:.7}.badge[data-tone=error]{border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:var(--danger-soft);color:var(--danger)}.feedback-strip{align-items:center;gap:var(--space-1);margin-left:var(--space-2);flex-wrap:wrap;flex:1 1 0;min-width:min-content;display:inline-flex}.feedback-strip-button{min-width:32px;min-height:32px;padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:border-color .14s,background-color .14s,transform .1s;display:inline-flex}.feedback-strip-button:hover:not([aria-disabled=true]){border-color:color-mix(in srgb, var(--text) 30%, var(--border));background:var(--surface)}.feedback-strip-button:active:not([aria-disabled=true]){transform:scale(.96)}.feedback-strip-button[aria-pressed=true],.feedback-strip-button[aria-pressed=true]:hover:not([aria-disabled=true]){border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.feedback-strip-button[aria-disabled=true]{opacity:.6;cursor:default}.feedback-strip-note:not(:empty){color:var(--text-muted);font-size:12px}.feedback-strip-error{overflow-wrap:anywhere;min-width:0;color:var(--danger);flex:1 1 0;font-size:11px;line-height:1.4}@media (width<=480px){.feedback-strip-button{min-width:44px;min-height:44px}.meta{min-height:46px}}@media (prefers-reduced-motion:reduce){.feedback-strip-button{transition:none}.feedback-strip-button:active:not([aria-disabled=true]){transform:none}}.turn.streaming .md>:last-child:after{content:"";background:var(--accent);width:2px;height:1.05em;margin-left:3px;animation:1s steps(2,start) infinite blink;display:inline-block;translate:0 .18em}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md blockquote,.md table{margin:0 0 var(--space-3)}.md h1,.md h2,.md h3,.md h4{margin:var(--space-4) 0 var(--space-2);letter-spacing:-.01em;line-height:1.3}.md h1{font-size:22px}.md h2{font-size:19px}.md h3{font-size:17px}.md h4{font-size:var(--text-body)}.md ul,.md ol{padding-left:var(--space-4)}.md li{margin-bottom:var(--space-1)}.md li>ul,.md li>ol{margin:var(--space-1) 0 0}.md blockquote{padding-left:var(--space-3);border-left:3px solid var(--border);color:var(--text-muted)}.md a{color:var(--accent);text-underline-offset:2px}.md hr{border:0;border-top:1px solid var(--border);margin:var(--space-4) 0}.md :not(pre)>code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.md-table{margin-bottom:var(--space-3);overflow-x:auto}.md table{border-collapse:collapse;width:100%;font-size:14px}.md th,.md td{border:1px solid var(--border);padding:var(--space-1) var(--space-2);text-align:left}.md th{background:var(--surface-2);font-weight:600}.md-image{max-width:100%;height:auto;margin:0 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);display:block}.md-video{width:min(100%,480px);max-width:100%;margin:0 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);display:block}.md-mermaid{margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow-x:auto}.md-mermaid svg{max-width:100%;height:auto;margin:0 auto;display:block}.md-mermaid-pending{margin:0 0 var(--space-3);font-size:var(--text-small);color:var(--text-muted)}.md-code{margin:0 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);overflow:hidden}.md-code-bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border-bottom:1px solid var(--border);display:flex}.md-code-lang{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.md-copy{color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;font-size:12px}.md-copy:hover{color:var(--text);background:var(--surface)}.md-code pre{padding:var(--space-3);margin:0;overflow-x:auto}.md-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55}.empty{text-align:center;gap:var(--space-3);padding:var(--space-6) 0;flex-direction:column;align-items:center;margin:auto 0;display:flex}.empty h2{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.empty p{color:var(--text-muted);max-width:34rem;margin:0}.suggestions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:14px;transition:border-color .14s,transform .14s}.chip:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-1px)}.composer-wrap{z-index:50;padding:var(--space-3) var(--space-4) var(--space-4);background:linear-gradient(to top, var(--bg) 62%, transparent);position:sticky;bottom:0}.composer-shell{width:100%;max-width:var(--measure);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);margin:0 auto;transition:border-color .14s,box-shadow .14s;overflow:hidden}.composer-shell:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow-2)}.composer-options-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface-2) 55%, var(--surface));flex-wrap:wrap;display:flex}.composer-options-label{color:var(--text-muted);flex:none;font-size:12px}.composer-model-picker{align-items:center;gap:var(--space-1);flex:none;display:flex}.composer-model-select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-md);padding:2px var(--space-2);background:var(--surface);color:var(--text);min-width:8rem;max-width:min(18rem,52vw);font-size:12px}.composer-options-chips{gap:var(--space-1);flex-wrap:wrap;flex:1;min-width:0;display:flex}.composer-mode-toggle{gap:var(--space-1);flex-wrap:wrap;flex:none;display:flex}.mode-chip{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;padding:5px 12px;font-size:12px;line-height:1.3;transition:border-color .14s,background .14s,color .14s}.mode-chip-stack{border-radius:12px;flex-direction:column;align-items:center;gap:1px;min-width:3.25rem;padding:5px 10px 6px;display:inline-flex}.mode-chip-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:600;line-height:1.1}.mode-chip-label{color:inherit;font-size:13px;font-weight:650;line-height:1.15}@media (width<=720px){.mode-chip-stack{border-radius:var(--radius-full);flex-direction:row;gap:4px;min-width:0;padding:5px 10px}.mode-chip-kicker{font-size:10px}.mode-chip-label{font-size:12px}}.mode-chip-stack[aria-pressed=true] .mode-chip-kicker{color:color-mix(in srgb, var(--accent) 70%, var(--text-muted))}.mode-chip-temp[aria-pressed=true] .mode-chip-kicker{color:color-mix(in srgb, #ea580c 75%, var(--text-muted))}.mode-chip-lab[aria-pressed=true] .mode-chip-kicker{color:color-mix(in srgb, #0d9488 75%, var(--text-muted))}.composer-temp-bar{align-items:flex-end;gap:var(--space-2) var(--space-3);padding:0 var(--space-3) var(--space-2);flex-wrap:wrap;display:flex}.composer-temp-field{flex-direction:column;gap:4px;min-width:4.5rem;display:flex}.composer-temp-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:4.75rem;color:var(--text);font-variant-numeric:tabular-nums;padding:6px 8px;font-size:13px}.composer-temp-input:focus{outline-offset:1px;border-color:color-mix(in srgb, #ea580c 40%, var(--border));outline:2px solid #ea580c73}.mode-chip:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--text)}.mode-chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}.composer-field-hint{color:var(--text-muted);font-size:11px;line-height:1.4}.composer-custom-rules{gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-2) 35%, var(--surface));flex-direction:column;display:flex}.composer-field-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.composer-char-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.composer-rules-input{font:inherit;font-size:var(--text-small);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--surface);resize:vertical;min-height:4.5rem;line-height:1.45}.composer-rules-input:focus{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.composer-custom-extras{gap:var(--space-1);flex-direction:column;display:flex}.composer-rules-preview{color:var(--text-muted);font-size:12px}.composer-rules-preview summary{cursor:pointer;-webkit-user-select:none;user-select:none}.composer-rules-preview pre{margin:var(--space-2) 0 0;padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg);border:1px dashed var(--border);white-space:pre-wrap;color:var(--text);font-size:11px;line-height:1.45}.composer-options-warn{color:var(--danger)}.control-chip-muted{font-style:normal}.control-chip-muted:hover{color:var(--accent)}.composer-more-toggle{padding:var(--space-1) var(--space-2);margin-left:auto;font-size:12px}.composer-options-hint{padding:var(--space-1) var(--space-3) 0;color:var(--text-muted);margin:0;font-size:12px}.composer-more{padding:var(--space-3);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);gap:var(--space-3);background:var(--bg);flex-direction:column;display:flex}.composer-more-lead,.composer-compare-lead{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.composer-field{gap:var(--space-1);font-size:var(--text-small);flex-direction:column;display:flex}.composer-field select,.composer-field input[type=range]{font:inherit}.composer-field select{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);background:var(--surface)}.composer-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-small);display:flex}.composer-compare{gap:var(--space-2);padding-top:var(--space-1);border-top:1px dashed var(--border);flex-direction:column;display:flex}.compare-grid{gap:var(--space-2);margin-top:var(--space-1);display:grid}@media (width>=640px){.compare-grid{grid-template-columns:1fr 1fr}}.compare-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);background:var(--surface)}.compare-card h4{margin:0 0 var(--space-1);font-size:13px;font-weight:600}.compare-meta{gap:var(--space-2);margin:0 0 var(--space-1);color:var(--text-muted);flex-wrap:wrap;align-items:center;font-size:11px;display:flex}.compare-body{white-space:pre-wrap;font-size:var(--text-small);max-height:10rem;margin:0;line-height:1.45;overflow:auto}.compare-error{font-size:var(--text-small);color:var(--danger);margin:0}.compare-turn{max-width:none;padding:var(--space-3)}.compare-thread-grid{gap:var(--space-3);width:100%;display:grid}@media (width>=720px){.compare-thread-grid{grid-template-columns:1fr 1fr}}.compare-pane{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:color-mix(in srgb, var(--surface-2) 40%, var(--surface));min-width:0}.compare-pane-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.compare-pane-head h3{margin:0;font-size:13px;font-weight:600}.compare-pane-state{margin:var(--space-2) 0}.compare-pane-muted{font-size:var(--text-small);color:var(--text-muted);margin:0}.control-chip{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;padding:5px 12px;font-size:12px;line-height:1.3;transition:border-color .14s,background .14s,color .14s}.control-chip:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--text)}.control-chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:var(--accent-soft);color:var(--text)}.composer{align-items:flex-end;gap:var(--space-2);width:100%;padding:var(--space-2);box-shadow:none;background:0 0;border:0;border-radius:0;display:flex}.composer:focus-within{box-shadow:none;border-color:#0000}.composer textarea{resize:none;padding:var(--space-2);background:0 0;border:0;outline:none;flex:1;max-height:200px}.composer textarea::placeholder{color:var(--text-muted)}.icon-button{border-radius:var(--radius-md);background:var(--accent);width:40px;height:40px;color:var(--accent-contrast);cursor:pointer;border:0;flex:none;place-items:center;transition:opacity .14s,background .14s;display:grid}.icon-button:disabled{opacity:.35;cursor:default}.icon-button[data-variant=stop]{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.ghost-button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);cursor:pointer;white-space:nowrap;font-size:14px;transition:border-color .14s}.ghost-button:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.hint kbd{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px}.hint{max-width:var(--measure);margin:var(--space-2) auto 0;color:var(--text-muted);text-align:center;font-size:12px}.alert{max-width:var(--measure);margin:0 auto var(--space-2);gap:var(--space-2);font-size:var(--text-small);color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);align-items:baseline;display:flex}.center-state{color:var(--text-muted);align-items:center;gap:var(--space-2);margin:auto;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);width:14px;height:14px;animation:.7s linear infinite spin}.media-job{align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface));display:flex}.media-job--compact{padding:var(--space-2) var(--space-3);margin:0}.media-job--video.media-job--running{background:color-mix(in srgb, #0d9488 12%, var(--surface));border-color:color-mix(in srgb, #0d9488 35%, var(--border))}.media-job--image.media-job--running{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.media-job--error{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.media-job--done{background:var(--surface-2)}.media-job-visual{flex:none;place-items:center;width:36px;height:36px;display:grid}.media-job-spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.media-job--video .media-job-spinner{border-top-color:#0d9488}.media-job-mark{color:var(--text-muted);font-size:18px;font-weight:700}.media-job--error .media-job-mark{color:var(--danger)}.media-job-copy{flex:auto;min-width:0}.media-job-title{margin:0;font-size:14px;font-weight:650}.media-job-hint{color:var(--text-muted);margin:2px 0 0;font-size:12px;line-height:1.4}.media-job-elapsed{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;flex:none;min-width:3.2rem;font-size:13px;font-weight:600}.media-job-dock{padding:0 var(--space-3) var(--space-2);max-width:var(--measure);width:100%;margin:0 auto}.mode-chip-lab[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 70%, var(--border));background:color-mix(in srgb, var(--accent-soft) 80%, transparent)}.composer-lab-sample{white-space:nowrap;font-size:12px}.composer-settings{gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--bg);flex-direction:column;display:flex}.settings-tabs{gap:var(--space-1);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 90%, var(--border));border:1px solid var(--border);grid-template-columns:1fr 1fr;padding:3px;display:grid}.settings-tab{padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 2px);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;font-size:13px;font-weight:600;transition:background .14s,color .14s;display:flex}.settings-tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 8%, transparent)}.settings-tab-hint{opacity:.85;font-size:10px;font-weight:500}.settings-panel{gap:var(--space-3);flex-direction:column;display:flex}.settings-overrides{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-2)}.settings-overrides summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.settings-overrides-body{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.settings-reset{align-self:flex-start;padding:2px 8px;font-size:12px}.settings-inherited{color:var(--text-muted);font-size:12px}.compare-pane-titles h3{margin:0}.compare-pane-sub{color:var(--text-muted);margin:2px 0 0;font-size:11px;font-weight:400;line-height:1.35}.compare-pane--steps{border-top:3px solid color-mix(in srgb, var(--accent) 35%, transparent)}.compare-pane--meta{border-top:3px solid #0d948873}.compare-pane--experts{border-top:3px solid #0ea5e973}.compare-pane--neutral{border-top:3px solid var(--border)}.mode-chip-temp[aria-pressed=true]{border-color:color-mix(in srgb, #ea580c 45%, var(--border));background:color-mix(in srgb, #ea580c 12%, var(--surface))}.temp-studio-turn{margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 95%, var(--bg));box-sizing:border-box;min-width:0;max-width:100%;overflow-x:clip}.temp-studio-kicker{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, #ea580c 70%, var(--text-muted));margin:0 0 2px;font-size:11px;font-weight:650}.temp-studio-note{margin:var(--space-1) 0 0;color:var(--text-muted);overflow-wrap:anywhere;max-width:100%;font-size:12px;line-height:1.4}.temp-studio-run-temps{margin:var(--space-2) 0 0;flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.temp-studio-pill{border-radius:var(--radius-full);font-variant-numeric:tabular-nums;border:1px solid var(--border);min-height:28px;color:inherit;align-items:center;padding:3px 10px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.temp-studio-pill:hover{filter:brightness(.97)}.temp-studio-pill:focus-visible{outline:2px solid color-mix(in srgb, #ea580c 70%, var(--border));outline-offset:2px}.temp-studio-pill--cold{color:#0369a1;background:color-mix(in srgb, #0ea5e9 12%, var(--surface));border-color:color-mix(in srgb, #0ea5e9 35%, var(--border))}.temp-studio-pill--warm{color:#b45309;background:color-mix(in srgb, #f59e0b 14%, var(--surface));border-color:color-mix(in srgb, #f59e0b 40%, var(--border))}.temp-studio-pill--hot{color:#c2410c;background:color-mix(in srgb, #ea580c 16%, var(--surface));border-color:color-mix(in srgb, #ea580c 45%, var(--border))}.temp-studio-jump-verdict{min-height:28px;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.temp-studio-jump-verdict:hover{color:var(--text);border-color:color-mix(in srgb, #ea580c 40%, var(--border))}.temp-studio-jump-verdict:focus-visible{outline:2px solid color-mix(in srgb, #ea580c 70%, var(--border));outline-offset:2px}.temp-studio-winner-strip{margin:var(--space-2) 0 0;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 14px;max-width:100%;font-size:12px;line-height:1.4;display:flex}.temp-studio-winner-strip span{white-space:normal;overflow-wrap:anywhere}.temp-studio-stack{gap:var(--space-3);flex-direction:column;min-width:0;max-width:100%;display:flex}.temp-studio-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;max-width:100%;max-height:min(60vh,28rem);box-shadow:0 1px 0 color-mix(in srgb, var(--border) 60%, transparent);box-sizing:border-box;flex-direction:column;scroll-margin-top:4.5rem;display:flex;overflow:auto}.temp-studio-frame--cold{border-color:color-mix(in srgb, #0ea5e9 45%, var(--border));border-left:4px solid #0ea5e9}.temp-studio-frame--warm{border-color:color-mix(in srgb, #f59e0b 45%, var(--border));border-left:4px solid #f59e0b}.temp-studio-frame--hot{border-color:color-mix(in srgb, #ea580c 50%, var(--border));border-left:4px solid #ea580c}.temp-studio-frame-badge{z-index:2;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--surface-2));border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 12px;padding:10px 12px 8px;display:flex;position:sticky;top:0}.temp-studio-frame-badge-main{flex-direction:column;flex:10rem;gap:2px;min-width:0;display:flex}.temp-studio-frame--cold .temp-studio-frame-badge{background:color-mix(in srgb, #0ea5e9 12%, var(--surface))}.temp-studio-frame--warm .temp-studio-frame-badge{background:color-mix(in srgb, #f59e0b 14%, var(--surface))}.temp-studio-frame--hot .temp-studio-frame-badge{background:color-mix(in srgb, #ea580c 14%, var(--surface))}.temp-studio-frame-t{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text);font-size:18px;font-weight:700;line-height:1.15}.temp-studio-frame-hint{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.temp-studio-frame-wins{color:var(--text);border-radius:var(--radius-full);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);white-space:normal;overflow-wrap:anywhere;text-align:right;max-width:100%;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.3}.temp-studio-frame-body{min-width:0;max-width:100%}.temp-studio-frame .compare-pane{box-shadow:none;background:0 0;border:none;border-radius:0;min-width:0;max-width:100%;margin:0;overflow-x:clip}.temp-studio-frame .compare-pane-head{gap:var(--space-2);align-items:flex-start}.temp-studio-frame .compare-pane-titles{flex:auto;min-width:0}.temp-studio-frame .compare-pane-head>.badge,.temp-studio-verdict-head>.badge{flex:0 12rem;max-width:min(100%,14rem)}.temp-studio-frame .compare-pane-head h3{color:var(--text-muted);font-size:12px;font-weight:550}.temp-studio-frame .compare-pane .body,.temp-studio-frame .md{overflow-wrap:anywhere;min-width:0;max-width:100%}.temp-studio-verdict{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-2) 50%, var(--surface));box-sizing:border-box;min-width:0;max-width:100%;scroll-margin-top:4.5rem;overflow-x:clip}.temp-studio-verdict-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.temp-studio-verdict-head h3{margin:0;font-size:14px;font-weight:650}.temp-studio-heuristic{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 8px;font-size:11px}.temp-studio-table-wrap{max-width:100%;margin-bottom:var(--space-2);-webkit-overflow-scrolling:touch;overflow-x:auto}.temp-studio-table{width:100%;min-width:0}.temp-studio-table th[scope=row]{text-align:left;color:var(--text-muted);font-weight:550}.temp-studio-tips{margin:0 0 var(--space-2);color:var(--text);overflow-wrap:anywhere;padding-left:1.2em;font-size:13px;line-height:1.45}.temp-studio-tips li+li{margin-top:var(--space-1)}.temp-studio-summary{color:var(--text-muted);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:13px;line-height:1.5}.lab-turn{margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 95%, var(--bg));box-sizing:border-box;min-width:0;max-width:100%;overflow-x:clip}.lab-turn-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.lab-turn-copy{flex:12rem;min-width:0;max-width:100%}.lab-turn-title{margin:0 0 var(--space-1);font-size:15px;font-weight:650}.lab-turn-task,.lab-turn-winner,.lab-turn-progress{color:var(--text-muted);overflow-wrap:anywhere;max-width:100%;margin:0;font-size:13px;line-height:1.45}.lab-turn-winner,.lab-turn-progress{margin-top:var(--space-2)}.lab-turn-winner strong{color:var(--text)}.lab-turn-actions{gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.lab-run-strategies{margin:var(--space-2) 0 0;flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.lab-strategy-pill{min-height:28px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);align-items:center;padding:3px 10px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.lab-strategy-pill:hover{filter:brightness(.97)}.lab-strategy-pill:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, var(--border));outline-offset:2px}.lab-strategy-pill--neutral{border-color:color-mix(in srgb, var(--border) 80%, var(--text-muted))}.lab-strategy-pill--steps{color:#0369a1;background:color-mix(in srgb, #0ea5e9 12%, var(--surface));border-color:color-mix(in srgb, #0ea5e9 35%, var(--border))}.lab-strategy-pill--meta{color:#6d28d9;background:color-mix(in srgb, #8b5cf6 12%, var(--surface));border-color:color-mix(in srgb, #8b5cf6 35%, var(--border))}.lab-strategy-pill--experts{color:#b45309;background:color-mix(in srgb, #f59e0b 14%, var(--surface));border-color:color-mix(in srgb, #f59e0b 40%, var(--border))}.lab-strategy-pill--winner{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}.lab-stack{gap:var(--space-3);flex-direction:column;min-width:0;max-width:100%;display:flex}.lab-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;max-width:100%;max-height:min(60vh,28rem);box-shadow:0 1px 0 color-mix(in srgb, var(--border) 60%, transparent);box-sizing:border-box;flex-direction:column;scroll-margin-top:4.5rem;display:flex;overflow:auto}.lab-frame--neutral{border-left:4px solid color-mix(in srgb, var(--text-muted) 55%, var(--border))}.lab-frame--steps{border-left:4px solid #0ea5e9;border-color:color-mix(in srgb, #0ea5e9 40%, var(--border))}.lab-frame--meta{border-left:4px solid #8b5cf6;border-color:color-mix(in srgb, #8b5cf6 40%, var(--border))}.lab-frame--experts{border-left:4px solid #f59e0b;border-color:color-mix(in srgb, #f59e0b 45%, var(--border))}.lab-frame--winner{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.lab-frame-badge{z-index:2;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--surface-2));border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px 12px;padding:10px 12px 8px;display:flex;position:sticky;top:0}.lab-frame--steps .lab-frame-badge{background:color-mix(in srgb, #0ea5e9 10%, var(--surface))}.lab-frame--meta .lab-frame-badge{background:color-mix(in srgb, #8b5cf6 10%, var(--surface))}.lab-frame--experts .lab-frame-badge{background:color-mix(in srgb, #f59e0b 12%, var(--surface))}.lab-frame-badge-main{flex-direction:column;flex:10rem;gap:2px;min-width:0;display:flex}.lab-frame-title{color:var(--text);font-size:15px;font-weight:700;line-height:1.2}.lab-frame-hint{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.lab-frame-badge-meta{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;display:flex}.lab-frame-score{font-variant-numeric:tabular-nums;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);padding:2px 8px;font-size:12px;font-weight:700}.lab-frame-wins{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--text);white-space:normal;max-width:100%;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.3}.lab-frame-body{min-width:0;max-width:100%}.lab-frame .compare-pane{box-shadow:none;background:0 0;border:none;border-radius:0;min-width:0;max-width:100%;margin:0;overflow-x:clip}.lab-frame .compare-pane-head{gap:var(--space-2);align-items:flex-start}.lab-frame .compare-pane-titles{flex:auto;min-width:0}.lab-frame .compare-pane-head>.badge,.lab-frame .expert-slot-head>.badge{flex:0 12rem;max-width:min(100%,14rem)}.lab-frame .compare-pane-head h3{color:var(--text-muted);font-size:12px;font-weight:550}.lab-frame .compare-pane .body,.lab-frame .md,.lab-compact-preview{overflow-wrap:anywhere;min-width:0;max-width:100%}.lab-meta-preview{margin:0 0 var(--space-2);max-width:100%;font-size:12px}.lab-meta-preview pre,.lab-frame .lab-meta-preview pre{margin:var(--space-1) 0 0;padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg);border:1px dashed var(--border);white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box;max-width:100%;max-height:120px;font-size:11px;overflow:auto}@media (width<=480px){.lab-strategy-pill,.temp-studio-pill,.temp-studio-jump-verdict{min-height:36px}.lab-frame,.temp-studio-frame{max-height:min(55vh,24rem)}}.empty-lab-lead{margin:var(--space-4) 0 var(--space-2);color:var(--text-muted);font-size:13px}.suggestions-lab .chip-lab{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));text-align:left}:root{--dock-collapsed-h:calc(2 * 40px + var(--space-2))}@media (width<=480px){:root{--dock-collapsed-h:calc(2 * 44px + var(--space-2))}}.float-dock{right:var(--space-3);bottom:calc(var(--composer-h,96px) + var(--space-2));z-index:40;align-items:flex-end;gap:var(--space-2);width:min(380px, calc(100vw - var(--space-4)));pointer-events:none;flex-direction:column;transition:width .18s;display:flex;position:fixed}.float-dock:has(.models-float--studio){width:min(560px, calc(100vw - var(--space-4)))}@media (width>=900px){.float-dock:has(.models-float--studio){width:min(720px, calc(100vw - var(--space-4)))}}@media (prefers-reduced-motion:reduce){.float-dock{transition:none}}.float-dock .debug-float-fab,.float-dock .debug-float,.float-dock .lab-results-fab,.float-dock .lab-results-float,.float-dock .models-float-fab,.float-dock .models-float{pointer-events:auto}@media (width>=720px){.float-dock{right:var(--space-4)}}@media (width<=480px){.float-dock{right:var(--space-2);left:var(--space-2);align-items:flex-end;width:auto}.float-dock:has(.models-float--studio){width:auto}}.debug-float-root{flex-direction:column;align-items:flex-end;display:flex}.debug-float-fab,.lab-results-fab,.models-float-fab{align-items:center;gap:var(--space-2);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-small);box-shadow:var(--shadow-1);cursor:pointer;font-weight:600;transition:border-color .14s,background .14s;display:inline-flex}.debug-float-fab:hover,.lab-results-fab:hover,.models-float-fab:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface))}@media (width<=480px){.debug-float-fab,.lab-results-fab,.models-float-fab{min-height:44px}}.debug-float-badge{border-radius:var(--radius-sm);background:var(--danger-soft);min-width:1.25rem;height:1.25rem;color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.debug-float{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(360px,100%);max-height:40vh;box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.debug-float-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 70%, var(--surface));display:flex}.debug-float-title{align-items:center;gap:var(--space-2);margin:0;font-size:14px;font-weight:650;display:inline-flex}.debug-float-live{background:color-mix(in srgb, #0d9488 80%, var(--accent));border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite debug-live-pulse;box-shadow:0 0 #0d948859}@keyframes debug-live-pulse{0%{box-shadow:0 0 #0d948866}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.debug-float-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.debug-float-actions .ghost-button{padding:2px 8px;font-size:12px}.debug-float-log{min-height:0;padding:var(--space-2);flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;overflow:auto}.debug-float-empty{margin:var(--space-2);color:var(--text-muted);font-family:inherit;font-size:var(--text-small)}.debug-float-line{gap:var(--space-1) var(--space-2);border-radius:var(--radius-sm);grid-template-columns:4.5rem 3.4rem 1fr;padding:3px 4px;display:grid}.debug-float-line:nth-child(2n){background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.debug-float-ts{color:var(--text-muted);white-space:nowrap}.debug-float-kind{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);font-size:10px;font-weight:650}.debug-float-kind--info{color:var(--text-muted)}.debug-float-kind--lab{color:#0d9488}.debug-float-kind--model{color:var(--accent)}.debug-float-kind--error{color:var(--danger)}.debug-float-kind--http{color:#b45309}.debug-float-kind--judge{color:#0ea5e9}.debug-float-msg{color:var(--text);word-break:break-word}@media (prefers-color-scheme:dark){.debug-float-kind--lab{color:#2dd4bf}.debug-float-kind--http{color:#fbbf24}.debug-float-kind--judge{color:#38bdf8}.debug-float-live{background:#2dd4bf}}.models-float{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(360px,100%);height:min(42vh,420px);max-height:min(42vh,420px);box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.models-float--studio{width:100%;height:min(70vh,720px);max-height:min(70vh,720px)}.models-float-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface));display:flex}.models-float-title{margin:0;font-size:14px;font-weight:650}.models-float-actions{align-items:center;gap:var(--space-1);flex-wrap:wrap;flex-shrink:0;display:flex}.models-float-actions .ghost-button{padding:2px 8px;font-size:12px}.models-float-window{font:inherit;border:1px solid var(--border);border-radius:var(--radius-md);padding:2px var(--space-1);background:var(--surface);color:var(--text);cursor:pointer;font-size:12px}.models-float-tabs{gap:var(--space-1);padding:var(--space-1);margin:var(--space-2) var(--space-3) 0;border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 90%, var(--border));flex-shrink:0;display:flex}.models-float-tab{border-radius:calc(var(--radius-md) - 2px);padding:var(--space-1) var(--space-3);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex:1;font-size:13px;font-weight:600;transition:background .14s,color .14s}.models-float-tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 8%, transparent)}.models-float-panel{min-height:0;padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;flex:1;display:flex;overflow:auto}.models-float-panel[hidden]{display:none}.models-float-empty{margin:var(--space-2) 0;color:var(--text-muted);font-size:var(--text-small);line-height:1.45}.models-float-panel--studio{padding:var(--space-3)}.perf-studio{gap:var(--space-3);flex-direction:column;min-height:0;display:flex}.perf-studio-intro{flex-direction:column;gap:4px;display:flex}.perf-studio-kicker{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, #0284c7 70%, var(--text-muted));margin:0;font-size:11px;font-weight:650}.perf-studio-title{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700;line-height:1.25}.perf-studio-lead{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.perf-studio-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:11px;font-weight:650;display:block}.perf-studio-textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;min-height:4.5rem;color:var(--text);font:inherit;padding:10px 12px;font-size:14px;line-height:1.45}.perf-studio-textarea:focus{outline-offset:1px;border-color:color-mix(in srgb, #0284c7 40%, var(--border));outline:2px solid #0284c773}.perf-studio-picks{gap:var(--space-2);display:grid}@media (width>=720px){.perf-studio-picks{grid-template-columns:1fr 1fr 1fr}}.perf-studio-pick{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-2) 40%, var(--surface));flex-direction:column;gap:4px;min-width:0;padding:10px;display:flex}.perf-studio-pick--weak{border-color:color-mix(in srgb, #64748b 40%, var(--border));box-shadow:inset 0 2px #64748b}.perf-studio-pick--mid{border-color:color-mix(in srgb, #0284c7 45%, var(--border));box-shadow:inset 0 2px #0284c7}.perf-studio-pick--strong{border-color:color-mix(in srgb, #0f766e 45%, var(--border));box-shadow:inset 0 2px #0f766e}.perf-studio-pick-label{font-size:13px;font-weight:700}.perf-studio-pick-hint{color:var(--text-muted);font-size:11px;line-height:1.35}.perf-studio-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);font:inherit;margin-top:4px;padding:7px 8px;font-size:12px}.perf-studio-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.perf-studio-run{border-radius:var(--radius-md);color:#f8fafc;font:inherit;cursor:pointer;background:#0477b4;border:none;padding:10px 16px;font-size:13px;font-weight:650}.perf-studio-run:disabled{opacity:.5;cursor:not-allowed}.perf-studio-run:hover:not(:disabled){filter:brightness(1.06)}.perf-studio-error{color:var(--danger,#b91c1c);margin:0;font-size:13px}.perf-studio-grid{gap:var(--space-2);display:grid}@media (width>=720px){.perf-studio-grid{grid-template-columns:1fr 1fr 1fr}}.perf-studio-card{gap:var(--space-2);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;min-width:0;padding:12px;display:flex}.perf-studio-card--weak{border-color:color-mix(in srgb, #64748b 50%, var(--border))}.perf-studio-card--mid{border-color:color-mix(in srgb, #0284c7 55%, var(--border))}.perf-studio-card--strong{border-color:color-mix(in srgb, #0f766e 55%, var(--border))}.perf-studio-card-head{justify-content:space-between;gap:var(--space-2);align-items:flex-start;display:flex}.perf-studio-card-tier{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:11px;font-weight:700}.perf-studio-model-link{word-break:break-all;color:color-mix(in srgb, #0284c7 80%, var(--text));margin-top:2px;font-size:12px;font-weight:600;line-height:1.3;display:inline-block}.perf-studio-model-pending{color:var(--text-muted);word-break:break-all;margin:2px 0 0;font-size:12px}.perf-studio-quality{border-radius:var(--radius-full);font-variant-numeric:tabular-nums;background:color-mix(in srgb, #0f766e 14%, var(--surface));color:#0f766e;border:1px solid color-mix(in srgb, #0f766e 30%, var(--border));flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:700}.perf-studio-metrics{gap:8px;margin:0;display:grid}.perf-studio-metrics>div{grid-template-rows:auto 4px;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 8px;display:grid}.perf-studio-metrics dt{color:var(--text-muted);margin:0;font-size:11px}.perf-studio-metrics dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:14px;font-weight:700}.perf-studio-bar{background:#2e8dc3;border-radius:999px;grid-column:1/-1;height:4px;transition:width .2s}.perf-studio-bar--tokens{background:#8769d5}.perf-studio-bar--cost{background:#c87651}.perf-studio-state{color:var(--text-muted);margin:0;font-size:12px}.perf-studio-toggle{color:color-mix(in srgb, #0284c7 75%, var(--text));font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;font-weight:650}.perf-studio-answer{border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 80%, var(--surface));border:1px solid var(--border);max-height:180px;font:inherit;white-space:pre-wrap;word-break:break-word;margin:0;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.perf-studio-verdict{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-2) 45%, var(--surface));padding:12px}.perf-studio-verdict-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.perf-studio-verdict-head h4{margin:0;font-size:14px;font-weight:700}.perf-studio-chip{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);padding:2px 8px;font-size:11px}.perf-studio-summary{margin:0 0 8px;font-size:13px;line-height:1.5}.perf-studio-winners{margin:0 0 8px;padding-left:1.2em;font-size:13px;line-height:1.45}.perf-studio-footnote{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}@media (prefers-reduced-motion:reduce){.perf-studio-bar{transition:none}}@media (width<=480px){.models-float-fab{justify-content:center;min-height:44px}.models-float-tab,.models-float-window,.models-float-actions .ghost-button{min-height:36px}.models-float{height:min(50vh,480px);max-height:min(50vh,480px)}.models-float--studio{height:min(62vh,640px);max-height:min(62vh,640px)}}.pareto{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pareto-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.pareto-title{margin:0;font-size:13px;font-weight:650}.pareto-meta{color:var(--text-muted);margin:0;font-size:11px}.pareto-table-wrap{flex:1;min-height:0;overflow:auto}.pareto-table{min-width:100%}.lab-results-table.pareto-table th.pareto-num,.lab-results-table.pareto-table td.pareto-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline:var(--space-1)}.lab-results-table.pareto-table .pareto-model,.lab-results-table.feedback-stats-table .feedback-model{white-space:normal;overflow-wrap:anywhere;max-width:22ch}.lab-results-table th[scope=row]{color:inherit;font-size:inherit;font-weight:inherit;background:0 0;position:static}.pareto-empty,.pareto-error-text{color:var(--text-muted);font-size:var(--text-small);margin:0;line-height:1.45}.pareto-error{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pareto-formula{color:var(--text-muted);font-size:12px}.pareto-formula summary{cursor:pointer;color:var(--text);font-weight:600}.pareto-formula p{margin:var(--space-1) 0 0;line-height:1.4}.pareto-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-2) 0%, color-mix(in srgb, var(--border) 55%, var(--surface-2)) 50%, var(--surface-2) 100%);background-size:200% 100%;height:10px;margin-block:calc(.8em - 5px);animation:1.4s ease-in-out infinite pareto-shimmer;display:block}.pareto-skeleton-row td:first-child .pareto-skeleton{width:72px}@keyframes pareto-shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}@media (prefers-reduced-motion:reduce){.pareto-skeleton{background:var(--surface-2);animation:none}}.lab-results-table.pareto-table .pareto-col-n--folded{display:none}@media (width<=480px){.pareto-error .ghost-button{min-height:44px}.pareto-formula summary{min-height:44px;padding:12px 0}.lab-results-table.pareto-table .pareto-col-n,.lab-results-table.pareto-table .pareto-col-ok{display:none}}.feedback-stats{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.feedback-stats-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.feedback-stats-title{margin:0;font-size:13px;font-weight:650}.feedback-stats-meta{color:var(--text-muted);margin:0;font-size:11px}.feedback-stats-table-wrap{flex:1;min-height:0;overflow:auto}.feedback-stats-table{min-width:100%}.lab-results-table.feedback-stats-table th.feedback-num,.lab-results-table.feedback-stats-table td.feedback-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline:var(--space-1)}.feedback-model-id{overflow-wrap:anywhere;display:block}.feedback-chip{padding:1px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;cursor:help;margin-top:2px;font-size:11px;line-height:1.4;display:inline-block}.feedback-stats-empty,.feedback-stats-error-text{color:var(--text-muted);font-size:var(--text-small);margin:0;line-height:1.45}.feedback-stats-error{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.feedback-stats-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-2) 0%, color-mix(in srgb, var(--border) 55%, var(--surface-2)) 50%, var(--surface-2) 100%);background-size:200% 100%;height:10px;margin-block:calc(.8em - 5px);animation:1.4s ease-in-out infinite pareto-shimmer;display:block}.feedback-stats-skeleton-row td:first-child .feedback-stats-skeleton{width:72px}@media (prefers-reduced-motion:reduce){.feedback-stats-skeleton{background:var(--surface-2);animation:none}}@media (width<=480px){.feedback-stats-error .ghost-button{min-height:44px}}.lab-results-float{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(360px,100%);max-height:42vh;box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.lab-results-float-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface));display:flex}.lab-results-float-title{margin:0;font-size:14px;font-weight:650}.lab-results-float-task{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.lab-results-float-actions{gap:var(--space-1);flex-wrap:wrap;flex-shrink:0;display:flex}.lab-results-float-actions .ghost-button{padding:2px 8px;font-size:12px}.lab-results-verdict{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-small);flex-direction:column;display:flex}.lab-results-verdict-warn{color:var(--danger)}.lab-results-rationale{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.lab-results-table-wrap{flex:1;min-height:0;overflow:auto}.lab-results-table{border-collapse:collapse;width:100%;font-size:12px}.lab-results-table th,.lab-results-table td{padding:6px var(--space-2);text-align:left;border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);vertical-align:top}.lab-results-table th{background:var(--surface-2);color:var(--text-muted);font-size:11px;font-weight:600;position:sticky;top:0}.lab-results-score{font-variant-numeric:tabular-nums;font-weight:650}.lab-results-table tr[data-winner=true]{background:color-mix(in srgb, var(--accent-soft) 65%, transparent)}.lab-results-table tr[data-winner=true] td:first-child,.lab-results-table tr[data-winner=true] th:first-child{color:var(--accent);font-weight:650}.lab-results-notes{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);color:var(--text-muted);font-size:12px}.lab-results-notes summary{cursor:pointer;color:var(--text);font-weight:600}.lab-results-notes p{margin:var(--space-1) 0 0;line-height:1.4}.expert-slots{gap:var(--space-2);margin:var(--space-2) 0;grid-template-columns:1fr;display:grid}@media (width>=560px){.expert-slots{grid-template-columns:1fr 1fr}}.expert-slot{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;overflow:hidden}.expert-slot--loading{opacity:.92}.expert-slot--synthesis{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface))}@media (width>=560px){.expert-slot--synthesis{grid-column:1/-1}}.expert-slot-head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) 0;flex-wrap:wrap;display:flex}.expert-slot-title{flex:1;min-width:0;margin:0;font-size:13px;font-weight:650}.expert-slot-body{padding:var(--space-2);font-size:var(--text-small)}.expert-slot-body .body{font-size:inherit}.comic-strip{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.comic-strip-title{font-size:14px;font-weight:650}.comic-page{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, #888 20%);border-radius:10px;width:100%;min-height:12rem;position:relative;overflow:hidden}.comic-page-art{vertical-align:top;width:100%;height:auto;display:block}.comic-page .comic-panel-skeleton,.comic-page .comic-panel-fallback{aspect-ratio:1;min-height:16rem}.comic-page-overlays{pointer-events:none;gap:0;display:grid;position:absolute;inset:0}.comic-strip--n3 .comic-page-overlays{grid-template-rows:1fr;grid-template-columns:repeat(3,1fr)}.comic-strip--n4 .comic-page-overlays{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.comic-strip--n5 .comic-page-overlays{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(6,1fr)}.comic-strip--n5 .comic-page-cell:first-child{grid-column:1/4}.comic-strip--n5 .comic-page-cell:nth-child(2){grid-column:4/7}.comic-strip--n5 .comic-page-cell:nth-child(3){grid-column:1/3}.comic-strip--n5 .comic-page-cell:nth-child(4){grid-column:3/5}.comic-strip--n5 .comic-page-cell:nth-child(5){grid-column:5/7}.comic-strip--n6 .comic-page-overlays{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}.comic-page-cell{min-height:0;padding:4%;position:relative}.comic-page-cell .comic-bubble{max-height:48%;font-size:12px}.comic-caption--overlay{color:#1a1a1a;background:#fffef8eb;border:1px solid #1a1a1a;border-radius:6px;padding:.35rem .5rem;font-size:12px;line-height:1.35;position:absolute;bottom:6%;left:6%;right:6%}.comic-strip-grid{gap:var(--space-2);grid-template-columns:1fr;display:grid}.comic-strip--n4 .comic-strip-grid,.comic-strip--n3 .comic-strip-grid,.comic-strip--n5 .comic-strip-grid,.comic-strip--n6 .comic-strip-grid{grid-template-columns:1fr 1fr}@media (width<=560px){.comic-strip--n3 .comic-strip-grid,.comic-strip--n4 .comic-strip-grid,.comic-strip--n5 .comic-strip-grid,.comic-strip--n6 .comic-strip-grid{grid-template-columns:1fr}}.comic-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, var(--text) 8%);border-radius:10px;margin:0;overflow:hidden}.comic-panel-art{aspect-ratio:1;background:color-mix(in srgb, var(--surface) 80%, #888 20%);position:relative}.comic-panel-art img{object-fit:cover;width:100%;height:100%;display:block}.comic-panel-skeleton{background:linear-gradient(110deg, color-mix(in srgb, var(--surface) 70%, #999 30%) 20%, color-mix(in srgb, var(--surface) 90%, #fff 10%) 40%, color-mix(in srgb, var(--surface) 70%, #999 30%) 60%);background-size:200% 100%;width:100%;height:100%;animation:1.2s ease-in-out infinite comic-shimmer}@keyframes comic-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.comic-panel-fallback{height:100%;padding:var(--space-3);text-align:center;color:var(--text-muted);place-items:center;font-size:13px;display:grid}.comic-bubble{color:#1a1a1a;background:#fffef8;border:2px solid #1a1a1a;border-radius:14px;max-height:42%;padding:.55rem .7rem;font-size:13px;line-height:1.35;position:absolute;top:8%;left:8%;right:8%;overflow:auto;box-shadow:2px 3px #1a1a1a}.comic-bubble p{margin:0}.comic-bubble-who{opacity:.75;margin-bottom:.2rem;font-size:11px;font-weight:700;display:block}.comic-caption{background:color-mix(in srgb, var(--surface) 88%, var(--text) 12%);border-top:1px solid var(--border);padding:.55rem .7rem;font-size:13px;line-height:1.4}.comic-panel-error{color:var(--text-muted);margin:0;padding:.35rem .7rem .55rem;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}