@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#090a0a;--surface:#111311;--elevated:#181c18;--text:#f4f5ef;--muted:#8d958c;--line:#293029;--accent:#d4f36b;--accent-ink:#11150a;--radius:4px;--sans:'Manrope',system-ui,sans-serif;--mono:'DM Mono',monospace}
html[data-theme=fern]{--bg:#10231d;--surface:#173128;--elevated:#204136;--text:#f1f5e9;--muted:#a6b7a5;--line:#355347;--accent:#c8e6b8;--accent-ink:#122318}html[data-theme=eclipse]{--bg:#0c1220;--surface:#121b2b;--elevated:#1a2638;--text:#eef4fb;--muted:#94a7ba;--line:#2a3b50;--accent:#9be4ec;--accent-ink:#08171d}html[data-theme=paper]{--bg:#f1eee7;--surface:#fbfaf7;--elevated:#e7e1d6;--text:#20251f;--muted:#687067;--line:#d5cec1;--accent:#1f5b46;--accent-ink:#f6fbf4}html[data-theme=fusion]{--bg:#100d19;--surface:#19142a;--elevated:#241d3a;--text:#f2effb;--muted:#aaa0c2;--line:#392e51;--accent:#c6b5ff;--accent-ink:#171027}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.rail{position:fixed;inset:0 auto 0 0;width:68px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:18px 10px;gap:12px;background:var(--bg);z-index:2}.mark{font-weight:700;font-size:22px;letter-spacing:-.12em;color:var(--text);text-decoration:none;margin-bottom:24px}.mark span{color:var(--accent)}.rail-btn,.avatar,.icon-btn{border:0;background:transparent;color:var(--muted);width:36px;height:36px;border-radius:4px}.rail-btn:hover,.rail-btn.active,.icon-btn:hover{background:var(--elevated);color:var(--text)}.rail-spacer{flex:1}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 104px}.crumb{font:12px var(--mono);color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.top-actions{display:flex;align-items:center;gap:16px}.quiet,.text-btn{border:0;background:none;color:var(--muted);font-size:13px}.quiet:hover,.text-btn:hover{color:var(--text)}.avatar{background:var(--elevated);color:var(--text);font-size:12px}.view{display:none;max-width:1320px;margin:0 auto;padding:92px 70px 100px}.view.active{display:block}.hero-copy{max-width:920px}.eyebrow,.panel-kicker{font:500 11px var(--mono);letter-spacing:.12em;color:var(--muted)}h1,h2,p{margin-top:0}h1{font-size:clamp(50px,7.5vw,112px);line-height:.9;letter-spacing:-.085em;margin:22px 0 28px;font-weight:600}h1 em{font-style:normal;color:var(--accent)}h2{font-size:18px;letter-spacing:-.03em;margin:10px 0}.lede{color:var(--muted);font-size:16px;line-height:1.65;max-width:470px}.url-form{display:flex;align-items:center;gap:14px;max-width:930px;margin:72px 0 16px;padding:0 0 12px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.url-form:focus-within{border-color:var(--accent)}.url-icon{font-size:22px;color:var(--muted)}input,textarea,select{background:transparent;border:0;outline:0}input{width:100%;font-size:16px}.url-form button,.primary{border:0;background:var(--accent);color:var(--accent-ink);padding:10px 14px;border-radius:4px;font-weight:700;white-space:nowrap}.quick-row{display:flex;align-items:center;gap:12px;color:var(--muted);font:12px var(--mono);overflow:auto}.chip{border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:7px 0;color:var(--muted);white-space:nowrap}.chip:hover{border-color:var(--accent);color:var(--text)}.workspace-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:1px;margin-top:84px;background:var(--line);border:1px solid var(--line)}.panel{background:var(--surface);border:0;border-radius:0;padding:28px;min-height:220px}.welcome{background:var(--surface)}.panel p{color:var(--muted);font-size:13px;line-height:1.7}.panel-head{display:flex;align-items:start;justify-content:space-between}.badge{font:11px var(--mono);color:var(--muted);border:1px solid var(--line);padding:5px 8px;border-radius:999px}.empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty span{font-size:28px;color:var(--line)}.empty p{margin:8px 0 2px}.empty small{font-size:11px}.tab-row,.endpoint{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px;border-radius:4px;margin-top:22px;font-size:12px}.tab-favicon{width:22px;height:22px;display:grid;place-items:center;border-radius:4px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700}.tab-url{color:var(--muted);margin-left:auto;font:11px var(--mono)}.close-tab{border:0;background:none;color:var(--muted)}.tab-status{color:var(--muted);font-size:11px;margin-top:18px;display:flex;align-items:center;gap:8px}.chat-layout,.link-grid{display:grid;grid-template-columns:260px 1fr;gap:18px}.chat-sidebar{border-right:1px solid var(--line);padding-right:20px}.new-chat{width:100%;margin:18px 0;padding:11px;border:1px solid var(--line);background:var(--elevated);border-radius:4px;text-align:left}.conversation{padding:13px 10px;border-radius:4px;font-size:13px;color:var(--muted)}.conversation.active,.conversation:hover{background:var(--surface);color:var(--text)}.conversation span{display:block;font:10px var(--mono);margin-top:5px;color:var(--muted)}.chat-main{min-height:560px;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.chat-header select,.form-panel select{border:1px solid var(--line);border-radius:4px;padding:8px;background:var(--surface);font-size:12px}.messages{flex:1;padding:28px 8px}.message{max-width:680px;margin-bottom:28px}.message.user{margin-left:auto;text-align:right}.message p{line-height:1.7;color:var(--muted);font-size:14px}.message-label{font:10px var(--mono);color:var(--accent)}.composer{display:flex;gap:10px;border:1px solid var(--line);border-radius:4px;padding:10px;background:var(--surface)}.composer textarea{flex:1;resize:none;line-height:1.5}.composer button{border:0;background:var(--accent);color:var(--accent-ink);border-radius:4px;width:34px;height:34px}.disclaimer{font:10px var(--mono);color:var(--muted);margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading h1{font-size:56px;margin-bottom:12px}.form-panel{display:flex;flex-direction:column;gap:22px}.form-panel label{font:11px var(--mono);color:var(--muted);display:grid;gap:8px}.form-panel input,.form-panel select{border:1px solid var(--line);padding:13px;border-radius:4px;color:var(--text);width:100%}.form-panel .primary{align-self:start}.notice{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;line-height:1.5}.notice span{color:var(--accent)}.endpoint-panel h2{margin-bottom:24px}.endpoint div{flex:1}.endpoint small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.muted{background:var(--muted);box-shadow:none}.theme-popover{position:fixed;right:20px;bottom:20px;width:220px;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:14px;z-index:4}.theme-popover button{display:grid;grid-template-columns:18px 1fr;gap:0 8px;width:100%;padding:10px 6px;border:0;background:none;text-align:left;color:var(--text);font-size:12px;border-radius:4px}.theme-popover button:hover{background:var(--elevated)}.theme-popover small{grid-column:2;color:var(--muted);font-size:10px;margin-top:2px}.theme-popover i{grid-row:1/3;width:12px;height:12px;border-radius:50%;background:var(--accent);margin-top:2px}@media(max-width:800px){.rail{width:52px}.topbar{padding-left:76px;padding-right:16px}.view{padding:54px 22px 80px}.workspace-grid,.link-grid,.chat-layout{grid-template-columns:1fr}.chat-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}.workspace-grid{margin-top:40px}.section-heading{align-items:start;gap:20px;flex-direction:column}.section-heading h1{font-size:46px}.hero-copy h1{font-size:54px}.url-form{margin-top:38px}.quick-row{padding-bottom:4px}.chat-main{min-height:500px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}