:root{--fg-aqua:#10bdc0;--fg-purple:#9e4e9b;--fg-purple-dark:#7f317b;--fg-green:#73c588;--fg-red:#d9673f;--fg-gray:#e6e6e6;--fg-blue:#4e589f;--fg-lavender:#a0a7d8;--fg-aqua-ink:#0a7f82;--fg-aqua-soft:#e3f7f7;--fg-purple-soft:#f4eaf3;--fg-purple-deep:#5f2359;--fg-green-ink:#237a3d;--fg-green-soft:#e8f6ec;--fg-red-ink:#b1441f;--fg-red-soft:#fbece6;--fg-blue-soft:#eceefa;--fg-amber-ink:#8a5a00;--fg-amber-soft:#fdf3dc;--bg:#fbfbfc;--surface:#ffffff;--surface-raised:#ffffff;--sidebar:#f6f6f6;--border:#e6e6e6;--border-strong:#d4d4da;--text:#1d1a2b;--text-muted:#625f73;--text-faint:#8b889b;--primary:var(--fg-purple-dark);--primary-hover:#6d2969;--primary-press:var(--fg-purple-deep);--primary-contrast:#ffffff;--accent:var(--fg-aqua);--accent-ink:var(--fg-aqua-ink);--focus:var(--fg-aqua);--success:var(--fg-green-ink);--success-soft:var(--fg-green-soft);--danger:var(--fg-red-ink);--danger-soft:var(--fg-red-soft);--warn:var(--fg-amber-ink);--warn-soft:var(--fg-amber-soft);--info:var(--fg-blue);--info-soft:var(--fg-blue-soft);--user-bubble:var(--fg-purple-soft);--code-bg:#f7f7fa;--font-sans:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-display:"Inter Tight","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code",ui-monospace,"SF Mono",Consolas,monospace;--fs-xs:0.75rem;--fs-sm:0.8125rem;--fs-md:0.9375rem;--fs-lg:1.0625rem;--fs-xl:1.375rem;--fs-2xl:1.875rem;--fs-3xl:2.5rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(29,26,43,0.06);--shadow-md:0 4px 16px rgba(29,26,43,0.07),0 1px 3px rgba(29,26,43,0.05);--shadow-lg:0 16px 40px rgba(29,26,43,0.12),0 2px 8px rgba(29,26,43,0.06);--ease:cubic-bezier(0.2,0.7,0.2,1);--t-fast:120ms;--t-med:220ms;--sidebar-w:288px;--content-w:780px}:root[data-theme=dark]{--bg:#14121c;--surface:#1c1929;--surface-raised:#232035;--sidebar:#191725;--border:#2e2a40;--border-strong:#3c3754;--text:#f1eff8;--text-muted:#b1adc4;--text-faint:#837f99;--primary:#b467b0;--primary-hover:#c47bc0;--primary-press:#d192cd;--primary-contrast:#14121c;--accent-ink:#4fd6d8;--user-bubble:#2a2140;--code-bg:#171525;--success:#7fd394;--success-soft:#1d2f24;--danger:#f08a68;--danger-soft:#3a2119;--warn:#e6b34d;--warn-soft:#33290f;--info:#a0a7d8;--info-soft:#232742;--fg-purple-soft:#2a2140;--fg-aqua-soft:#12312f}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow:hidden}.sidebar-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-3)}.brand-mark{width:40px;height:40px;border-radius:10px;flex:none}.brand-text{line-height:1.15}.brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);letter-spacing:-.01em}.brand-sub{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.sidebar-new{margin:var(--s-2) var(--s-4) var(--s-3)}.sidebar-scroll{flex:1 1;overflow-y:auto;padding:0 var(--s-3) var(--s-3)}.nav-group{margin-bottom:var(--s-4)}.nav-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;padding:var(--s-2) var(--s-3)}.nav-link{display:flex;align-items:center;gap:var(--s-3);padding:9px var(--s-3);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-md);font-weight:500;position:relative;transition:background var(--t-fast) var(--ease)}.nav-link:hover{background:color-mix(in srgb,var(--fg-purple) 8%,transparent);text-decoration:none}.nav-link svg{width:18px;height:18px;color:var(--text-muted);flex:none}.nav-link[aria-current=page]{background:var(--surface);box-shadow:var(--shadow-sm);font-weight:600}.nav-link[aria-current=page]:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--accent)}.nav-link[aria-current=page] svg{color:var(--primary)}.recent-item{display:block;padding:7px var(--s-3);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item:hover{background:color-mix(in srgb,var(--fg-purple) 8%,transparent);text-decoration:none}.recent-item[aria-current=page]{background:var(--surface);box-shadow:var(--shadow-sm);font-weight:600}.sidebar-foot{border-top:1px solid var(--border);padding:var(--s-3) var(--s-4);display:flex;align-items:center;gap:var(--s-3)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--primary-contrast);display:grid;place-items:center;font-weight:650;font-size:var(--fs-sm);flex:none}.user-meta{min-width:0;flex:1 1;line-height:1.25}.user-name{font-weight:600;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--fs-xs);color:var(--text-muted);text-transform:capitalize}.main{min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);min-height:60px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{font-size:var(--fs-lg);font-weight:650}.topbar .crumb{color:var(--text-muted);font-size:var(--fs-sm)}.topbar-spacer{flex:1 1}.btn.menu-btn{display:none}.scroll{flex:1 1;overflow-y:auto}.page{max-width:1120px;margin:0 auto;padding:var(--s-6) var(--s-5) var(--s-8)}.page-narrow{max-width:860px}.page-head{display:flex;align-items:flex-end;gap:var(--s-4);justify-content:space-between;margin-bottom:var(--s-5);flex-wrap:wrap}.page-head h2{font-size:var(--fs-2xl)}.page-head p{color:var(--text-muted);margin:var(--s-1) 0 0}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,var(--sidebar-w));z-index:60;transform:translateX(-102%);transition:transform var(--t-med) var(--ease);box-shadow:var(--shadow-lg)}.sidebar[data-open=true]{transform:none}.scrim{position:fixed;inset:0;background:rgba(20,18,28,.4);z-index:50}.btn.menu-btn{display:inline-flex}.page{padding:var(--s-5) var(--s-4) var(--s-7)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:38px;padding:0 var(--s-4);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:550;font-size:var(--fs-md);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);white-space:nowrap}.btn:hover{border-color:var(--fg-purple);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active{background:var(--primary-press)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:color-mix(in srgb,var(--fg-purple) 8%,transparent);border-color:transparent}.btn-danger{color:var(--danger)}.btn-sm{min-height:30px;padding:0 var(--s-3);font-size:var(--fs-sm)}.btn-icon{width:34px;min-height:34px;padding:0}.input,.select,.textarea{width:100%;min-height:40px;padding:0 var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.textarea{padding:var(--s-3);min-height:90px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg-aqua) 25%,transparent)}.search{position:relative}.search svg{position:absolute;left:12px;top:50%;translate:0 -50%;width:16px;height:16px;color:var(--text-faint);pointer-events:none}.search .input{padding-left:36px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;background:var(--border);color:var(--text-muted);white-space:nowrap}.badge svg{width:12px;height:12px}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--fg-aqua-soft);color:var(--accent-ink)}.badge-brand{background:var(--fg-purple-soft);color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--shadow-sm)}.card-link{display:block;color:inherit;transition:box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.card-link:hover{text-decoration:none;box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--fg-purple) 40%,var(--border));transform:translateY(-1px)}.grid{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.grid-3{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.row{display:flex;align-items:center;gap:var(--s-3)}.row-wrap{flex-wrap:wrap}.spacer{flex:1 1}.kbd{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border);margin-bottom:var(--s-5);overflow-x:auto}.tab{padding:var(--s-3) var(--s-4);background:none;color:var(--text-muted);font-weight:550;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-weight:600;color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--s-2) var(--s-3)}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:var(--s-3);vertical-align:middle}.table tr:hover td{background:color-mix(in srgb,var(--fg-purple) 3%,transparent)}.empty{text-align:center;padding:var(--s-7) var(--s-5);color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface) 60%,transparent)}.empty h3{color:var(--text);font-size:var(--fs-lg);margin-bottom:var(--s-2)}.empty svg{width:34px;height:34px;color:var(--fg-purple);margin:0 auto var(--s-3)}.skeleton{background:linear-gradient(90deg,var(--border) 25%,color-mix(in srgb,var(--border) 50%,var(--surface)) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--r-sm);min-height:14px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--fg-aqua) 25%,transparent);border-top-color:var(--fg-aqua);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{rotate:1turn}}.alert{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--fs-sm);border:1px solid transparent}.alert svg{width:18px;height:18px;flex:none;margin-top:1px}.alert-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--fg-red) 30%,transparent)}.alert-info{background:var(--info-soft);color:var(--info)}.alert-warn{background:var(--warn-soft);color:var(--warn)}.toast-host{position:fixed;bottom:var(--s-5);right:var(--s-5);z-index:90;display:grid;grid-gap:var(--s-2);gap:var(--s-2)}.toast{background:var(--text);color:var(--bg);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);animation:rise var(--t-med) var(--ease)}@keyframes rise{0%{opacity:0;translate:0 8px}}.modal-back{position:fixed;inset:0;background:rgba(20,18,28,.45);display:grid;place-items:center;z-index:80;padding:var(--s-4);animation:fade var(--t-fast) linear}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:min(520px,100%);padding:var(--s-5)}.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.login-side{background:var(--sidebar);padding:var(--s-8) var(--s-7);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border)}.login-side .brand-mark{width:56px;height:56px;border-radius:14px}.login-quote{font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1.2;font-weight:600;letter-spacing:-.02em;max-width:16ch}.login-quote em{font-style:normal;color:var(--primary)}.login-points{display:grid;grid-gap:var(--s-3);gap:var(--s-3);color:var(--text-muted);max-width:44ch}.login-points div{display:flex;gap:var(--s-3);align-items:flex-start}.login-points svg{width:18px;height:18px;color:var(--accent-ink);flex:none;margin-top:3px}.login-main{display:grid;place-items:center;padding:var(--s-6)}.login-card{width:min(400px,100%)}.login-card h1{font-size:var(--fs-xl);margin-bottom:var(--s-1)}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:var(--s-4)}.field label{font-size:var(--fs-sm);font-weight:600}.demo-users{display:grid;grid-gap:var(--s-2);gap:var(--s-2);margin-top:var(--s-4)}.demo-user{display:flex;align-items:center;gap:var(--s-3);text-align:left;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.demo-user:hover{border-color:var(--fg-purple);box-shadow:var(--shadow-sm)}@media (max-width:860px){.login{grid-template-columns:1fr}.login-side{display:none}}.hero{padding:var(--s-4) 0 var(--s-6)}.hero h2{font-size:var(--fs-3xl);letter-spacing:-.03em;max-width:28ch}.hero p{font-size:var(--fs-lg);color:var(--text-muted);max-width:56ch;margin-top:var(--s-3)}.ask-box{display:flex;gap:var(--s-2);align-items:center;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-md);margin-top:var(--s-5);max-width:760px}.ask-box input{flex:1 1;border:none;outline:none;background:transparent;min-height:44px;font-size:var(--fs-lg)}.ask-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg-aqua) 22%,transparent),var(--shadow-md)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}.chip{padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--fs-sm);font-weight:500}.chip:hover{border-color:var(--fg-purple);background:var(--fg-purple-soft);text-decoration:none}.section{margin-top:var(--s-7)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-4)}.section-head h3{font-size:var(--fs-lg)}.workspace-card{display:flex;gap:var(--s-3);align-items:flex-start}.ws-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--fg-purple-soft);color:var(--primary)}.ws-icon[data-tone=aqua]{background:var(--fg-aqua-soft);color:var(--accent-ink)}.ws-icon[data-tone=blue]{background:var(--fg-blue-soft);color:var(--fg-blue)}.ws-icon[data-tone=green]{background:var(--fg-green-soft);color:var(--fg-green-ink)}.ws-icon svg{width:20px;height:20px}.card h4{font-size:var(--fs-md);margin-bottom:2px;font-weight:650}.card .meta{font-size:var(--fs-xs);color:var(--text-muted)}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;height:100%;min-height:0}.chat-col{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-scroll{flex:1 1;overflow-y:auto;scroll-behavior:smooth}.chat-inner{max-width:var(--content-w);margin:0 auto;padding:var(--s-5) var(--s-5) var(--s-6);display:grid;grid-gap:var(--s-5);gap:var(--s-5)}.msg{display:grid;grid-gap:var(--s-2);gap:var(--s-2);animation:rise var(--t-med) var(--ease)}.msg-user{justify-items:end}.bubble{background:var(--user-bubble);border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg);padding:var(--s-3) var(--s-4);max-width:88%;white-space:pre-wrap;word-break:break-word}.msg-assistant{grid-template-columns:30px minmax(0,1fr);column-gap:var(--s-3);align-items:start}.msg-avatar{width:28px;height:28px;border-radius:8px;margin-top:2px}.msg-body{min-width:0}.msg-actions{display:flex;gap:var(--s-1);margin-top:var(--s-2);opacity:0;transition:opacity var(--t-fast)}.msg:focus-within .msg-actions,.msg:hover .msg-actions{opacity:1}@media (hover:none){.msg-actions{opacity:1}}.attach-chip{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 10px;margin-top:6px}.composer-wrap{padding:var(--s-2) var(--s-5) var(--s-4);background:linear-gradient(to top,var(--bg) 70%,transparent)}.composer{max-width:var(--content-w);margin:0 auto;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg-aqua) 22%,transparent),var(--shadow-md)}.composer textarea{field-sizing:content;width:100%;border:none;outline:none;resize:none;background:transparent;max-height:220px;min-height:28px;padding:var(--s-2) 0;line-height:1.5}.composer-bar{display:flex;align-items:center;gap:var(--s-1);padding-right:var(--s-1)}.composer-hint{max-width:var(--content-w);margin:var(--s-2) auto 0;font-size:var(--fs-xs);color:var(--text-faint);text-align:center}.chat-empty{max-width:var(--content-w);margin:0 auto;padding:var(--s-7) var(--s-5) 0}.chat-empty h2{font-size:var(--fs-2xl);letter-spacing:-.025em}.chat-empty p{color:var(--text-muted);font-size:var(--fs-lg);max-width:54ch;margin-top:var(--s-2)}.suggest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--s-3);gap:var(--s-3);margin-top:var(--s-5)}.suggest{text-align:left;padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-sm);line-height:1.45;transition:all var(--t-fast) var(--ease)}.suggest:hover{border-color:var(--fg-purple);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.suggest strong{display:block;font-size:var(--fs-sm);margin-bottom:2px;color:var(--primary)}.timeline{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-3)}.step{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 9px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:550;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.step svg{width:13px;height:13px}.step[data-state=running]{border-color:color-mix(in srgb,var(--fg-aqua) 50%,var(--border));color:var(--text);background:var(--fg-aqua-soft)}.step[data-state=done] svg{color:var(--fg-green-ink)}.step[data-state=error]{color:var(--danger);border-color:color-mix(in srgb,var(--fg-red) 40%,var(--border))}.sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-3);align-items:center}.source{font-size:var(--fs-xs);padding:2px 9px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.source[data-kind=kb]{border-color:color-mix(in srgb,var(--fg-purple) 35%,var(--border))}.source[data-kind=schema]{border-color:color-mix(in srgb,var(--fg-aqua) 45%,var(--border))}.source[data-kind=pattern]{border-color:color-mix(in srgb,var(--fg-blue) 35%,var(--border))}.questions{border-left:3px solid var(--accent);background:var(--fg-aqua-soft);border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--s-3) var(--s-4);margin-top:var(--s-3);font-size:var(--fs-sm)}.questions strong{display:block;margin-bottom:4px;color:var(--accent-ink)}.side-panel{width:380px;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;display:flex;flex-direction:column}.side-panel-head{padding:var(--s-4);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--surface);z-index:2}.side-panel-body{padding:var(--s-4);display:grid;grid-gap:var(--s-4);gap:var(--s-4);align-content:start}@media (max-width:1180px){.side-panel{display:none}.chat-layout{grid-template-columns:minmax(0,1fr)}}.mode-pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;padding:3px 10px;border-radius:var(--r-pill);background:var(--fg-purple-soft);color:var(--primary)}.demo-banner{background:var(--warn-soft);color:var(--warn);font-size:var(--fs-xs);padding:6px var(--s-5);border-bottom:1px solid color-mix(in srgb,var(--fg-red) 15%,var(--border));text-align:center}.md{font-size:var(--fs-md);line-height:1.65;word-break:break-word}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4{margin:var(--s-4) 0 var(--s-2);font-size:var(--fs-md)}.md h3{font-size:var(--fs-md);color:var(--primary)}.md ol,.md ul{padding-left:1.3em;margin:0 0 var(--s-3)}.md li{margin:2px 0}.md code{font-family:var(--font-mono);font-size:.86em;background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.md pre{margin:var(--s-3) 0;position:relative}.md pre code{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);line-height:1.55}.md pre code,.md table{display:block;overflow-x:auto;font-size:var(--fs-sm)}.md table{border-collapse:collapse;width:100%;margin:var(--s-3) 0}.md td,.md th{border:1px solid var(--border);padding:6px 12px;text-align:left}.md th{background:var(--code-bg);font-weight:600}.md blockquote{border-left:3px solid var(--fg-lavender);margin:var(--s-3) 0;padding:2px var(--s-4);color:var(--text-muted)}.copy-btn{position:absolute;top:8px;right:8px;opacity:0}.copy-btn:focus-visible,.md pre:hover .copy-btn{opacity:1}.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:var(--fg-purple-dark)}.hljs-attr,.hljs-attribute,.hljs-property{color:var(--fg-aqua-ink)}.hljs-string,.hljs-value{color:#237a3d}.hljs-literal,.hljs-number{color:var(--fg-blue)}.hljs-comment{color:var(--text-faint);font-style:italic}:root[data-theme=dark] .hljs-string{color:#7fd394}:root[data-theme=dark] .hljs-name,:root[data-theme=dark] .hljs-tag{color:#d192cd}.dash-card{border-top:3px solid var(--accent)}.dash-card .title{font-family:var(--font-display);font-weight:650;font-size:var(--fs-lg);letter-spacing:-.01em}.dash-stats{display:flex;gap:var(--s-4);font-size:var(--fs-sm);color:var(--text-muted);margin:var(--s-2) 0 var(--s-3);flex-wrap:wrap}.dash-stats b{color:var(--text);font-weight:650}.artifact,.download-card{margin-top:var(--s-3);max-width:560px}.download-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);flex-wrap:wrap}.download-card .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-icon{width:36px;height:36px;border-radius:var(--r-md,8px);display:grid;place-items:center;background:var(--fg-purple-soft);color:var(--primary);flex:none}.download-icon svg{width:18px;height:18px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:0 var(--s-3);gap:0 var(--s-3)}.composer-wrap.is-dragging .composer{outline:2px dashed var(--accent);outline-offset:4px}.outline{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.outline-tab{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.outline-tab>header{padding:var(--s-3) var(--s-4);background:var(--code-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--s-3)}.outline-tab>header strong{font-family:var(--font-display)}.insight-row{display:flex;gap:var(--s-3);align-items:center;padding:9px var(--s-4);border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.insight-row:last-child{border-bottom:none}.insight-type{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);min-width:74px}.finding{display:flex;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.finding:last-child{border-bottom:none}.code-view{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:auto;max-height:68vh}.code-view pre{margin:0;padding:var(--s-4);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;white-space:pre-wrap;word-break:break-all}.version-item{display:flex;gap:var(--s-4);align-items:flex-start;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.version-item[data-current=true]{border-color:var(--accent);background:color-mix(in srgb,var(--fg-aqua-soft) 45%,var(--surface))}.version-num{font-family:var(--font-display);font-weight:700;color:var(--primary);min-width:34px;font-size:var(--fs-lg)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--s-6);text-align:center;color:var(--text-muted);background:var(--surface);transition:all var(--t-fast)}.dropzone[data-active=true]{border-color:var(--accent);background:var(--fg-aqua-soft)}.kv{display:grid;grid-template-columns:160px 1fr;grid-gap:6px var(--s-4);gap:6px var(--s-4);font-size:var(--fs-sm)}.kv dt{color:var(--text-muted)}.kv dd{margin:0}.concept-list{display:grid;grid-gap:2px;gap:2px;max-height:44vh;overflow-y:auto}.concept-item{text-align:left;border:none;background:none;padding:7px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm)}.concept-item:hover,.concept-item[aria-current=true]{background:var(--fg-purple-soft)}@media (max-width:980px){.demo-banner,.topbar{padding-left:64px}.demo-banner{text-align:left}}*,:after,:before{box-sizing:border-box}html{text-size-adjust:100%}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;margin:0;letter-spacing:-.015em;font-weight:650}p{margin:0 0 var(--s-3)}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in srgb,var(--fg-aqua) 28%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 14px;border-radius:8px;z-index:100;box-shadow:var(--shadow-md)}.skip-link:focus{left:8px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}