:root{--bg: #050506;--bg-elev: #0a0a0c;--bg-deep: #030304;--surface-1: rgba(255, 255, 255, .028);--surface-2: rgba(255, 255, 255, .045);--surface-3: rgba(255, 255, 255, .068);--surface-solid: #0d0d10;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--line-faint: rgba(255, 255, 255, .05);--ink: #f4f4f6;--ink-2: rgba(244, 244, 246, .68);--ink-3: rgba(244, 244, 246, .44);--ink-4: rgba(244, 244, 246, .26);--accent: #ffffff;--accent-ink: #06060a;--ok: #86e5ad;--warn: #f0c579;--danger: #ff8f8f;--info: #a9c7ff;--glow: 0 0 0 1px rgba(255, 255, 255, .08), 0 10px 40px -12px rgba(255, 255, 255, .14);--glow-strong: 0 0 0 1px rgba(255, 255, 255, .14), 0 18px 60px -18px rgba(255, 255, 255, .28);--shadow-soft: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 12px 32px -20px rgba(0, 0, 0, .9);--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--font: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .14s;--t: .24s;--t-slow: .42s;--sidebar-w: 264px;--topbar-h: 68px;--maxw: 1240px;--pad-card: var(--s-6);--gap-grid: var(--s-5)}[data-theme=light]{--bg: #f7f7f8;--bg-elev: #ffffff;--bg-deep: #efeff1;--surface-1: rgba(9, 9, 12, .024);--surface-2: rgba(9, 9, 12, .04);--surface-3: rgba(9, 9, 12, .06);--surface-solid: #ffffff;--line: rgba(9, 9, 12, .1);--line-strong: rgba(9, 9, 12, .2);--line-faint: rgba(9, 9, 12, .06);--ink: #0c0c10;--ink-2: rgba(12, 12, 16, .7);--ink-3: rgba(12, 12, 16, .52);--ink-4: rgba(12, 12, 16, .34);--accent: #0c0c10;--accent-ink: #ffffff;--ok: #1c8a5a;--warn: #a2621a;--danger: #c0392b;--info: #2f5fd0;--glow: 0 0 0 1px rgba(9, 9, 12, .06), 0 12px 40px -18px rgba(9, 9, 12, .24);--shadow-soft: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 10px 30px -22px rgba(9, 9, 12, .4)}[data-density=compact]{--pad-card: var(--s-4);--gap-grid: var(--s-3);--topbar-h: 58px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,canvas,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}h1,h2,h3,h4{font-weight:560;letter-spacing:-.026em;line-height:1.1}h1{font-size:clamp(2.4rem,5.6vw,4.1rem);font-weight:520;letter-spacing:-.042em}h2{font-size:clamp(1.6rem,3vw,2.35rem)}h3{font-size:1.16rem}code,kbd,pre,.mono{font-family:var(--mono);font-size:.86em;letter-spacing:-.01em}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r-xs)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:content-box}.ambience{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambience:before{content:"";position:absolute;inset:-20%;background:radial-gradient(46% 38% at 18% 8%,rgba(255,255,255,.085),transparent 62%),radial-gradient(38% 34% at 86% 12%,rgba(255,255,255,.05),transparent 60%),radial-gradient(60% 50% at 50% 108%,rgba(255,255,255,.045),transparent 66%);animation:drift 34s var(--ease-in-out) infinite alternate}[data-theme=light] .ambience:before{background:radial-gradient(46% 38% at 18% 8%,rgba(9,9,12,.06),transparent 62%),radial-gradient(38% 34% at 86% 12%,rgba(9,9,12,.04),transparent 60%)}.ambience:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--line-faint) 1px,transparent 1px),linear-gradient(to bottom,var(--line-faint) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,transparent 78%);opacity:.55}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(2%,2%,0) scale(1.06)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.72);opacity:.85}70%{transform:scale(1.9);opacity:0}to{transform:scale(1.9);opacity:0}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes sheen{0%{background-position:-160% 0}to{background-position:260% 0}}@keyframes blink{50%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:none}}@keyframes type-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes scan{0%{transform:translateY(-110%)}to{transform:translateY(410%)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.shell{position:relative;z-index:2;min-height:100%;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.page{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--s-8) var(--s-7) var(--s-10);animation:rise var(--t-slow) var(--ease) both}.page--wide{max-width:1440px}.page--narrow{max-width:880px}.section{margin-bottom:var(--s-9)}.section-head{margin-bottom:var(--s-6);max-width:68ch}.section-head p{color:var(--ink-2);margin-top:var(--s-2)}.stack{display:flex;flex-direction:column;gap:var(--s-5)}.stack-sm{display:flex;flex-direction:column;gap:var(--s-3)}.row{display:flex;align-items:center;gap:var(--s-3)}.row-wrap{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.grid{display:grid;gap:var(--gap-grid)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}.grow{flex:1;min-width:0}.center{text-align:center}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.faint{color:var(--ink-4)}.small{font-size:.85rem}.tiny{font-size:.76rem}.upper{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:600;color:var(--ink-3)}.mono-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.divider{height:1px;background:var(--line);border:0}.spacer{flex:1}.sidebar{position:sticky;top:0;height:100vh;padding:var(--s-6) var(--s-4);border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.022),transparent 40%),var(--bg-deep);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:var(--s-5);z-index:40}[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f4f4f6)}.brand{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2)}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:1rem;letter-spacing:-.04em;box-shadow:var(--glow);flex:none}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:620;letter-spacing:.22em;font-size:.9rem}.brand-sub{font-size:.62rem;letter-spacing:.2em;color:var(--ink-4);text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:2px}.nav-group-label{padding:var(--s-4) var(--s-3) var(--s-2)}.nav-item{position:relative;display:flex;align-items:center;gap:var(--s-3);padding:10px 12px;border-radius:var(--r-sm);color:var(--ink-2);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);font-size:.9rem;font-weight:480}.nav-item svg{width:17px;height:17px;opacity:.75;flex:none}.nav-item:hover{color:var(--ink);background:var(--surface-1);transform:translate(2px)}.nav-item[data-active=true]{color:var(--ink);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.nav-item[data-active=true] svg{opacity:1}.nav-item[data-active=true]:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px #ffffff80}.nav-badge{margin-left:auto;font-size:.66rem;padding:2px 7px;border-radius:var(--r-full);background:var(--surface-3);color:var(--ink-3);border:1px solid var(--line-faint)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s-3)}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-7);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 76%,transparent);backdrop-filter:blur(18px) saturate(140%)}.topbar-title{display:flex;flex-direction:column;line-height:1.15}.topbar-title strong{font-size:.98rem;font-weight:560}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s-3)}.mobile-menu-btn{display:none}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:10px 16px;border-radius:var(--r-sm);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--line);font-size:.9rem;font-weight:520;letter-spacing:-.01em;white-space:nowrap;transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t) var(--ease),opacity var(--t-fast);overflow:hidden;isolation:isolate}.btn svg{width:16px;height:16px}.btn:hover:not(:disabled){transform:translateY(-1px);background:var(--surface-3);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(0) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{--btn-bg: var(--accent);--btn-fg: var(--accent-ink);border-color:transparent;box-shadow:var(--glow);font-weight:580}.btn--primary:hover:not(:disabled){box-shadow:var(--glow-strong);background:var(--accent)}.btn--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.34) 50%,transparent 65%);background-size:220% 100%;opacity:0;transition:opacity var(--t) var(--ease);z-index:-1}[data-theme=light] .btn--primary:after{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);background-size:220% 100%}.btn--primary:hover:not(:disabled):after{opacity:1;animation:sheen 1.1s var(--ease)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-1);color:var(--ink);border-color:var(--line)}.btn--outline{background:transparent}.btn--danger{--btn-bg: transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 34%,transparent)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:var(--danger)}.btn--sm{padding:7px 12px;font-size:.82rem;border-radius:var(--r-xs)}.btn--lg{padding:13px 22px;font-size:.96rem;border-radius:var(--r-md)}.btn--icon{padding:9px;width:36px;height:36px}.btn--block{width:100%}.btn--loading{pointer-events:none}.btn--loading .btn-label{opacity:.65}.btn-row{display:flex;gap:var(--s-3);flex-wrap:wrap}.card{position:relative;padding:var(--pad-card);border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--line);backdrop-filter:blur(16px);transition:border-color var(--t) var(--ease),transform var(--t) var(--ease),background var(--t) var(--ease),box-shadow var(--t) var(--ease)}.card--interactive:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--surface-2);box-shadow:var(--glow)}.card--flush{padding:0;overflow:hidden}.card--sunken{background:var(--bg-deep);border-color:var(--line-faint)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4)}.card-title{display:flex;align-items:center;gap:var(--s-3);font-weight:540;font-size:.98rem}.card-title svg{width:17px;height:17px;color:var(--ink-3)}.panel-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.28),transparent 38%,transparent 62%,rgba(255,255,255,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hairline-grid{display:grid;gap:1px;background:var(--line);border-radius:var(--r-md);overflow:hidden}.hairline-grid>*{background:var(--bg);padding:var(--s-5)}.dot{width:8px;height:8px;border-radius:50%;background:var(--ink-4);position:relative;flex:none}.dot[data-state=connected],.dot[data-state=ok]{background:var(--ok);box-shadow:0 0 10px color-mix(in srgb,var(--ok) 70%,transparent)}.dot[data-state=connecting],.dot[data-state=thinking],.dot[data-state=waiting]{background:var(--warn)}.dot[data-state=error],.dot[data-state=failed]{background:var(--danger)}.dot[data-state=live]:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1px solid var(--ok);animation:pulse-ring 1.9s var(--ease) infinite}.conn-pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 12px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1);font-size:.8rem;font-weight:500;color:var(--ink-2);transition:all var(--t) var(--ease)}.conn-pill[data-state=connected]{color:var(--ink);border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}.conn-pill[data-state=error]{color:var(--ink);border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--line-faint);font-size:.72rem;font-weight:520;color:var(--ink-2);white-space:nowrap}.badge--ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}.badge--warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 26%,transparent)}.badge--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 26%,transparent)}.badge--info{color:var(--info);border-color:color-mix(in srgb,var(--info) 26%,transparent)}.badge--solid{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.badge--demo{background:repeating-linear-gradient(45deg,#f0c5792e 0 6px,#f0c5790f 6px 12px);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 32%,transparent)}.risk{font-size:.68rem;font-weight:620;text-transform:uppercase;letter-spacing:.1em;padding:2px 7px;border-radius:var(--r-xs);border:1px solid var(--line);color:var(--ink-3)}.risk[data-risk=caution]{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.risk[data-risk=destructive]{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 34%,transparent)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.label{font-size:.82rem;font-weight:520;color:var(--ink-2);display:flex;align-items:center;gap:var(--s-2)}.hint{font-size:.78rem;color:var(--ink-3)}.input,.select,.textarea{width:100%;padding:11px 14px;border-radius:var(--r-sm);background:var(--bg-deep);border:1px solid var(--line);color:var(--ink);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] .textarea{background:#fff}.input:hover,.select:hover,.textarea:hover{border-color:var(--line-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ink-3);box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 8%,transparent)}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.input[aria-invalid=true]{border-color:color-mix(in srgb,var(--danger) 60%,transparent)}.textarea{min-height:96px;resize:vertical}.input--code{font-family:var(--mono);font-size:clamp(1.05rem,2.6vw,1.45rem);letter-spacing:.16em;text-align:center;padding:18px 16px;text-transform:uppercase}.input-icon{position:relative}.input-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-4)}.input-icon .input{padding-left:38px}.switch{position:relative;width:42px;height:24px;border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--line);transition:background var(--t) var(--ease),border-color var(--t) var(--ease);flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ink-3);transition:transform var(--t) var(--ease),background var(--t) var(--ease)}.switch[aria-checked=true]{background:color-mix(in srgb,var(--ok) 24%,transparent);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.switch[aria-checked=true]:after{transform:translate(18px);background:var(--ok)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0}.switch-row+.switch-row{border-top:1px solid var(--line-faint)}.switch-row-text{display:flex;flex-direction:column;gap:2px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:var(--line-strong)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--line-strong);transition:transform var(--t-fast) var(--ease)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:var(--line-strong)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--accent)}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:var(--r-sm);background:var(--surface-1);border:1px solid var(--line)}.seg button{padding:6px 12px;border-radius:7px;font-size:.82rem;color:var(--ink-3);transition:all var(--t-fast) var(--ease)}.seg button:hover{color:var(--ink-2)}.seg button[data-active=true]{background:var(--surface-3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;border-radius:5px;border:1px solid var(--line);border-bottom-width:2px;background:var(--surface-1);color:var(--ink-3);font-family:var(--mono);font-size:.7rem}.skeleton{position:relative;overflow:hidden;background:var(--surface-1);border-radius:var(--r-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--surface-3),transparent);background-size:220% 100%;animation:sheen 1.6s linear infinite}.skeleton-line{height:10px;border-radius:var(--r-full)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-5);text-align:center;border-radius:var(--r-lg);border:1px dashed var(--line);background:var(--surface-1)}.empty-icon{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-3)}.toast-stack{position:fixed;right:var(--s-6);bottom:var(--s-6);z-index:90;display:flex;flex-direction:column;gap:var(--s-3);width:min(380px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:color-mix(in srgb,var(--surface-solid) 88%,transparent);border:1px solid var(--line-strong);box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);animation:slide-in-right var(--t) var(--ease) both}.toast[data-kind=error]{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.toast[data-kind=success]{border-color:color-mix(in srgb,var(--ok) 34%,transparent)}.toast[data-kind=warning]{border-color:color-mix(in srgb,var(--warn) 34%,transparent)}.toast-body{flex:1;min-width:0}.toast-title{font-weight:540;font-size:.9rem}.toast-msg{color:var(--ink-2);font-size:.82rem;margin-top:2px;word-break:break-word}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--s-5);background:#030304a8;backdrop-filter:blur(6px);animation:rise .18s var(--ease) both}.modal{width:min(560px,100%);max-height:min(86vh,820px);overflow:auto;border-radius:var(--r-xl);background:color-mix(in srgb,var(--surface-solid) 94%,transparent);border:1px solid var(--line-strong);box-shadow:0 40px 120px -30px #000000e6,var(--glow);animation:rise var(--t) var(--ease) both;padding:var(--s-7)}.modal-head{display:flex;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-5)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap}.callout{display:flex;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--line);font-size:.86rem;color:var(--ink-2)}.callout svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--ink-3)}.callout[data-tone=warn]{border-color:color-mix(in srgb,var(--warn) 30%,transparent);background:color-mix(in srgb,var(--warn) 7%,transparent)}.callout[data-tone=danger]{border-color:color-mix(in srgb,var(--danger) 32%,transparent);background:color-mix(in srgb,var(--danger) 7%,transparent)}.callout[data-tone=ok]{border-color:color-mix(in srgb,var(--ok) 28%,transparent);background:color-mix(in srgb,var(--ok) 6%,transparent)}.callout[data-tone=info]{border-color:color-mix(in srgb,var(--info) 28%,transparent);background:color-mix(in srgb,var(--info) 6%,transparent)}.banner-demo{display:flex;align-items:center;gap:var(--s-3);padding:10px var(--s-4);border-radius:var(--r-sm);border:1px dashed color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 7%,transparent);color:var(--ink-2);font-size:.82rem}.progress{height:3px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent);transition:width var(--t-slow) var(--ease)}.progress--indeterminate>span{width:34%!important;animation:indeterminate 1.5s var(--ease-in-out) infinite}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(330%)}}.spinner{width:15px;height:15px;border-radius:50%;border:1.6px solid color-mix(in srgb,currentColor 26%,transparent);border-top-color:currentColor;animation:spin .72s linear infinite;flex:none}.spinner--lg{width:26px;height:26px;border-width:2.2px}.stat{display:flex;flex-direction:column;gap:6px;padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--line);transition:border-color var(--t) var(--ease),background var(--t) var(--ease)}.stat:hover{border-color:var(--line-strong);background:var(--surface-2)}.stat-label{display:flex;align-items:center;gap:var(--s-2)}.stat-value{font-size:1.32rem;font-weight:540;letter-spacing:-.03em}.stat-value--mono{font-family:var(--mono);font-size:1.06rem}.stat-sub{color:var(--ink-3);font-size:.78rem}.kv{display:grid;grid-template-columns:148px minmax(0,1fr);gap:var(--s-3) var(--s-4);align-items:baseline}.kv dt{color:var(--ink-3);font-size:.84rem}.kv dd{margin:0;font-size:.9rem;word-break:break-word}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-weight:520;color:var(--ink-3);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:var(--s-4);border-bottom:1px solid var(--line-faint);vertical-align:top}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--t-fast) var(--ease)}.table tbody tr:hover{background:var(--surface-1)}.table .nx-col{width:46%}.cmp-yes{color:var(--ok);display:inline-flex;align-items:center;gap:6px}.cmp-partial{color:var(--warn);display:inline-flex;align-items:center;gap:6px}.cmp-no{color:var(--ink-3);display:inline-flex;align-items:center;gap:6px}.timeline{display:flex;flex-direction:column;position:relative}.tl-item{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:var(--s-3);padding:var(--s-3) 0;animation:rise var(--t) var(--ease) both}.tl-item+.tl-item{border-top:1px solid var(--line-faint)}.tl-rail{display:flex;flex-direction:column;align-items:center;gap:6px}.tl-line{flex:1;width:1px;background:var(--line);min-height:6px}.tl-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-3);flex:none}.tl-icon svg{width:13px;height:13px}.tl-icon[data-kind=action]{color:var(--ink-2)}.tl-icon[data-kind=error]{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.tl-icon[data-kind=ai]{color:var(--ink)}.tl-icon[data-kind=user]{background:var(--accent);color:var(--accent-ink);border-color:transparent}.tl-body{min-width:0;display:flex;flex-direction:column;gap:3px}.tl-msg{font-size:.9rem}.tl-detail{color:var(--ink-3);font-size:.8rem;word-break:break-word}.tl-meta{display:flex;align-items:center;gap:var(--s-2);color:var(--ink-4);font-size:.74rem;white-space:nowrap}.tl-live{animation:breathe 1.6s var(--ease-in-out) infinite}.console{border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 30%),var(--bg-deep);overflow:hidden;box-shadow:0 40px 120px -60px #ffffff38}.console-bar{display:flex;align-items:center;gap:var(--s-2);padding:10px var(--s-4);border-bottom:1px solid var(--line);background:var(--surface-1)}.console-dots{display:flex;gap:5px}.console-dots i{width:8px;height:8px;border-radius:50%;background:var(--line-strong);display:block}.console-title{font-size:.76rem;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.console-body{padding:var(--s-5);display:grid;gap:var(--s-4);position:relative}.console-scan{position:relative;overflow:hidden}.console-scan:after{content:"";position:absolute;left:0;right:0;height:28%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.055),transparent);animation:scan 5.5s var(--ease-in-out) infinite;pointer-events:none}.prompt-line{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--line)}.prompt-caret{width:2px;height:18px;background:var(--ink);animation:type-caret 1.1s step-end infinite}.step-list{display:flex;flex-direction:column;gap:6px}.step{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:var(--s-3);padding:9px var(--s-3);border-radius:var(--r-sm);border:1px solid transparent;font-size:.86rem;transition:all var(--t) var(--ease)}.step[data-state=running]{background:var(--surface-2);border-color:var(--line-strong)}.step[data-state=done]{color:var(--ink-2)}.step[data-state=queued]{color:var(--ink-3)}.step-mark{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);font-size:.66rem}.step[data-state=done] .step-mark{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.step[data-state=running] .step-mark{border-color:var(--line-strong)}.step-rail{font-family:var(--mono);font-size:.72rem;color:var(--ink-4)}.ai-orb{width:30px;height:30px;border-radius:50%;position:relative;flex:none;background:radial-gradient(circle at 34% 30%,#ffffffe6,#ffffff14 62%);border:1px solid var(--line-strong)}.ai-orb[data-state=thinking]{animation:breathe 1.4s var(--ease-in-out) infinite}.ai-orb[data-state=executing]{box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 16%,transparent)}.ai-orb[data-state=waiting]{box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 18%,transparent)}.typing{display:inline-flex;gap:3px;align-items:center}.typing i{width:3.5px;height:3.5px;border-radius:50%;background:currentColor;animation:breathe 1.1s var(--ease-in-out) infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:var(--s-9);align-items:center;padding:var(--s-8) 0 var(--s-9)}.eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 12px 6px 8px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1);font-size:.76rem;color:var(--ink-2);margin-bottom:var(--s-5)}.eyebrow .dot{animation:breathe 2.2s var(--ease-in-out) infinite}.hero h1{margin-bottom:var(--s-5)}.hero .lede{font-size:clamp(1rem,1.6vw,1.14rem);color:var(--ink-2);max-width:54ch;margin-bottom:var(--s-6)}.hero-visual{position:relative}.gradient-text{background:linear-gradient(92deg,var(--ink) 20%,color-mix(in srgb,var(--ink) 42%,transparent) 78%);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}.stat-strip>div{background:var(--bg);padding:var(--s-5) var(--s-5);display:flex;flex-direction:column;gap:4px}.feature-card{display:flex;flex-direction:column;gap:var(--s-3);height:100%}.feature-icon{width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}.feature-icon svg{width:18px;height:18px}.feature-list{display:flex;flex-direction:column;gap:8px;margin-top:auto}.feature-list li{display:flex;gap:var(--s-2);align-items:flex-start;font-size:.84rem;color:var(--ink-2)}.feature-list svg{width:14px;height:14px;color:var(--ok);flex:none;margin-top:3px}.pill-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{padding:7px 13px;border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface-1);font-size:.82rem;color:var(--ink-2);transition:all var(--t-fast) var(--ease);display:inline-flex;align-items:center;gap:7px}.chip:hover{border-color:var(--line-strong);color:var(--ink);transform:translateY(-1px)}.chip[data-active=true]{background:var(--surface-3);color:var(--ink);border-color:var(--line-strong)}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;gap:var(--s-8);width:max-content;animation:ticker 38s linear infinite}.arch{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.arch-node{position:relative;padding:var(--s-5);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-1);display:flex;flex-direction:column;gap:6px}.arch-node strong{font-size:.9rem}.arch-node span{font-size:.8rem;color:var(--ink-3)}.footer{border-top:1px solid var(--line);padding:var(--s-8) var(--s-7);background:var(--bg-deep)}.footer-inner{max-width:var(--maxw);margin:0 auto;display:grid;gap:var(--s-7);grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}.footer-col{display:flex;flex-direction:column;gap:var(--s-3)}.footer-col a{color:var(--ink-2);font-size:.86rem;transition:color var(--t-fast) var(--ease)}.footer-col a:hover{color:var(--ink)}.footer-bottom{max-width:var(--maxw);margin:var(--s-7) auto 0;padding-top:var(--s-5);border-top:1px solid var(--line-faint);display:flex;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;color:var(--ink-4);font-size:.78rem}@media (max-width: 1180px){.hero{grid-template-columns:minmax(0,1fr);gap:var(--s-7)}.grid-4,.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){:root{--sidebar-w: 0px}.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:0;left:0;width:280px;transform:translate(-102%);transition:transform var(--t) var(--ease);box-shadow:0 0 80px #0009}.sidebar[data-open=true]{transform:none}.mobile-menu-btn{display:inline-flex}.scrim{position:fixed;inset:0;z-index:35;background:#03030499;backdrop-filter:blur(3px);animation:rise .18s var(--ease) both}.page{padding:var(--s-6) var(--s-5) var(--s-9)}.topbar{padding:0 var(--s-5)}}@media (max-width: 860px){.grid-3,.grid-2{grid-template-columns:minmax(0,1fr)}.kv{grid-template-columns:minmax(0,1fr);gap:4px var(--s-3)}.kv dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.modal{padding:var(--s-5);border-radius:var(--r-lg)}.table .nx-col{width:auto}.table th:nth-child(3),.table td:nth-child(3){display:none}}@media (max-width: 640px){.grid-4,.stat-strip,.footer-inner{grid-template-columns:minmax(0,1fr)}.toast-stack{right:var(--s-4);left:var(--s-4);bottom:var(--s-4);width:auto}.btn-row .btn{flex:1 1 auto}.tl-item{grid-template-columns:22px minmax(0,1fr)}.tl-meta{grid-column:2}}.provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s-3)}.provider-tile{display:grid;gap:4px;text-align:left;padding:var(--s-4);border-radius:var(--r-3);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.provider-tile:hover{border-color:var(--line-strong);transform:translateY(-1px)}.provider-tile:focus-visible{outline:none;box-shadow:var(--ring)}.provider-tile.is-active{border-color:var(--ink-3);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--ink-3),0 10px 30px -22px var(--glow)}.provider-tile__name{font-weight:600;font-size:.92rem;color:var(--ink);letter-spacing:-.01em}.provider-tile__note{font-size:.78rem;line-height:1.45;color:var(--ink-3)}.model-list{display:grid;gap:6px;max-height:340px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.model-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-2);border:1px solid var(--line);background:var(--surface-1);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.model-row:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}.model-row:disabled{opacity:.55;cursor:progress}.model-row.is-active{border-color:var(--ink-3);background:var(--surface-3)}.model-row__main{display:grid;gap:2px;min-width:0}.model-row__label{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:550;color:var(--ink)}.model-row__id{font-size:.72rem;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-row__note{font-size:.76rem;color:var(--ink-3);line-height:1.4}.model-row__meta{display:flex;align-items:center;gap:var(--s-3);flex:none}.chip--free{border-color:var(--line-strong)}.chip--paid{border-color:var(--line);color:var(--ink-2)}.chip--unknown{border-color:var(--line);color:var(--ink-3);border-style:dashed}[data-motion=subtle] .ambience:before,[data-motion=subtle] .console-scan:after,[data-motion=subtle] .marquee-track,[data-motion=subtle] .ai-orb,[data-motion=subtle] .eyebrow .dot{animation:none!important}[data-motion=subtle] .card--interactive:hover{transform:none}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition-duration:1ms!important}[data-motion=off] .ambience,[data-motion=off] .grain{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media print{.sidebar,.topbar,.ambience,.grain,.toast-stack{display:none!important}}