:root{--brand-amber-50:22 92% 95%;--brand-amber-100:24 91% 87%;--brand-amber-200:26 91% 75%;--brand-amber-300:28 89% 61%;--brand-amber-400:26 85% 53%;--brand-amber-500:22 84% 47%;--brand-amber-600:22 88% 38%;--brand-amber-700:22 90% 30%;--brand-steel-50:210 50% 95%;--brand-steel-100:210 45% 84%;--brand-steel-300:210 38% 58%;--brand-steel-500:210 50% 36%;--brand-steel-700:210 55% 24%;--brand-success:158 60% 30%;--brand-warning:40 88% 38%;--brand-danger:8 62% 41%;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius:6px;--radius-none:0px;--radius-sm:2px;--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:10px;--radius-2xl:14px;--radius-full:9999px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--text-6xl:64px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-wider:0.08em;--tracking-widest:0.14em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono",ui-monospace,"SFMono-Regular",monospace;--control-h-sm:28px;--control-h-md:36px;--control-h-lg:44px;--control-px-sm:10px;--control-px-md:14px;--control-px-lg:18px;--gap-stack:var(--space-3);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:120ms;--dur-med:200ms;--dur-slow:320ms}[data-density=compact]{--control-h-sm:24px;--control-h-md:30px;--control-h-lg:38px;--control-px-sm:8px;--control-px-md:11px;--control-px-lg:14px;--gap-stack:var(--space-2)}[data-density=spacious]{--control-h-sm:32px;--control-h-md:42px;--control-h-lg:52px;--control-px-sm:12px;--control-px-md:18px;--control-px-lg:22px;--gap-stack:var(--space-4)}:root,[data-theme=light]{--bg:40 38% 96%;--bg-elevated:0 0% 100%;--bg-sunken:40 30% 92%;--bg-inverse:35 20% 8%;--fg:35 25% 9%;--fg-muted:35 12% 38%;--fg-subtle:35 10% 55%;--fg-inverse:40 38% 96%;--fg-on-primary:0 0% 100%;--border:35 18% 84%;--border-strong:35 15% 70%;--hairline:35 20% 88%;--ring:var(--brand-amber-500);--primary:var(--brand-amber-500);--primary-hover:var(--brand-amber-600);--primary-fg:0 0% 100%;--secondary:40 30% 92%;--secondary-fg:35 25% 18%;--muted:40 22% 90%;--muted-fg:35 15% 42%;--accent:40 25% 90%;--accent-fg:35 25% 12%;--destructive:var(--brand-danger);--destructive-fg:0 0% 100%;--success:var(--brand-success);--warning:var(--brand-warning);--info:var(--brand-steel-500);--shadow-color:30 20% 8%;--shadow-xs:0 1px 0 0 hsl(var(--shadow-color)/.04);--shadow-sm:0 1px 2px -1px hsl(var(--shadow-color)/.08),0 1px 0 0 hsl(var(--shadow-color)/.04);--shadow-md:0 4px 8px -2px hsl(var(--shadow-color)/.08),0 1px 0 0 hsl(var(--shadow-color)/.05);--shadow-lg:0 12px 24px -8px hsl(var(--shadow-color)/.12),0 2px 0 0 hsl(var(--shadow-color)/.06);--shadow-xl:0 24px 48px -16px hsl(var(--shadow-color)/.18),0 4px 0 0 hsl(var(--shadow-color)/.06)}[data-theme=dark]{--bg:35 18% 7%;--bg-elevated:35 14% 11%;--bg-sunken:35 16% 5%;--bg-inverse:40 38% 96%;--fg:40 38% 94%;--fg-muted:35 12% 68%;--fg-subtle:35 10% 50%;--fg-inverse:35 25% 9%;--fg-on-primary:0 0% 100%;--border:35 12% 18%;--border-strong:35 10% 28%;--hairline:35 12% 14%;--ring:var(--brand-amber-400);--primary:var(--brand-amber-400);--primary-hover:var(--brand-amber-300);--primary-fg:35 25% 9%;--secondary:35 14% 14%;--secondary-fg:40 38% 94%;--muted:35 12% 14%;--muted-fg:35 12% 64%;--accent:35 12% 16%;--accent-fg:40 38% 94%;--destructive:8 62% 50%;--destructive-fg:0 0% 100%;--success:158 50% 50%;--warning:40 80% 55%;--info:210 60% 60%;--shadow-color:0 0% 0%;--shadow-xs:0 1px 0 0 hsl(var(--shadow-color)/.35);--shadow-sm:0 1px 2px -1px hsl(var(--shadow-color)/.45),0 1px 0 0 hsl(var(--shadow-color)/.35);--shadow-md:0 4px 8px -2px hsl(var(--shadow-color)/.5),0 1px 0 0 hsl(var(--shadow-color)/.4);--shadow-lg:0 12px 24px -8px hsl(var(--shadow-color)/.55),0 2px 0 0 hsl(var(--shadow-color)/.4);--shadow-xl:0 24px 48px -16px hsl(var(--shadow-color)/.65),0 4px 0 0 hsl(var(--shadow-color)/.45)}*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";transition:background-color var(--dur-med) var(--ease-out),color var(--dur-med) var(--ease-out)}::selection{background:hsl(var(--primary)/.25);color:hsl(var(--fg))}a{color:hsl(var(--info));text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}code,kbd,pre,samp{font-family:var(--font-mono)}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--fg)/.15);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:hsl(var(--fg)/.3);background-clip:content-box;border:3px solid transparent}.r-stack{display:flex;flex-direction:column}.r-row{display:flex;flex-direction:row}.r-center{align-items:center}.r-between{justify-content:space-between}.r-grow{flex:1 1;min-width:0}.r-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.h-display{font-size:var(--text-6xl);letter-spacing:-.035em}.h-1,.h-display{line-height:var(--leading-tight);font-weight:600;margin:0}.h-1{font-size:var(--text-5xl);letter-spacing:var(--tracking-tight)}.h-2{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight)}.h-2,.h-3{line-height:var(--leading-snug);font-weight:600;margin:0}.h-3{font-size:var(--text-xl);letter-spacing:var(--tracking-snug)}.h-4{font-size:var(--text-md);line-height:var(--leading-snug);font-weight:600;margin:0}.text-body{font-size:var(--text-base)}.text-body,.text-small{line-height:var(--leading-normal);margin:0}.text-small{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}.text-muted{color:hsl(var(--fg-muted))}.text-subtle{color:hsl(var(--fg-subtle))}.text-fg{color:hsl(var(--fg))}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:hsl(var(--primary));display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:18px;height:1px;background:hsl(var(--primary))}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--text-sm);white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid hsl(var(--ring)/.55);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;pointer-events:none}.btn-sm{height:var(--control-h-sm);padding:0 var(--control-px-sm);font-size:var(--text-xs)}.btn-md{height:var(--control-h-md);padding:0 var(--control-px-md)}.btn-lg{height:var(--control-h-lg);padding:0 var(--control-px-lg);font-size:var(--text-base)}.btn-icon{width:var(--control-h-md);padding:0}.btn-icon.btn-sm{width:var(--control-h-sm)}.btn-icon.btn-lg{width:var(--control-h-lg)}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-fg));border-color:hsl(var(--primary)/.8);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15)}.btn-primary:hover{background:hsl(var(--primary-hover))}.btn-secondary{background:hsl(var(--bg-elevated));color:hsl(var(--fg));border-color:hsl(var(--border))}.btn-secondary:hover{background:hsl(var(--muted))}.btn-outline,.btn-secondary:hover{border-color:hsl(var(--border-strong))}.btn-outline{background:transparent;color:hsl(var(--fg))}.btn-outline:hover{background:hsl(var(--muted))}.btn-ghost{background:transparent;color:hsl(var(--fg))}.btn-ghost:hover{background:hsl(var(--muted))}.btn-link{background:transparent;color:hsl(var(--info));height:auto!important;padding:0;border-radius:0}.btn-link:hover{text-decoration:underline}.btn-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-fg));border-color:hsl(var(--destructive)/.8)}.btn-destructive:hover{background:hsl(var(--destructive)/.92)}.btn-ink{background:hsl(var(--bg-inverse));color:hsl(var(--fg-inverse));border-color:hsl(var(--bg-inverse))}.btn-ink:hover{background:hsl(var(--bg-inverse)/.88)}.input,.select-trigger,.textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:hsl(var(--fg));background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:0 var(--control-px-md);height:var(--control-h-md);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background-color var(--dur-fast);outline:none}.input::placeholder,.textarea::placeholder{color:hsl(var(--fg-subtle))}.textarea{height:auto;padding:10px var(--control-px-md);resize:vertical;line-height:var(--leading-normal)}.input:hover,.select-trigger:hover,.textarea:hover{border-color:hsl(var(--border-strong))}.input:focus,.select-trigger.is-open,.select-trigger:focus,.textarea:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/.18)}.input:disabled,.textarea:disabled{background:hsl(var(--muted));color:hsl(var(--fg-subtle));cursor:not-allowed}.input.is-error,.textarea.is-error{border-color:hsl(var(--destructive))}.input.is-error:focus,.textarea.is-error:focus{box-shadow:0 0 0 3px hsl(var(--destructive)/.2)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:36px}.input-group>.lead{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsl(var(--fg-subtle));pointer-events:none;display:flex}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:hsl(var(--fg))}.field-help{font-size:var(--text-xs);color:hsl(var(--fg-subtle))}.field-error{font-size:var(--text-xs);color:hsl(var(--destructive));display:flex;align-items:center;gap:6px}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;padding-right:10px}.select-trigger>.chev{color:hsl(var(--fg-subtle));flex-shrink:0}.cb{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cb input{display:none}.cb .box{width:16px;height:16px;border:1.5px solid hsl(var(--border-strong));border-radius:var(--radius-sm);background:hsl(var(--bg-elevated));display:grid;place-items:center;transition:all var(--dur-fast)}.cb input:checked+.box{background:hsl(var(--primary));border-color:hsl(var(--primary))}.cb input:checked+.box:after{content:"";width:9px;height:5px;border-left:2px solid hsl(var(--primary-fg));border-bottom:2px solid hsl(var(--primary-fg));transform:translateY(-1px) rotate(-45deg)}.rd{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rd input{display:none}.rd .box{width:16px;height:16px;border-radius:50%;border:1.5px solid hsl(var(--border-strong));background:hsl(var(--bg-elevated));display:grid;place-items:center;transition:all var(--dur-fast)}.rd input:checked+.box{border-color:hsl(var(--primary))}.rd input:checked+.box:after{content:"";width:8px;height:8px;border-radius:50%;background:hsl(var(--primary))}.sw{position:relative;width:32px;height:18px;background:hsl(var(--border-strong));border-radius:999px;cursor:pointer;flex-shrink:0;transition:background-color var(--dur-fast)}.sw input{display:none}.sw:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:hsl(var(--bg-elevated));border-radius:50%;transition:transform var(--dur-fast);box-shadow:0 1px 2px rgba(0,0,0,.2)}.sw.is-on{background:hsl(var(--primary))}.sw.is-on:after{transform:translateX(14px)}.seg{display:inline-flex;background:hsl(var(--muted));border:1px solid hsl(var(--border));padding:3px;border-radius:var(--radius-md)}.seg button{border:0;background:transparent;font:var(--weight-medium) var(--text-xs)/1 var(--font-sans);padding:6px 10px;border-radius:calc(var(--radius-md) - 2px);color:hsl(var(--fg-muted));cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.seg button[aria-pressed=true]{background:hsl(var(--bg-elevated));color:hsl(var(--fg));box-shadow:var(--shadow-sm)}.range{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:999px;background:hsl(var(--border));outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:hsl(var(--primary));border:2px solid hsl(var(--bg-elevated));box-shadow:var(--shadow-sm);cursor:pointer}.range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:hsl(var(--primary));box-shadow:var(--shadow-sm);cursor:pointer;border:0}.card{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);overflow:hidden}.card-pad-sm{padding:var(--space-4)}.card-pad-md{padding:var(--space-6)}.card-pad-lg{padding:var(--space-8)}.card-header{padding:var(--space-6) var(--space-6) var(--space-2)}.card-body{padding:var(--space-4) var(--space-6) var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:hsl(var(--muted)/.5);border-top:1px solid hsl(var(--border))}.card-title{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);margin:0}.card-desc{font-size:var(--text-sm);color:hsl(var(--fg-muted));margin:6px 0 0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:var(--weight-medium);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid transparent;line-height:1.4}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-neutral{background:hsl(var(--muted));color:hsl(var(--fg));border-color:hsl(var(--border))}.badge-primary{background:hsl(var(--primary)/.12);color:hsl(var(--primary));border-color:hsl(var(--primary)/.25)}.badge-success{background:hsl(var(--success)/.14);color:hsl(var(--success));border-color:hsl(var(--success)/.3)}.badge-warning{background:hsl(var(--warning)/.15);color:hsl(var(--warning));border-color:hsl(var(--warning)/.3)}.badge-danger{background:hsl(var(--destructive)/.14);color:hsl(var(--destructive));border-color:hsl(var(--destructive)/.3)}.badge-info{background:hsl(var(--info)/.14);color:hsl(var(--info));border-color:hsl(var(--info)/.3)}.badge-ink{background:hsl(var(--bg-inverse));color:hsl(var(--primary))}.chip{display:inline-flex;align-items:center;gap:6px;background:hsl(var(--muted));border:1px solid hsl(var(--border));padding:4px 10px 4px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);color:hsl(var(--fg))}.chip .x{color:hsl(var(--fg-subtle));cursor:pointer;padding:0 2px;line-height:1}.chip .x:hover{color:hsl(var(--fg))}.tabs{display:flex;flex-direction:column;gap:var(--space-4)}.tabs-list{display:inline-flex;border-bottom:1px solid hsl(var(--border));gap:0}.tabs-trigger{background:transparent;border:0;cursor:pointer;padding:10px 14px;font:var(--weight-medium) var(--text-sm)/1 var(--font-sans);color:hsl(var(--fg-muted));border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast),border-color var(--dur-fast)}.tabs-trigger:hover{color:hsl(var(--fg))}.tabs-trigger[aria-selected=true]{color:hsl(var(--fg));border-bottom-color:hsl(var(--primary))}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table td,.table th{padding:12px 14px;border-bottom:1px solid hsl(var(--hairline));text-align:left}.table thead th{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:hsl(var(--fg-muted));background:hsl(var(--muted)/.4);border-bottom:1px solid hsl(var(--border))}.table td.num{font-family:var(--font-mono);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.table tr.best td{background:hsl(var(--primary)/.07)}.table tr.best td:first-child{box-shadow:inset 3px 0 0 hsl(var(--primary))}.table tr:hover td{background:hsl(var(--muted)/.35)}.table tr.best:hover td{background:hsl(var(--primary)/.1)}.toast{background:hsl(var(--bg-inverse));color:hsl(var(--fg-inverse));padding:12px 16px;border-radius:var(--radius-xl);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-xl);font-size:var(--text-sm);max-width:380px}.toast .toast-ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.tooltip{display:inline-block;color:hsl(var(--fg-inverse));font-size:var(--text-xs);padding:6px 10px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:relative}.tooltip,.tooltip:after{background:hsl(var(--bg-inverse))}.tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px}.avatar{border-radius:50%;background:hsl(var(--muted));color:hsl(var(--fg));display:inline-grid;place-items:center;font:var(--weight-semibold) var(--text-xs)/1 var(--font-mono);width:32px;height:32px;overflow:hidden}.avatar.sq{border-radius:var(--radius-md)}.avatar.ai{background:hsl(var(--bg-inverse));color:hsl(var(--primary))}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,hsl(var(--muted)) 0,hsl(var(--muted)/.5) 50%,hsl(var(--muted)) 100%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:var(--radius-md)}.dropdown{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:4px;min-width:200px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:hsl(var(--fg));cursor:pointer}.dropdown-item:hover{background:hsl(var(--muted))}.dropdown-sep{height:1px;background:hsl(var(--border));margin:4px -4px}.dropdown-label{font-size:11px;color:hsl(var(--fg-subtle));padding:8px 10px 4px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.modal-overlay{position:fixed;inset:0;background:hsl(var(--bg-inverse)/.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:24px}.modal{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:460px;overflow:hidden;animation:pop var(--dur-med) var(--ease-out)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.usage{height:6px;background:hsl(var(--border));overflow:hidden}.usage,.usage>i{border-radius:999px}.usage>i{display:block;height:100%;background:hsl(var(--primary));transition:width var(--dur-med) var(--ease-out)}.kbd{font:500 11px/1 var(--font-mono);padding:3px 6px;background:hsl(var(--muted));border:solid hsl(var(--border));border-width:1px 1px 2px;border-radius:var(--radius-sm);color:hsl(var(--fg-muted))}.app{min-height:100vh;display:flex;flex-direction:column}.app-top{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:hsl(var(--bg)/.85);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid hsl(var(--border))}.app-top-inner{max-width:1480px;margin:0 auto;padding:12px 24px;gap:24px}.app-brand,.app-top-inner{display:flex;align-items:center}.app-brand{gap:10px;font-weight:600;letter-spacing:-.01em;font-size:var(--text-base)}.app-brand .glyph{width:28px;height:28px;background:hsl(var(--bg-inverse));color:hsl(var(--primary));border-radius:var(--radius-md);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:13px}.app-brand .accent{color:hsl(var(--primary))}.app-nav{display:flex;align-items:center;gap:2px;margin-left:12px}.app-nav button{background:transparent;border:0;font:500 var(--text-sm)/1 var(--font-sans);color:hsl(var(--fg-muted));padding:7px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.app-nav button.active,.app-nav button:hover{color:hsl(var(--fg));background:hsl(var(--muted))}.app-top-right{margin-left:auto;display:flex;gap:8px;align-items:center}.version-pill{font:500 11px/1 var(--font-mono);padding:4px 8px;border-radius:var(--radius-sm);background:hsl(var(--muted));color:hsl(var(--fg-muted));letter-spacing:var(--tracking-wider);text-transform:uppercase}.app-main{max-width:1480px;margin:0 auto;padding:40px 24px 120px;width:100%}.section{margin-bottom:80px}.section-head{margin-bottom:32px;max-width:64ch}.section-head h2{margin:8px 0 6px}.subsection{margin-bottom:48px}.subsection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.subsection-title{font-size:var(--text-md);font-weight:600;margin:0}.subsection-sub{font-size:var(--text-sm);color:hsl(var(--fg-muted));margin:2px 0 0;max-width:80ch}.divider{height:1px;background:hsl(var(--border));margin:56px 0}.spec{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);overflow:hidden;background:hsl(var(--bg-elevated))}.spec-row{display:grid;grid-template-columns:180px 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:10px 16px;font-size:var(--text-sm);border-top:1px solid hsl(var(--hairline))}.spec-row:first-child{border-top:0}.spec-row .k{font-family:var(--font-mono);font-size:var(--text-xs);color:hsl(var(--fg-muted))}.spec-row .v{color:hsl(var(--fg))}.spec-row .vis{display:flex;align-items:center;gap:8px}.platform-pair{display:grid;grid-template-columns:1fr 360px;grid-gap:24px;gap:24px;align-items:stretch}@media (max-width:1100px){.platform-pair{grid-template-columns:1fr}}.frame{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-2xl);overflow:hidden;position:relative}.frame-head{padding:8px 12px;background:hsl(var(--muted)/.5);border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:hsl(var(--fg-muted))}.frame-head .dots{display:flex;gap:4px}.frame-head .dots i{width:8px;height:8px;border-radius:50%;background:hsl(var(--border-strong));display:block}.frame-body{position:relative;background:hsl(var(--bg));min-height:360px}.frame.mobile{max-width:360px;margin:0 auto}.frame.mobile .frame-body{min-height:640px}.swatch-row{display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(11,1fr)}.swatch{aspect-ratio:1.4/1;border-radius:var(--radius-md);padding:8px;font-family:var(--font-mono);font-size:10px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.08)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;border:1px solid hsl(var(--border));border-radius:var(--radius-md);background:hsl(var(--bg-elevated));font-family:var(--font-mono);font-size:10px;color:hsl(var(--fg-muted))}.icon-cell svg{width:22px;height:22px;color:hsl(var(--fg))}.hero{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:40px;gap:40px;padding:24px 0 56px;border-bottom:1px solid hsl(var(--border));margin-bottom:64px}.hero-title{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.035em;font-weight:600;margin:24px 0 0}.hero-title em{font-style:normal;color:hsl(var(--primary))}.hero-blurb{margin-top:28px;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:hsl(var(--fg-muted));max-width:56ch}.hero-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:hsl(var(--fg-subtle))}.hero-mark{background:hsl(var(--bg-inverse));color:hsl(var(--fg-inverse));border-radius:var(--radius-2xl);padding:28px;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;position:relative;overflow:hidden}.hero-mark:before{content:"";position:absolute;inset:-30% -10% auto auto;width:340px;height:340px;background:radial-gradient(circle at 50% 50%,hsl(var(--primary)),transparent 60%);opacity:.32;pointer-events:none}.hero-mark .big{font-size:200px;line-height:.85;font-weight:600;letter-spacing:-.06em;color:hsl(var(--primary));margin:-10px 0 0 -6px;position:relative}.hero-mark .foot{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:hsl(var(--fg-inverse)/.6);position:relative}.princ-card{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:20px;background:hsl(var(--bg-elevated))}.princ-card .ix{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:hsl(var(--primary))}.princ-card h4{margin:10px 0 6px;font-size:var(--text-md);font-weight:600}.princ-card p{margin:0;font-size:var(--text-sm);color:hsl(var(--fg-muted));line-height:var(--leading-normal)}.type-row{display:grid;grid-template-columns:180px 1fr;padding:18px 0;border-top:1px solid hsl(var(--hairline));align-items:baseline;grid-gap:24px;gap:24px}.type-row:first-child{border-top:0}.type-row .meta{font:500 11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:hsl(var(--fg-subtle))}.type-row .meta strong{display:block;color:hsl(var(--fg-muted));font-weight:600;margin-bottom:4px}@media (max-width:800px){.hero{grid-template-columns:1fr}.swatch-row{grid-template-columns:repeat(6,1fr)}.type-row{grid-template-columns:1fr}.spec-row{grid-template-columns:100px 1fr}.spec-row .vis{grid-column:1/-1}.app-main{padding:24px 16px 80px}.app-top-inner{padding:12px 16px;gap:12px}.app-nav{overflow-x:auto;flex-wrap:nowrap}.app-nav button{white-space:nowrap}}body,html{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:hsl(var(--fg));background:hsl(var(--bg));-webkit-font-smoothing:antialiased}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.app-shell aside{background:hsl(var(--bg-elevated));border-right:1px solid hsl(var(--border));padding:16px;gap:16px;overflow-y:auto}.app-shell aside,.app-shell main{display:flex;flex-direction:column}.app-shell main{min-height:100vh}@media (max-width:800px){.app-shell{grid-template-columns:1fr}.app-shell aside{display:none}}.composer{border-top:1px solid hsl(var(--border));padding:12px 16px;background:hsl(var(--bg))}.composer textarea{width:100%;min-height:44px;max-height:200px;resize:vertical;border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:10px 12px;font:inherit;background:hsl(var(--bg-elevated));color:inherit}.composer .row{display:flex;gap:8px;margin-top:8px;align-items:center}.composer .row .spacer,.msgs{flex:1 1}.msgs{overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:12px}.msg{max-width:720px;padding:10px 14px;border-radius:var(--radius-lg);font-size:14px;line-height:1.5}.msg-user{background:hsl(var(--primary)/.1);align-self:flex-end}.msg-agent{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));align-self:flex-start}.msg-agent .meta{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--fg-subtle));margin-bottom:6px;font-family:var(--font-mono)}.chat-list-item{display:block;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;color:inherit;text-decoration:none;cursor:pointer;border:1px solid transparent}.chat-list-item:hover{background:hsl(var(--muted))}.chat-list-item.active{background:hsl(var(--primary)/.12);color:hsl(var(--primary))}