@font-face{font-family:EnigmaSans;src:local("Avenir Next"),local("Segoe UI Variable");font-display:swap}
:root{--paper:#090a0c;--paper-2:#0e0e0c;--ink:#f4f3ef;--muted:#8e8a82;--line:rgba(244,243,239,0.12);--ember:#e0392c;--ember-dark:#b8281d;--night:#040404;--white:#121210;--success:#3f9b6a;--danger:#e0392c;--radius:14px;--sidebar:218px;color-scheme:dark;font-family:EnigmaSans,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper);scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100dvh;background:var(--paper);color:var(--ink)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--ember) 45%,transparent);outline-offset:2px}
.skip-link{position:fixed;left:12px;top:-60px;z-index:20;background:var(--ink);color:white;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100dvh}
.sidebar{position:sticky;top:0;height:100dvh;padding:22px 14px 16px;background:#e9e0d3;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:4}
.brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px;font-family:Georgia,serif;font-size:20px}.brand-mark,.hero-mark{display:grid;place-items:center;background:transparent;color:var(--ember);font-family:Georgia,serif;font-weight:700}.brand-mark{width:27px;height:27px;border-radius:8px;font-size:14px}.hero-mark{width:56px;height:56px;border-radius:17px;font-size:30px;margin-bottom:18px}
.hero-profile{display:block;width:64px;height:64px;margin:0 auto 20px;border-radius:16px;box-shadow:0 12px 30px rgba(29,25,21,.16)}
.sidebar-new{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--line);background:rgba(255,255,255,.35);border-radius:8px;padding:9px 10px;margin-bottom:12px;text-align:left;font-size:11px;font-weight:700}.sidebar-new span{color:var(--ember);font-size:16px}.sidebar-new kbd{margin-left:auto;font:8px ui-monospace,monospace;color:var(--muted)}.sidebar-new:hover{background:var(--white)}
.nav-list{display:flex;flex-direction:column;gap:2px;overflow:auto;padding-right:2px}.nav-item{border:0;background:transparent;border-radius:8px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:background .2s ease,transform .2s ease}.nav-item span{font-size:13px;font-weight:650}.nav-item small{font:9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#988d81}.nav-item:hover{background:rgba(255,255,255,.55);transform:translateX(2px)}.nav-item:active{transform:translateX(2px) scale(.985)}.nav-item.active{background:var(--ink);color:#fff}.nav-item.active small{color:#d9cfc3}
.sidebar-footer{margin-top:auto;padding:14px 9px 0;border-top:1px solid var(--line)}.sidebar-footer div{display:flex;align-items:center;gap:8px;font-size:12px}.sidebar-footer p{margin:5px 0 0;color:var(--muted);font-size:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 15%,transparent)}
.workspace{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:22px clamp(24px,4vw,64px) 18px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.eyebrow{display:block;font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.16em;color:var(--ember);margin-bottom:7px}.topbar h1{font:500 clamp(22px,2.7vw,34px)/1.05 Georgia,serif;letter-spacing:-.035em;margin:0;text-wrap:balance}.topbar-status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);white-space:nowrap}.privacy-chip{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.35)}
.view{display:none;padding:clamp(28px,5vw,70px) clamp(24px,5vw,76px) 80px;max-width:1520px;width:100%;margin:0 auto;animation:enter .35s cubic-bezier(.2,.8,.2,1)}.view.active{display:block}.view[data-view="chat"].active{display:flex;flex:1;flex-direction:column;padding-bottom:28px;min-height:calc(100dvh - 94px)}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.section-intro{max-width:780px;margin-bottom:36px}.section-intro h2{font:500 clamp(34px,5vw,64px)/.98 Georgia,serif;letter-spacing:-.045em;margin:0 0 16px;text-wrap:balance}.section-intro p{max-width:66ch;color:var(--muted);line-height:1.65;margin:0;font-size:14px}
.chat-stage{flex:1;min-height:360px;display:flex;flex-direction:column;justify-content:center}.empty-state{max-width:840px;margin:auto;text-align:center}.empty-state>p{max-width:610px;margin:0 auto 30px;color:var(--muted);line-height:1.6}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left}.prompt-grid button{display:flex;justify-content:space-between;gap:16px;border:0;background:var(--paper);padding:15px 17px;font-size:12px;transition:background .2s ease}.prompt-grid button:hover{background:var(--white)}.prompt-grid span{color:var(--ember)}
.empty-state .eyebrow{margin-bottom:10px}.empty-state h2{font:500 clamp(38px,5vw,66px)/1 Georgia,serif;letter-spacing:-.045em;margin:0 0 16px;text-wrap:balance}
.message-list{display:flex;flex-direction:column;gap:24px;max-width:900px;width:100%;margin:0 auto}.message{max-width:82%;font-size:14px;line-height:1.65}.message.user{align-self:flex-end;background:var(--paper-2);padding:13px 16px;border-radius:14px 14px 3px 14px}.message.assistant{align-self:flex-start}.message.assistant::before{content:"NO RECORD";display:block;font:700 9px ui-monospace,monospace;color:var(--ember);letter-spacing:.14em;margin-bottom:7px}.message.pending{color:var(--muted)}
.composer{position:sticky;bottom:16px;max-width:980px;width:100%;margin:34px auto 0;background:var(--white);border:1px solid var(--line);border-radius:15px;padding:13px;box-shadow:0 18px 42px rgba(77,57,36,.11)}.composer textarea{width:100%;resize:none;border:0;background:transparent;padding:4px 4px 12px;line-height:1.55;min-height:60px}.composer textarea:focus{outline:0}.composer-tools{display:flex;align-items:center;gap:10px;border-top:1px solid #eee5d9;padding-top:10px}.composer-tools select,.composer-tools button{border:0}.composer-tools select{background:transparent;font-size:11px;font-weight:700}.toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-left:auto}.toggle input{accent-color:var(--ember)}.send-button,.primary-button{border:0;background:var(--ember);color:white;font-weight:750;border-radius:8px;padding:10px 15px;transition:background .2s ease,transform .15s ease}.send-button:hover,.primary-button:hover{background:var(--ember-dark)}.send-button:active,.primary-button:active{transform:scale(.975)}.boundary-line{font-size:9px;color:#9a8f84;margin:9px 3px 0}
.composer-cluster{display:flex;align-items:center;gap:7px;min-width:0}.tool-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);font-size:10px;font-weight:700;padding:7px 8px;border-radius:7px!important;cursor:pointer;white-space:nowrap}.tool-button:hover{background:var(--paper-2);color:var(--ink)}.attachment-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.attachment-list:empty{display:none}.attachment-list span{display:flex;align-items:center;gap:7px;max-width:100%;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 8px 6px 10px;font-size:9px;color:var(--muted)}.attachment-list button{border:0;background:transparent;color:var(--ink);font-size:15px;line-height:1;padding:0;cursor:pointer}.tune-panel{display:grid;grid-template-columns:minmax(220px,1fr) 160px auto;align-items:end;gap:14px;border-top:1px solid #eee5d9;margin-top:10px;padding:12px 3px 2px}.tune-panel[hidden]{display:none}.tune-panel label{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:9px;font-weight:750;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.tune-panel input,.tune-panel select{grid-column:1/-1;width:100%}.tune-panel input{accent-color:var(--ember)}.tune-panel select,.tune-panel button{border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:8px;color:var(--ink);font-size:10px}.tune-panel output{color:var(--ember)}
.large-input,.control-panel textarea{width:100%;min-height:132px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--white);line-height:1.55}.choice-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.choice-row label,.scope-grid label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.35);font-size:11px}.choice-row input,.scope-grid input{accent-color:var(--ember)}.council-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}.council-grid article{background:var(--paper);padding:20px;min-height:180px}.council-grid h3{font:500 20px Georgia,serif;margin:0 0 12px}.council-grid p{color:var(--muted);line-height:1.6;white-space:pre-wrap}
.tool-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:32px;align-items:start}.control-panel{display:flex;flex-direction:column;gap:16px}.control-panel label,.api-create{font-size:10px;font-weight:750;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.control-panel select,.control-panel textarea,.api-create input,.api-create select,.credits-actions input,.browser-bar input,.usage-controls select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:11px;text-transform:none;letter-spacing:normal;color:var(--ink)}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-output{min-height:420px;border:1px dashed #cdbfae;background:rgba(255,255,255,.24);display:grid;place-items:center;padding:16px;border-radius:12px;color:var(--muted);overflow:hidden}.media-output img,.media-output video{max-width:100%;max-height:680px;border-radius:8px}.media-output:has(img),.media-output:has(video){display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.code-layout{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #413a33;background:var(--night);min-height:420px;border-radius:12px;overflow:hidden}.code-layout textarea,.code-layout pre{margin:0;border:0;background:transparent;color:#f4eee4;padding:22px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:none;white-space:pre-wrap;overflow:auto}.code-layout textarea{border-right:1px solid #413a33}.code-layout textarea:focus{outline:2px solid var(--ember);outline-offset:-2px}.code-layout pre{color:#b9d8c5}.action-row{display:flex;gap:10px;margin-top:16px}.danger-button{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));background:transparent;color:var(--danger);border-radius:8px;padding:9px 13px;font-weight:700}.danger-button:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}
.code-agent-bar{display:grid;grid-template-columns:110px 210px minmax(240px,1fr) auto;gap:9px;margin-bottom:14px}.code-agent-bar select,.code-agent-bar input{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:11px;color:var(--ink)}
.browser-bar,.api-create,.credits-actions,.usage-controls{display:flex;gap:9px;align-items:center;margin-bottom:18px}.browser-bar input{margin:0;flex:1}.browser-bar button,.api-create button,.credits-actions button,.usage-controls button,.connector-grid button,.secret-panel button{padding:10px 13px;border-radius:8px;border:1px solid var(--line);background:var(--white);font-weight:700}.browser-bar .primary-button,.api-create .primary-button,.credits-actions .primary-button{background:var(--ember);border-color:var(--ember);color:white}.browser-frame{min-height:600px;border:1px solid var(--line);background:var(--night);border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#ada398}.browser-frame iframe{width:100%;height:680px;border:0;background:#171512}
.connector-grid,.privacy-grid,.model-grid,.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.connector-grid article,.privacy-grid article,.model-card,.metric-grid article{background:var(--paper);padding:22px}.connector-grid span,.privacy-grid span,.metric-grid span,.secret-panel>span,.privacy-receipt>span{font:700 9px ui-monospace,monospace;letter-spacing:.14em;color:var(--ember)}.connector-grid h3,.privacy-grid h3,.model-card h3{font:500 22px/1.1 Georgia,serif;margin:10px 0}.connector-grid p,.privacy-grid p,.model-card p{font-size:12px;line-height:1.6;color:var(--muted)}code{font:11px ui-monospace,Consolas,monospace;word-break:break-all}.connector-grid button{margin-top:14px}
.api-create{display:grid;grid-template-columns:1fr 150px auto}.api-create input,.api-create select{margin:0}.scope-grid{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.secret-panel{background:var(--night);color:white;padding:18px;border-radius:11px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:20px 0}.secret-panel[hidden]{display:none}.secret-panel>span{grid-column:1/-1}.secret-panel code{background:#312b25;padding:11px;border-radius:7px;color:#f8d5c5}.secret-panel button{background:#342d27;color:white;border-color:#51473f}.data-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 3px;border-bottom:1px solid var(--line);align-items:center}.data-row strong{display:block;font-size:12px}.data-row small{color:var(--muted);font-size:10px}.data-row .row-actions{display:flex;gap:6px}.data-row button{border:1px solid var(--line);background:transparent;padding:7px 9px;border-radius:7px;font-size:10px}.status-line{color:var(--muted);font-size:11px;line-height:1.5;min-height:18px}
.model-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px}.model-controls input{flex:1;min-width:180px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:11px}.model-controls>div{display:flex;gap:4px}.model-controls button{border:1px solid var(--line);background:transparent;border-radius:7px;padding:8px 10px;font-size:10px}.model-controls button.active{background:var(--ink);color:white;border-color:var(--ink)}.model-controls span{font-size:10px;color:var(--muted);white-space:nowrap}
.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-card{min-height:180px}.model-card header{display:flex;align-items:start;justify-content:space-between;gap:18px}.model-card small{font:9px ui-monospace,monospace;text-transform:uppercase;color:var(--ember)}.model-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:18px 0 0;font-size:10px}.model-card dt{color:var(--muted)}.model-card dd{margin:0;text-align:right}
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:30px}.metric-grid strong{display:block;font:500 30px Georgia,serif;margin-top:9px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:32px}.usage-grid h3{font:500 22px Georgia,serif}.usage-controls{justify-content:flex-end}.usage-controls select{width:auto;margin:0}.credits-actions input{margin:0;flex:1}.privacy-receipt{margin-top:32px;background:var(--night);color:white;padding:20px;border-radius:11px}.privacy-receipt pre{font:11px/1.6 ui-monospace,monospace;white-space:pre-wrap;color:#d9d0c5}.toast{position:fixed;right:22px;bottom:22px;z-index:10;background:var(--ink);color:white;padding:12px 16px;border-radius:9px;box-shadow:0 15px 40px rgba(0,0,0,.18);font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:none}
.ecosystem-grid,.plan-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ecosystem-grid article,.plan-grid article{background:var(--paper);padding:24px;min-height:210px}
.ecosystem-grid span,.plan-grid span{font:700 9px ui-monospace,monospace;letter-spacing:.14em;color:var(--ember)}
.ecosystem-grid h3,.plan-grid h3{font:500 24px/1.05 Georgia,serif;margin:12px 0}
.ecosystem-grid p,.plan-grid p{font-size:12px;line-height:1.6;color:var(--muted)}
.plan-grid article.current{background:var(--night);color:white}.plan-grid article.current p{color:#c8beb2}
.plan-grid strong{display:block;font:500 28px Georgia,serif;margin:16px 0}.plan-grid button{margin-top:18px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:transparent;color:inherit}
@media(max-width:1100px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ecosystem-grid,.plan-grid{grid-template-columns:1fr}}
.sidebar{background:#07080a}.sidebar-new{background:#101216}.sidebar-new:hover{background:#171a1f}.nav-item:hover{background:rgba(255,255,255,.045)}.nav-item.active{background:var(--ember);color:#130b05}.nav-item.active small{color:#45200a}.topbar{background:color-mix(in srgb,var(--paper) 93%,transparent)}.privacy-chip{background:#111318}.hero-profile{box-shadow:0 14px 34px rgba(255,118,24,.16)}.composer{border-color:#30343a;box-shadow:0 20px 54px rgba(0,0,0,.42)}.composer-tools,.tune-panel{border-top-color:#272a2f}.choice-row label,.scope-grid label{background:#111318}.media-output{border-color:#343840;background:#0c0e11}.send-button,.primary-button,.browser-bar .primary-button,.api-create .primary-button,.credits-actions .primary-button{color:#160c05}.model-controls button.active{background:var(--ember);border-color:var(--ember);color:#160c05}.toast{background:var(--ember);color:#160c05}.boundary-line{color:#77736e}
.brand-mark,.hero-mark{background:#14171b}
.skip-link{background:var(--ember);color:#160c05}
@media(max-width:980px){:root{--sidebar:180px}.topbar{padding-inline:28px}.view{padding-inline:28px}.council-grid,.connector-grid,.privacy-grid{grid-template-columns:1fr}.tool-layout{grid-template-columns:1fr}.media-output{min-height:340px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:sticky;height:auto;padding:12px;top:0;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 3px 10px}.nav-list{flex-direction:row;overflow-x:auto}.nav-item{flex:0 0 auto;gap:9px;padding:8px 11px}.sidebar-footer{display:none}.topbar{position:relative;padding:18px 18px 14px}.topbar-status{display:none}.view{padding:28px 18px 70px}.view[data-view="chat"].active{min-height:calc(100dvh - 170px);padding-bottom:18px}.prompt-grid{grid-template-columns:1fr}.composer{bottom:8px}.composer-tools{flex-wrap:wrap}.toggle{margin-left:0}.send-button{margin-left:auto}.section-intro h2{font-size:40px}.tool-layout,.code-layout,.usage-grid{grid-template-columns:1fr}.code-layout textarea{border-right:0;border-bottom:1px solid #413a33;min-height:280px}.browser-bar,.credits-actions{flex-wrap:wrap}.browser-bar input,.credits-actions input{flex-basis:100%}.browser-frame{min-height:430px}.browser-frame iframe{height:500px}.api-create{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.model-grid{grid-template-columns:1fr}.secret-panel{grid-template-columns:1fr 1fr}.secret-panel code{grid-column:1/-1}}
@media(max-width:720px){.composer-tools{align-items:flex-end;flex-wrap:wrap}.composer-cluster{order:1;width:100%;overflow-x:auto}.toggle{margin-left:0}.send-button{margin-left:auto}.tune-panel{grid-template-columns:1fr}.code-agent-bar{grid-template-columns:1fr 1fr}.code-agent-bar input{grid-column:1/-1}.code-agent-bar button{grid-column:1/-1}.attachment-list span{max-width:calc(100vw - 64px);overflow:hidden}.tool-button{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Dot-parity workspace geometry */
:root{--sidebar:250px}
.sidebar{padding:18px 12px 12px}.brand{padding:0 6px 18px;font-family:EnigmaSans,"Segoe UI",sans-serif;font-size:17px}.brand-mark{width:23px;height:23px;border-radius:7px;font-size:12px}.nav-list{gap:1px}.nav-item{justify-content:flex-start;gap:11px;min-height:39px;padding:8px 9px;border-radius:7px}.nav-item::before{content:"";width:11px;height:11px;flex:0 0 auto;border:1px solid #817c76;border-radius:2px}.nav-item[data-mode="council"]::before{border-radius:50%}.nav-item[data-mode="images"]::before{box-shadow:inset 0 0 0 2px var(--paper)}.nav-item[data-mode="video"]::before{border-radius:1px;border-left-width:3px}.nav-item[data-mode="browser"]::before{border-radius:50%}.nav-item span{font-size:12px;font-weight:560}.nav-item small{display:none}.nav-item:hover{transform:none}.nav-item.active{background:#17191d;color:var(--ink)}.nav-item.active::before{border-color:var(--ember);background:var(--ember)}.sidebar-context{margin-top:auto;padding:18px 3px 0;border-top:1px solid var(--line)}.sidebar-context header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--muted);font-size:10px}.sidebar-context header span{text-transform:lowercase}.sidebar-context header small{font-size:9px}.sidebar-context .sidebar-new{margin:0 0 9px;padding:8px 9px;background:#0d0f12}.sidebar-context p{margin:0;color:#77736e;font-size:9px;line-height:1.5}.sidebar-footer{margin-top:16px}
.topbar{min-height:56px;align-items:center;padding:9px 18px;background:rgba(9,10,12,.92)}.mode-heading .eyebrow{display:none}.topbar h1{font:560 13px/1.2 EnigmaSans,"Segoe UI",sans-serif;letter-spacing:-.01em}.topbar-status{gap:6px}.topbar-status>span,.topbar-status>button{min-height:31px;border:1px solid var(--line);border-radius:7px;background:#101216;padding:7px 10px;color:var(--muted);font-size:9px;font-style:normal}.topbar-status button{cursor:pointer}.topbar-status button:hover{border-color:#484c53;color:var(--ink)}.topbar-status button:active{transform:scale(.98)}.plan-chip{color:var(--ink)!important}.plan-chip i{color:var(--muted);font-style:normal}.route-count{display:none}.workspace{min-height:100dvh}
.view[data-view="chat"].active{min-height:calc(100dvh - 56px);padding:0 34px 20px}.chat-stage{min-height:0}.empty-state{max-width:650px}.hero-profile{width:38px;height:38px;margin-bottom:17px;border-radius:11px;box-shadow:none}.empty-state .eyebrow{margin-bottom:7px}.empty-state h2{font-size:42px;line-height:1.02;margin-bottom:11px}.empty-state>p{margin-bottom:24px;font-size:12px}.empty-state>p strong{color:var(--ink)}.prompt-grid{max-width:620px;margin:0 auto;border-radius:9px;background:transparent;gap:6px;border:0}.prompt-grid button{min-height:43px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#0d0f12;font-size:11px}.privacy-facts{display:grid;gap:5px;margin:15px auto 0;padding:0;list-style:none;color:#77736e;font-size:9px}.privacy-facts li::before{content:"· ";color:var(--ember)}
.composer{bottom:18px;max-width:820px;margin:24px auto 0;padding:7px 10px 8px;border-radius:17px;background:#101216;box-shadow:0 16px 50px rgba(0,0,0,.32)}.composer-input-row{display:flex;align-items:center;gap:8px;min-height:48px}.attach-button{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:8px;color:var(--muted);font-size:19px;cursor:pointer}.attach-button:hover{background:var(--paper-2);color:var(--ink)}.composer textarea{min-height:36px;max-height:120px;padding:8px 2px;line-height:1.5}.composer-tools{min-height:31px;padding:3px 2px 0;border-top:1px solid #24272c}.composer-cluster{gap:5px}.composer-tools select,.tool-button{height:27px;padding:5px 8px;border:0!important;border-radius:6px!important;background:transparent;font-size:9px}.composer-tools select:hover,.tool-button:hover{background:var(--paper-2)}.send-button,.media-send{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;padding:0;border:1px solid #a84916;border-radius:50%;background:#a94b20;color:#fff5ed;font-size:18px}.send-button:hover,.media-send:hover{background:#c35923}.composer-boundary{margin-left:2px;color:#68645f;font-size:8px}.toggle{margin-left:auto}.attachment-list{padding:2px 4px 5px}.tune-panel{margin-top:4px;padding-top:9px}
.view.media-view.active{display:flex;min-height:calc(100dvh - 56px);padding:0 34px 20px;flex-direction:column}.media-workspace{width:min(820px,100%);margin:auto;display:flex;flex:1;flex-direction:column;justify-content:center}.media-hero{text-align:center;margin:0 auto 22px}.media-mark{display:block;width:32px;height:32px;margin:0 auto 14px;border-radius:9px}.media-hero h2{margin:0 0 9px;font:500 39px/1 Georgia,serif;letter-spacing:-.04em}.media-hero p{margin:0;color:var(--muted);font-size:11px}.media-hero small{display:block;margin-top:8px;color:#716d67;font-size:8px}.media-composer,.video-dock{width:min(820px,100%);margin:0 auto}.media-prompt-row{display:flex;align-items:center;gap:8px;min-height:58px;padding:7px 9px;border:1px solid #34373d;border-radius:17px;background:#101216;box-shadow:0 15px 40px rgba(0,0,0,.24)}.media-prompt-row textarea{min-width:0;flex:1;min-height:38px;max-height:110px;padding:9px 4px;border:0;outline:0;resize:none;background:transparent;line-height:1.45}.media-toolbar{display:flex;align-items:center;gap:5px;min-height:38px;padding:4px 10px;color:var(--muted);font-size:9px;overflow-x:auto}.media-toolbar label{display:flex;align-items:center;min-width:0}.media-toolbar label>span{display:none}.media-toolbar select,.mode-token{max-width:230px;height:29px;padding:4px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:9px}.media-toolbar select:hover{border-color:var(--line);background:#101216}.media-cost{margin-left:auto;color:#61b889;white-space:nowrap}.media-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px auto 0;width:min(720px,100%)}.media-suggestions button,.video-suggestions button{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#0d0f12;padding:9px 12px;color:var(--muted);font-size:9px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.media-suggestions button:hover,.video-suggestions button:hover{background:#14171b;color:var(--ink)}.media-output[hidden]{display:none}.media-output:not([hidden]){width:min(940px,100%);min-height:180px;margin:22px auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0c0e11}.media-output:not([hidden]):has(img),.media-output:not([hidden]):has(video){display:flex}.video-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(760px,100%);margin:0 auto}.video-output:not([hidden]){max-height:430px}.video-output video{max-height:390px}.video-dock{position:sticky;bottom:18px;margin-top:18px}.mode-token{display:inline-flex;align-items:center;border:1px solid var(--line)}.reference-name{margin-left:auto;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#77736e}
@media(max-width:980px){:root{--sidebar:200px}.topbar-status .plan-chip{display:none}.view.media-view.active,.view[data-view="chat"].active{padding-inline:24px}.video-suggestions{grid-template-columns:1fr 1fr}.video-suggestions button:last-child{display:none}}
@media(max-width:720px){.sidebar-context{display:none}.topbar{min-height:54px;padding:10px 14px}.topbar-status>button:not(#topNewChat),.topbar-status>span{display:none}.view[data-view="chat"].active,.view.media-view.active{min-height:calc(100dvh - 155px);padding:0 14px 14px}.empty-state{padding:28px 0 16px}.empty-state h2{font-size:37px}.empty-state>p{font-size:11px}.privacy-facts{display:none}.composer{bottom:8px;margin-top:12px}.composer-boundary{display:none}.media-workspace{padding:32px 0 20px}.media-hero h2{font-size:35px}.media-suggestions{grid-template-columns:1fr}.media-suggestions button:nth-child(n+3){display:none}.video-suggestions{grid-template-columns:1fr}.video-suggestions button:nth-child(n+2){display:none}.media-toolbar{padding-inline:2px}.media-toolbar select{max-width:150px}.media-cost,.reference-name{display:none}.video-dock{bottom:8px}.media-output:not([hidden]){margin:10px auto}.prompt-grid{gap:5px}}
.sidebar-new[hidden]{display:none}
.conversation-list{display:flex;max-height:30vh;margin:0 0 10px;padding:0;flex-direction:column;gap:2px;overflow:auto;list-style:none}.conversation-list[hidden]{display:none}.conversation-list li{display:flex;min-width:0;border-radius:6px}.conversation-list li.active{background:#171a1f}.conversation-list li>button:first-child{min-width:0;flex:1;overflow:hidden;border:0;background:transparent;padding:7px 8px;color:var(--muted);font-size:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.conversation-list li.active>button:first-child,.conversation-list li>button:first-child:hover{color:var(--ink)}.conversation-delete{width:28px;flex:0 0 auto;border:0;background:transparent;color:#696660;font-size:14px}.conversation-delete:hover{color:var(--danger)}
.media-output:has(.gallery-item){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:12px;padding:12px}.gallery-item{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#0d0f12}.gallery-item img,.gallery-item video{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#050608}.gallery-item footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;color:var(--muted);font-size:8px}.gallery-item footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-item footer button{border:0;background:transparent;color:var(--muted);font-size:8px;text-transform:uppercase}.gallery-item footer button:hover{color:var(--danger)}
.settings-dialog{width:min(600px,calc(100vw - 28px));padding:0;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);box-shadow:0 28px 90px rgba(0,0,0,.55)}.settings-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}.settings-panel{display:flex;flex-direction:column;gap:0}.settings-panel>header,.settings-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.settings-panel>header{border-bottom:1px solid var(--line)}.settings-panel>header h2{margin:0;font:500 27px Georgia,serif}.dialog-close{width:32px;height:32px;border:0;border-radius:7px;background:var(--paper-2);color:var(--muted);font-size:20px}.settings-panel>label,.settings-panel>section{display:block;margin:0;padding:18px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-panel select{display:block;width:100%;margin-top:9px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:11px;color:var(--ink);text-transform:none}.settings-panel section h3{margin:7px 0;font-size:14px;color:var(--ink);letter-spacing:0;text-transform:none}.settings-panel section p{margin:0 0 14px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.55;letter-spacing:0;text-transform:none}.settings-panel section button:not(.danger-button),.settings-panel>footer button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.settings-panel>footer code{color:var(--muted);font-size:9px}
.privacy-checker{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);gap:16px;margin:28px 0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.privacy-checker h3{margin:0 0 8px;font:500 24px Georgia,serif}.privacy-checker p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.privacy-checker textarea{min-height:130px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:12px;line-height:1.5}.privacy-checker>.primary-button{grid-column:2;justify-self:start}.privacy-check-results{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line)}.privacy-check-results article{min-width:0;background:var(--paper);padding:14px}.privacy-check-results span{color:var(--muted);font-size:8px}.privacy-check-results pre{max-height:220px;margin:10px 0 0;overflow:auto;color:var(--ink);font:11px/1.55 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}.privacy-checker>.privacy-receipt{grid-column:1/-1;margin:0}
html[data-theme="light"]{--paper:#f4efe8;--paper-2:#e8ded1;--ink:#211d18;--muted:#70685f;--line:#d4c7b8;--night:#15120f;--white:#fffaf3;color-scheme:light}html[data-theme="light"] .sidebar{background:#e9e0d3}html[data-theme="light"] .topbar{background:rgba(244,239,232,.92)}html[data-theme="light"] .topbar-status>span,html[data-theme="light"] .topbar-status>button,html[data-theme="light"] .composer,html[data-theme="light"] .media-prompt-row,html[data-theme="light"] .video-dock{background:#fffaf3}html[data-theme="light"] .nav-item.active{color:#fff}html[data-theme="light"] .conversation-list li.active{background:#ddd1c2}html[data-theme="light"] .gallery-item{background:#fffaf3}
@media(max-width:720px){.privacy-checker{grid-template-columns:1fr;padding:16px}.privacy-checker>.primary-button{grid-column:1}.privacy-check-results{grid-template-columns:1fr}}
.council-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.council-seats article{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--white);padding:14px}.council-seats label{display:block;color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.council-seats select{display:block;width:100%;margin:8px 0;border:0;background:transparent;color:var(--ink);font-size:12px;font-weight:700;text-transform:none}.council-seats small{display:block;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.council-action{display:flex;align-items:center;gap:14px}.council-action span{color:var(--muted);font-size:9px}.council-grid article>small{display:block;margin:-8px 0 16px;color:var(--muted);font-size:8px}
.model-controls{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(135px,.6fr));gap:8px;align-items:center;margin-bottom:16px}.model-controls>input,.model-controls>select{min-width:0;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:0 11px}.model-kind-tabs{display:flex;grid-column:1/-1;gap:5px}.model-kind-tabs button{border:1px solid var(--line);border-radius:999px;background:var(--white);padding:7px 11px;color:var(--muted);font-size:9px}.model-kind-tabs button.active{border-color:var(--ember);background:var(--ember);color:#1b0c03}.favorite-filter{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.favorite-filter input{accent-color:var(--ember)}#modelSummary{justify-self:end;color:var(--muted);font-size:9px}.model-card.favorite{border-color:color-mix(in srgb,var(--ember) 55%,var(--line))}.model-card-actions{display:flex;align-items:center;gap:5px}.model-card-actions button{border:1px solid var(--line);border-radius:6px;background:transparent;padding:5px 7px;color:var(--muted);font-size:8px}.model-card-actions button[aria-pressed="true"]{border-color:var(--ember);color:var(--ember)}.compare-tray{margin:0 0 18px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.compare-tray>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.compare-tray>header div{display:flex;align-items:center;gap:9px}.compare-tray>header span{color:var(--ember);font-size:8px;letter-spacing:.1em}.compare-tray>header strong{font-size:10px}.compare-tray>header button{border:0;background:transparent;color:var(--muted);font-size:9px}.compare-tray>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.compare-tray article{min-width:0;background:var(--paper);padding:14px}.compare-tray h3{margin:0 0 12px;font:500 16px Georgia,serif}.compare-tray dl{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px;margin:0;font-size:8px}.compare-tray dt{color:var(--muted);text-transform:uppercase}.compare-tray dd{margin:0;overflow-wrap:anywhere}
@media(max-width:980px){.model-controls{grid-template-columns:1fr 1fr}.council-seats{grid-template-columns:1fr}.compare-tray>div{grid-template-columns:1fr}}@media(max-width:720px){.model-controls{grid-template-columns:1fr}.model-kind-tabs{overflow:auto}.favorite-filter,#modelSummary{justify-self:start}.council-action{align-items:flex-start;flex-direction:column}}
.settings-dialog{max-height:calc(100dvh - 28px);overflow:auto}.sync-settings .status-line{margin:10px 0 12px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:9px;text-transform:none;letter-spacing:0}.sync-actions{display:flex;flex-wrap:wrap;gap:7px}.sync-actions button{font-size:9px}.sync-recover{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:10px}.sync-recover input{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:9px;color:var(--ink);font:9px ui-monospace,monospace;text-transform:none;letter-spacing:0}.sync-recover button{border:1px solid var(--line);border-radius:7px;background:var(--white);padding:9px;font-size:9px}.sync-settings .secret-panel{margin-top:10px;padding:12px}.sync-settings .secret-panel code{display:block;max-height:90px;overflow:auto;overflow-wrap:anywhere;font-size:8px;text-transform:none;letter-spacing:0}@media(max-width:560px){.sync-recover{grid-template-columns:1fr}.sync-actions button{flex:1 1 42%}}
.code-agent-bar{grid-template-columns:110px 120px 210px minmax(220px,1fr) auto}.action-row>button{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:9px 13px;font-weight:700}.action-row>.primary-button{border-color:var(--ember);background:var(--ember);color:#1b0c03}.action-row>.danger-button{background:transparent}@media(max-width:980px){.code-agent-bar{grid-template-columns:1fr 1fr}.code-agent-bar input{grid-column:1/-1}.code-agent-bar button{grid-column:1/-1}.action-row{flex-wrap:wrap}}
.connector-add{display:grid;grid-template-columns:180px minmax(240px,1fr) minmax(200px,.7fr) auto;gap:8px}.connector-add input{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:11px}.connector-add button{white-space:nowrap}.inbound-connectors{margin-top:28px}.connector-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:18px}.connector-tool{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--white);padding:14px}.connector-tool h3{margin:0 0 7px;font:500 17px Georgia,serif}.connector-tool p{min-height:34px;color:var(--muted);font-size:10px;line-height:1.5}.connector-tool textarea{width:100%;min-height:90px;resize:vertical;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:9px;font:10px/1.5 ui-monospace,monospace}.connector-tool button{margin-top:8px;border:1px solid var(--ember);border-radius:7px;background:var(--ember);padding:8px 10px;color:#1b0c03;font-size:9px;font-weight:700}.connector-tool pre{max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:9px/1.5 ui-monospace,monospace}@media(max-width:980px){.connector-add{grid-template-columns:1fr 1fr}.connector-add button{grid-column:1/-1}}@media(max-width:620px){.connector-add{grid-template-columns:1fr}}

/* No Record Loom */
.nav-item[data-mode="loom"]::before{border-color:var(--ember);transform:rotate(45deg)}
.loom-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:18px;align-items:start}
.loom-compose,.loom-receipt,.loom-final{border:1px solid var(--line);border-radius:12px;background:var(--white)}
.loom-compose{padding:20px}.loom-compose header h3{margin:0 0 16px;font:560 22px/1.1 EnigmaSans,"Segoe UI",sans-serif;letter-spacing:-.025em}
.loom-compose textarea{display:block;width:100%;min-height:156px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:14px;color:var(--ink);line-height:1.6}
.loom-controls{display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.loom-controls label{color:var(--muted);font:700 8px/1.2 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.loom-controls select{display:block;width:100%;min-width:0;margin-top:6px;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:10px;color:var(--ink);font-size:10px;text-transform:none}
.loom-action{display:flex;align-items:center;gap:12px;margin-top:14px}.loom-action span{color:var(--muted);font-size:10px}
.loom-receipt{position:sticky;top:84px;padding:18px}.loom-receipt pre{max-height:310px;margin:0;overflow:auto;white-space:pre-wrap;color:var(--muted);font:10px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}
.loom-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.loom-steps article{min-width:0;border-top:1px solid var(--line);padding:15px 2px}.loom-steps header{display:flex;align-items:center;justify-content:space-between;gap:12px}.loom-steps strong{text-transform:uppercase;color:var(--ember);font:750 9px/1.2 ui-monospace,monospace;letter-spacing:.12em}.loom-steps small{color:var(--muted);font:9px ui-monospace,monospace}.loom-steps p{margin:12px 0 0;white-space:pre-wrap;font-size:12px;line-height:1.65}
.loom-final{margin-top:16px;padding:20px;border-color:color-mix(in srgb,var(--ember) 50%,var(--line))}.loom-final>span{color:var(--ember);font:750 9px ui-monospace,monospace;letter-spacing:.12em}.loom-final p{margin:12px 0 0;white-space:pre-wrap;font-size:14px;line-height:1.7}
@media(max-width:980px){.loom-layout{grid-template-columns:1fr}.loom-receipt{position:static}.loom-controls{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.loom-controls,.loom-steps{grid-template-columns:1fr}.loom-action{align-items:flex-start;flex-direction:column}.loom-compose{padding:15px}}

.code-context-bar{display:flex;align-items:center;gap:10px;margin:-4px 0 14px;color:var(--muted);font-size:11px}.code-context-bar input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.code-context-bar .file-button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:9px 12px;color:var(--ink);font-weight:700}.code-artifacts{display:grid;gap:10px;margin-top:16px}.code-artifacts article{border:1px solid var(--line);border-radius:10px;background:var(--white);padding:14px}.code-artifacts header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.code-artifacts strong{font:700 10px ui-monospace,monospace;letter-spacing:.08em}.code-artifacts small{color:var(--muted)}.code-artifacts pre{max-height:180px;overflow:auto;margin:0;padding:10px;border-radius:7px;background:var(--night);color:#f4eee4;font:11px/1.5 ui-monospace,monospace;white-space:pre-wrap}.code-artifacts iframe{width:100%;min-height:220px;border:1px solid var(--line);border-radius:7px;background:#fff}
@media(max-width:720px){.code-context-bar{align-items:flex-start;flex-direction:column}.code-artifacts header{align-items:flex-start;flex-direction:column}}

.code-queue-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px}.code-queue-bar button{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:9px 12px;font-weight:700}.code-queue-bar span{color:var(--muted);font-size:11px}.code-queue,.code-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:0 0 14px}.code-queue article,.code-assets article{display:grid;gap:7px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--white)}.code-queue header,.code-assets header{display:flex;justify-content:space-between;gap:8px}.code-queue small,.code-assets small{color:var(--muted)}.code-queue button,.code-assets button{justify-self:start;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:7px 9px;font-weight:700}.code-assets img{width:100%;height:120px;object-fit:cover;border-radius:6px;background:var(--night)}

.cooldown-banner{position:sticky;top:64px;z-index:8;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 18px;border-bottom:1px solid #77432f;background:#2a160f;color:#ffd4c6;font:12px ui-monospace,monospace}.cooldown-banner[hidden]{display:none}.cooldown-banner strong{color:#ff775d;text-transform:uppercase;letter-spacing:.08em}

/* Premium No Record overlays */
@keyframes norecord-modal-in{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes norecord-toast-in{from{opacity:0;transform:translate(-50%,14px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.settings-dialog,.confirm-dialog{padding:6px;border:0;border-radius:30px;background:rgba(255,255,255,.075);color:#f4f0e9;box-shadow:0 48px 140px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.16);overflow:visible}
.settings-dialog[open],.confirm-dialog[open]{animation:norecord-modal-in 480ms cubic-bezier(.16,1,.3,1)}
.settings-dialog::backdrop,.confirm-dialog::backdrop{background:rgba(2,3,4,.82);backdrop-filter:blur(14px) saturate(.72)}
.settings-dialog{width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - 36px)}
.settings-panel{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(340px,1.28fr);gap:10px;padding:10px;border-radius:24px;background:#0b0c0e;box-shadow:inset 0 1px 0 rgba(255,255,255,.075);overflow:auto;max-height:calc(100dvh - 48px)}
.settings-panel>header,.settings-panel>footer{grid-column:1/-1;border:0;padding:22px 24px}
.settings-panel>header{align-items:flex-start}
.settings-panel>header h2{margin:5px 0 0;font:500 clamp(31px,4vw,42px)/1 Georgia,serif;letter-spacing:-.045em}
.settings-panel>header .eyebrow{color:#f26653}
.dialog-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#14161a;color:#d8d2c9;font-size:22px;cursor:pointer;transition:transform 420ms cubic-bezier(.16,1,.3,1),background 420ms cubic-bezier(.16,1,.3,1),border-color 420ms cubic-bezier(.16,1,.3,1)}
.dialog-close:hover{border-color:rgba(224,57,44,.55);background:#1b1717;transform:rotate(4deg) scale(1.04)}
.dialog-close:active{transform:scale(.96)}
.settings-panel>label,.settings-panel>section{margin:0;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#101216;padding:22px;color:#8f8b84;font-size:9px;letter-spacing:.13em}
.settings-panel>label{grid-column:1/-1}
.settings-panel>section{min-height:220px}
.settings-panel>section.sync-settings{grid-column:2}
.settings-panel section h3{margin:9px 0 10px;color:#f4f0e9;font-size:17px;letter-spacing:-.012em}
.settings-panel section p{color:#a9a49c;font-size:12px;line-height:1.7}
.settings-panel select,.sync-settings .status-line,.sync-recover input{border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#08090b;color:#f4f0e9;padding:13px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.settings-panel button:not(.dialog-close){min-height:40px;border-radius:12px;padding:10px 14px;transition:transform 340ms cubic-bezier(.16,1,.3,1),background 340ms cubic-bezier(.16,1,.3,1),border-color 340ms cubic-bezier(.16,1,.3,1)}
.settings-panel button:not(.dialog-close):hover{transform:translateY(-1px)}
.settings-panel button:not(.dialog-close):active{transform:scale(.975)}
.settings-panel>footer{padding-top:14px}
.settings-panel>footer code{font-size:10px;color:#77736d}
.settings-panel>footer .primary-button{min-width:108px;background:#e24a38;color:#110604;border-color:#e24a38}
.sync-actions{gap:8px}.sync-actions button{font-size:10px}
.confirm-dialog{width:min(520px,calc(100vw - 32px))}
.confirm-shell{padding:30px;border-radius:24px;background:#0b0c0e;box-shadow:inset 0 1px 0 rgba(255,255,255,.075)}
.confirm-shell>header{display:flex;align-items:center;gap:10px}.confirm-mark{color:#e44735;font:700 16px ui-monospace,monospace}.confirm-shell h2{margin:28px 0 12px;font:500 clamp(30px,5vw,42px)/1.06 Georgia,serif;letter-spacing:-.045em}.confirm-shell p{margin:0;color:#aaa59d;font-size:13px;line-height:1.7}.confirm-shell footer{display:flex;justify-content:flex-end;gap:9px;margin-top:30px}.confirm-shell button{min-height:44px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#15171a;padding:11px 16px;color:#eee9e1;font-weight:700;cursor:pointer;transition:transform 340ms cubic-bezier(.16,1,.3,1),background 340ms cubic-bezier(.16,1,.3,1)}.confirm-shell button:hover{transform:translateY(-1px)}.confirm-shell button:active{transform:scale(.975)}.confirm-shell .danger-button{border-color:#d94a3a;background:#d94a3a;color:#170705}
.tune-panel{margin-top:10px;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px;background:#0b0d10!important;padding:16px;box-shadow:0 22px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.07)}
.tune-panel:not([hidden]){animation:norecord-modal-in 380ms cubic-bezier(.16,1,.3,1)}
.tune-panel label{color:#8f8b84!important;letter-spacing:.11em}.tune-panel select,.tune-panel input{min-height:38px;border:1px solid rgba(255,255,255,.1)!important;border-radius:11px!important;background:#15171a!important;color:#f4f0e9!important}
.secret-panel{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0b0d10;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)}
.secret-panel:not([hidden]){animation:norecord-modal-in 420ms cubic-bezier(.16,1,.3,1)}
.secret-panel code{border:1px solid rgba(255,255,255,.08);border-radius:11px!important;background:#15171a!important}
.toast{position:fixed;left:50%;bottom:26px;z-index:30;width:max-content;max-width:min(520px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#111317;padding:13px 17px;color:#f4f0e9;box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08);font-size:12px;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,14px)}
.toast.show{animation:norecord-toast-in 380ms cubic-bezier(.16,1,.3,1) forwards}
@media(max-width:700px){.settings-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.settings-panel{grid-template-columns:1fr;max-height:calc(100dvh - 30px);padding:7px}.settings-panel>header,.settings-panel>footer,.settings-panel>label,.settings-panel>section,.settings-panel>section.sync-settings{grid-column:1}.settings-panel>header{padding:18px}.settings-panel>section{min-height:0}.confirm-shell{padding:24px 20px}.confirm-shell footer{flex-direction:column-reverse}.confirm-shell button{width:100%}}

/* Sidebar project search & filter */
.sidebar-filter{width:100%;margin-bottom:8px;border:1px solid var(--line);border-radius:7px;background:#101216;padding:7px 9px;color:#f4f0e9;font-size:10px}
.sidebar-filter[hidden]{display:none}

/* Media Config Dialogs & Buttons */
.media-config-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);background:#14161a;color:#f4f0e9;font-size:11px;font-weight:600;padding:7px 12px;border-radius:9px;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.media-config-trigger:hover{background:#1a1d22;border-color:rgba(224,57,44,.4)}
.media-config-trigger small{color:#aaa49c;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.config-icon{color:var(--ember);font-size:12px}
.media-config-dialog{width:min(720px,calc(100vw - 28px))}
.media-config-panel{grid-template-columns:1fr 1fr}
.media-config-models,.media-config-params{min-height:200px}
.route-retention-note{margin-top:12px;padding:10px 12px;border-radius:9px;background:#08090b;border:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:10px;line-height:1.5}
.config-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.config-field-grid .full-width{grid-column:1/-1}

/* Code Project Overview Header */
.code-project-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.code-project-title-row{display:flex;align-items:center;gap:10px;margin:3px 0 5px}
.code-project-title-row h3{margin:0;font:500 20px Georgia,serif}
.project-language-badge{display:inline-block;font:700 9px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.code-project-metrics{display:flex;gap:12px}
.code-project-metrics article{min-width:90px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.code-project-metrics span{display:block;font:700 8px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}
.code-project-metrics strong{display:block;font:500 16px Georgia,serif;color:var(--ink);margin-top:2px}

/* Split-Pane Connector Manager */
.connector-split-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:20px;align-items:start}
.connector-pane-left,.connector-detail-card{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:20px}
.pane-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.pane-header h3{margin:0;font:500 18px Georgia,serif}
.connector-nav-list{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}
.connector-nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);cursor:pointer;transition:border-color .2s ease,background .2s ease}
.connector-nav-item:hover{background:var(--paper-2);border-color:rgba(255,255,255,.18)}
.connector-nav-item.active{border-color:var(--ember);background:#15181d}
.connector-nav-item strong{font-size:12px;display:block}
.connector-nav-item small{color:var(--muted);font-size:9px}
.inbound-connector-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);margin-bottom:20px}
.inbound-connector-card h3{margin:6px 0 8px;font:500 16px Georgia,serif}
.inbound-connector-card p{margin:6px 0;font-size:11px;color:var(--muted)}
.inbound-connector-card small{font-size:9px;color:#716d67}
.endpoint-copy-row{display:flex;align-items:center;gap:8px;margin:8px 0}
.endpoint-copy-row code{flex:1;padding:6px 8px;background:var(--night);border-radius:6px;border:1px solid var(--line);color:#f4efe8}
.endpoint-copy-row button{padding:6px 10px;font-size:10px;border-radius:6px;border:1px solid var(--line);background:var(--white)}
.roadmap-integrations{display:flex;flex-direction:column;gap:8px}
.roadmap-item.disabled{padding:10px 12px;border:1px dashed var(--line);border-radius:8px;background:rgba(255,255,255,.02);opacity:.65}
.roadmap-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.badge-disabled{font:700 8px ui-monospace,monospace;color:var(--muted);background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;text-transform:uppercase}
.connector-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.connector-detail-header h3{margin:4px 0 0;font:500 22px Georgia,serif}
.status-badge{font:700 9px ui-monospace,monospace;letter-spacing:.08em;color:var(--success);padding:4px 8px;border-radius:6px;background:rgba(63,155,106,.1);border:1px solid rgba(63,155,106,.2);text-transform:uppercase}
.connector-add-form{display:flex;flex-direction:column;gap:14px}
.connector-add-form label span,.active-token-row label span{display:block;font:700 9px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
.connector-add-form input,.active-token-row input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}
.form-actions{display:flex;align-items:center;gap:14px;margin-top:6px}
.form-hint{font-size:10px;color:var(--muted)}
.active-endpoint-display{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);margin-bottom:14px}
.active-endpoint-display code{display:block;margin-top:4px;color:var(--ink);font-size:12px}
.active-token-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:16px}
.active-token-row label{flex:1}
.active-token-row button{height:39px;white-space:nowrap}
.active-actions-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}

/* Rich API Console Layout */
.api-console-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);gap:24px;align-items:start}
.api-console-left,.api-console-right{display:flex;min-width:0;flex-direction:column;gap:20px}
.api-quickstart-card,.api-registry-card,.api-models-card{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:20px}
.quickstart-header,.registry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.quickstart-header h3,.registry-header h3{margin:4px 0 0;font:500 18px Georgia,serif}
.api-quickstart-card pre{margin:0;padding:14px 16px;border-radius:10px;background:var(--night);border:1px solid var(--line);overflow-x:auto;font:11px/1.65 ui-monospace,monospace;color:#f4eee4}
.badge-live{font:700 8px ui-monospace,monospace;letter-spacing:.08em;color:var(--ember);background:rgba(224,57,44,.1);padding:3px 7px;border-radius:6px;border:1px solid rgba(224,57,44,.2);text-transform:uppercase}
.endpoint-list{display:flex;flex-direction:column;gap:10px}
.endpoint-card{border:1px solid var(--line);border-radius:9px;background:var(--paper);overflow:hidden;transition:border-color .2s ease}
.endpoint-card:hover{border-color:rgba(255,255,255,.2)}
.endpoint-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;user-select:none}
.endpoint-method{font:700 10px ui-monospace,monospace;padding:3px 6px;border-radius:4px;text-transform:uppercase}
.endpoint-method.get{background:rgba(63,155,106,.2);color:#5fd695;border:1px solid rgba(63,155,106,.3)}
.endpoint-method.post{background:rgba(224,57,44,.2);color:#ff775d;border:1px solid rgba(224,57,44,.3)}
.endpoint-method.put{background:rgba(255,165,0,.2);color:#ffb84d;border:1px solid rgba(255,165,0,.3)}
.endpoint-path{font:600 12px ui-monospace,monospace;color:var(--ink);flex:1}
.endpoint-auth{font:700 8px ui-monospace,monospace;color:var(--muted);text-transform:uppercase}
.endpoint-details{padding:0 14px 14px;border-top:1px solid var(--line)}
.endpoint-details p{margin:10px 0 8px;font-size:11px;color:var(--muted);line-height:1.5}
.endpoint-details pre{margin:0;padding:10px 12px;border-radius:7px;background:var(--night);border:1px solid var(--line);overflow-x:auto;font:10px/1.55 ui-monospace,monospace;color:#e8ded1}
.api-model-table-wrap{overflow-x:auto}
.api-model-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}
.api-model-table th,.api-model-table td{padding:9px 10px;border-bottom:1px solid var(--line)}
.api-model-table th{font:700 8px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.api-model-table code{font-size:11px;color:var(--ink)}

/* Model Registry Table View */
.model-view-toggle{display:flex;gap:2px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--white)}
.model-view-toggle button{border:0;background:transparent;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:600;color:var(--muted);cursor:pointer}
.model-view-toggle button.active{background:var(--ember);color:#120b06}
.model-table-container{border:1px solid var(--line);border-radius:12px;background:var(--white);overflow-x:auto}
.model-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}
.model-table th,.model-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.model-table th{font:700 8px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;background:var(--paper)}
.model-table tbody tr:hover{background:var(--paper-2)}
.model-table-name{display:flex;align-items:center;gap:8px}
.model-table-name strong{font-size:12px}
.model-table-name small{display:block;font:9px ui-monospace,monospace;color:var(--muted)}
.modality-pill{display:inline-block;font:700 8px ui-monospace,monospace;letter-spacing:.08em;padding:2px 6px;border-radius:4px;text-transform:uppercase}
.modality-pill.text{background:rgba(100,160,255,.15);color:#89b4fa;border:1px solid rgba(100,160,255,.25)}
.modality-pill.image{background:rgba(230,130,230,.15);color:#f5c2e7;border:1px solid rgba(230,130,230,.25)}
.modality-pill.video{background:rgba(255,160,100,.15);color:#fab387;border:1px solid rgba(255,160,100,.25)}
.health-pill{display:inline-block;font:700 8px ui-monospace,monospace;padding:2px 6px;border-radius:4px;text-transform:uppercase}
.health-pill.eligible{color:var(--success);background:rgba(63,155,106,.15)}
.health-pill.disabled{color:var(--danger);background:rgba(224,57,44,.15)}

/* Infrastructure Honesty Blockers Card */
.infrastructure-blockers-card{margin-top:24px;border:1px solid var(--line);border-radius:14px;background:var(--white);padding:24px}
.blocker-header h3{margin:4px 0 6px;font:500 20px Georgia,serif}
.blocker-header p{margin:0 0 16px;color:var(--muted);font-size:12px}
.blocker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.blocker-item{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
.blocker-item strong{display:block;font-size:12px;color:var(--ember);margin-bottom:4px}
.blocker-item span{font-size:10px;color:var(--muted);line-height:1.5}

/* Responsive adjustments */
@media(max-width:980px){
  .connector-split-layout,.api-console-layout{grid-template-columns:1fr}
  .code-project-header{flex-direction:column;align-items:flex-start}
  .code-project-metrics{width:100%;overflow-x:auto}
  .media-config-panel{grid-template-columns:1fr}
}