@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";

:root{--c-ink-950:#0f1013;--c-ink-900:#141518;--c-ink-800:#1e2025;--c-ink-700:#2a2c33;--c-ink-600:#3b3e47;--c-ink-500:#565a65;--c-ink-400:#767b86;--c-ink-300:#9aa0ab;--c-ink-200:#c2c7cf;--c-ink-150:#d6dae1;--c-ink-100:#e2e6ec;--c-ink-50:#eef0f3;--c-ink-25:#f5f7f9;--c-white:#fff;--c-paper-blue:#f4f7fb;--c-panel-blue:#eaf1ff;--c-panel-blue-border:#dce7fa;--c-navy-900:#0b1733;--c-navy-700:#1e2c4d;--c-studio-teal:#76afb2;--c-demo-navy:#172338;--c-demo-teal-deep:#3d7a72;--c-demo-teal:#8ecfcb;--c-demo-teal-pale:#e2f3f1;--c-sky-700:#0041d0;--c-sky-600:#0062ff;--c-sky-500:#3d85ff;--c-sky-400:#6ba3ff;--c-sky-300:#99c1ff;--c-sky-100:#d1e3ff;--c-sky-050:#e8f1ff;--c-green-500:#00b85c;--c-green-100:#d4fae5;--c-amber-500:#f59e0b;--c-amber-100:#fef3c7;--c-red-500:#ef4444;--c-red-100:#fee2e2;--c-data-1:#3d85ff;--c-data-2:#8b5cf6;--c-data-3:#06b6d4;--c-data-4:#f59e0b;--c-data-5:#ec4899;--c-data-6:#64748b}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--c-paper-blue);--surface:var(--c-white);--surface-2:var(--c-ink-50);--surface-sunken:var(--c-ink-100);--inverse:var(--c-ink-900);--inverse-text:var(--c-ink-50);--border:var(--c-ink-150);--border-soft:var(--c-ink-100);--border-strong:var(--c-ink-300);--text:var(--c-ink-900);--text-muted:var(--c-ink-500);--text-subtle:var(--c-ink-400);--text-on-accent:var(--c-white);--accent:var(--c-sky-500);--accent-hover:var(--c-sky-600);--accent-soft:var(--c-panel-blue);--accent-border:var(--c-sky-300);--accent-text:var(--c-sky-700);--success:var(--c-green-500);--success-soft:var(--c-green-100);--warning:var(--c-amber-500);--warning-soft:var(--c-amber-100);--danger:var(--c-red-500);--danger-soft:var(--c-red-100);--success-border:#00b85c59;--warning-text:#b45309;--warning-border:#f59e0b66;--danger-border:#ef444459;--shadow-sm:0 1px 2px #1415180f;--shadow-md:0 6px 20px -8px #14151829;--shadow-lg:0 28px 60px -22px #14151857;--shadow-control:0 8px 18px -14px #14151838;--shadow-surface:0 10px 30px -18px #1415182e;--shadow-media:0 24px 64px -28px #14285047;--shadow-cta:0 24px 64px -16px color-mix(in srgb, var(--accent-hover) 36%, transparent);--shadow-hover:0 18px 44px -22px #14285047;--shadow-nav:0 10px 28px -24px #0b173366;--shadow-sticky:0 16px 38px -32px #0b17336b;--overlay:#1415186b;--stripe:#1415180d;--gradient-studio:linear-gradient(135deg, var(--c-panel-blue) 0%, var(--c-paper-blue) 52%, var(--c-white) 100%);--gradient-proof:linear-gradient(135deg, var(--c-sky-700) 0%, var(--c-sky-600) 54%, color-mix(in srgb, var(--c-sky-600) 78%, var(--c-sky-500)) 100%);--gradient-navy-wash:linear-gradient(180deg, color-mix(in srgb, var(--c-navy-900) 20%, transparent), color-mix(in srgb, var(--c-navy-900) 76%, transparent));--gradient-surface:linear-gradient(180deg, color-mix(in srgb, var(--c-white) 96%, transparent) 0%, color-mix(in srgb, var(--c-panel-blue) 38%, var(--c-white)) 100%)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--c-ink-950);--surface:#16181d;--surface-2:#1c1e24;--surface-sunken:#0b0c0e;--inverse:var(--c-ink-50);--inverse-text:var(--c-ink-900);--border:#2a2c33;--border-soft:#202228;--border-strong:#3b3e47;--text:var(--c-ink-50);--text-muted:var(--c-ink-300);--text-subtle:var(--c-ink-400);--text-on-accent:var(--c-ink-950);--accent:var(--c-sky-400);--accent-hover:var(--c-sky-300);--accent-soft:#6ba3ff29;--accent-border:#6ba3ff6b;--accent-text:var(--c-sky-300);--success:#34d278;--success-soft:#34d27829;--warning:#fbbf24;--warning-soft:#fbbf2429;--danger:#f87171;--danger-soft:#f871712e;--success-border:#34d27859;--warning-text:#fbbf24;--warning-border:#fbbf2466;--danger-border:#f8717159;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px -8px #0009;--shadow-lg:0 32px 64px -20px #000000b3;--shadow-control:0 8px 18px -14px #000000b8;--shadow-surface:0 12px 34px -18px #000000b3;--shadow-media:0 28px 72px -30px #000000c7;--shadow-cta:0 28px 72px -18px color-mix(in srgb, var(--accent-hover) 30%, transparent);--shadow-hover:0 22px 54px -24px #000000c2;--shadow-nav:0 10px 28px -24px #000000ad;--shadow-sticky:0 16px 38px -32px #000000b3;--overlay:#0000009e;--stripe:#eef0f30d;--gradient-studio:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 82%, var(--surface)) 0%, var(--surface-2) 58%, var(--surface) 100%);--gradient-proof:linear-gradient(135deg, var(--c-sky-700) 0%, var(--c-sky-600) 54%, color-mix(in srgb, var(--c-sky-600) 78%, var(--c-sky-500)) 100%);--gradient-navy-wash:linear-gradient(180deg, color-mix(in srgb, var(--c-ink-950) 18%, transparent), color-mix(in srgb, var(--c-ink-950) 78%, transparent));--gradient-surface:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent) 0%, color-mix(in srgb, var(--accent-soft) 42%, var(--surface)) 100%)}
:root{--font-display:"Poppins", system-ui, sans-serif;--font-body:"Poppins", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--fs-display-1:64px;--fs-display-2:48px;--fs-h1:36px;--fs-h2:28px;--fs-h3:22px;--fs-h4:18px;--fs-body-lg:17px;--fs-body:15px;--fs-body-sm:13px;--fs-caption:12px;--fs-mono:11px;--lh-tight:1.04;--lh-snug:1.2;--lh-normal:1.55;--tr-display:-.022em;--tr-heading:-.01em;--tr-mono:.16em}
:root{--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px;--sp-7:24px;--sp-8:32px;--sp-9:40px;--sp-10:48px;--sp-11:64px;--sp-12:80px;--sp-13:96px;--radius:8px;--radius-sm:5px;--radius-lg:12px;--radius-xl:16px;--radius-xxl:20px;--radius-pill:999px;--border-w:1px;--control-h:40px;--control-h-sm:32px;--control-h-lg:48px;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--container:1160px;--faq-width:880px;--ease:cubic-bezier(.2, .6, .2, 1)}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scrollbar-color:color-mix(in srgb, var(--accent) 42%, var(--c-ink-150)) var(--c-paper-blue);scrollbar-width:thin;text-rendering:optimizelegibility;scroll-padding-top:132px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);transition:background .3s var(--ease), color .3s var(--ease)}::selection{background:color-mix(in srgb, var(--accent) 88%, var(--c-navy-900));color:var(--text-on-accent)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--tr-heading)}a{color:var(--accent-text);text-underline-offset:3px}.t-display-1{font-family:var(--font-display);font-weight:600;font-size:var(--fs-display-1);line-height:var(--lh-tight);letter-spacing:var(--tr-display)}.t-display-2{font-family:var(--font-display);font-weight:600;font-size:var(--fs-display-2);line-height:var(--lh-tight);letter-spacing:var(--tr-display)}.t-h1{font-size:var(--fs-h1)}.t-h2{font-size:var(--fs-h2)}.t-h3{font-size:var(--fs-h3);font-weight:500}.t-h4{font-size:var(--fs-h4);font-weight:500}.t-body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-normal)}.t-body{font-size:var(--fs-body)}.t-body-sm{font-size:var(--fs-body-sm)}.t-caption{font-size:var(--fs-caption);color:var(--text-muted)}.t-muted{color:var(--text-muted)}.t-subtle{color:var(--text-subtle)}.mono{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--text-muted)}.mono-accent{color:var(--accent-text)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--accent-text)}
.btn{font-family:var(--font-display);font-weight:500;font-size:var(--fs-body-sm);letter-spacing:.005em;height:var(--control-h);border:var(--border-w) solid transparent;border-radius:var(--radius);color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:none;transition:background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease), transform .12s var(--ease);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex;position:relative}.btn:hover,.btn:focus{text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn .ic{width:16px;height:16px}.btn-primary{background:linear-gradient(135deg, var(--c-navy-900), var(--c-navy-700));color:var(--c-white);border-color:color-mix(in srgb, var(--c-white) 12%, transparent);box-shadow:var(--shadow-control)}.btn-primary:hover{background:var(--c-navy-900);box-shadow:var(--shadow-hover)}[data-theme=dark] .btn-primary:hover{background:var(--c-white)}.btn-accent{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:var(--text-on-accent);border-color:color-mix(in srgb, var(--c-white) 18%, transparent);box-shadow:var(--shadow-control)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-hover)}.btn-secondary{background:color-mix(in srgb, var(--surface) 94%, var(--accent-soft));color:var(--text);border-color:color-mix(in srgb, var(--border-soft) 64%, transparent);box-shadow:var(--shadow-control)}.btn-secondary:hover{border-color:var(--accent-border);background:var(--surface);box-shadow:var(--shadow-surface)}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--accent-soft);color:var(--accent-text)}.btn-danger{background:var(--danger);color:var(--c-white);border-color:var(--danger)}.btn-danger:hover{filter:brightness(.93)}.btn-sm{height:var(--control-h-sm);font-size:var(--fs-caption);padding:0 12px}.btn-lg{height:var(--control-h-lg);font-size:var(--fs-body);padding:0 24px}.btn-icon{width:var(--control-h);padding:0}.btn-icon.btn-sm{width:var(--control-h-sm)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.btn-block{width:100%;display:flex}.field{flex-direction:column;gap:6px;display:flex}.label{font-size:var(--fs-body-sm);color:var(--text);font-weight:500}.label .opt{color:var(--text-subtle);font-weight:400}.help{font-size:var(--fs-caption);color:var(--text-muted)}.help-error{color:var(--danger)}.input,.select,.textarea{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);background:color-mix(in srgb, var(--surface) 96%, var(--accent-soft));caret-color:var(--accent);border:var(--border-w) solid color-mix(in srgb, var(--border-strong) 52%, transparent);border-radius:var(--radius);height:var(--control-h);width:100%;box-shadow:var(--shadow-control);transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);padding:0 12px}.textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:hover,.select:hover,.textarea:hover{border-color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-surface);outline:none}.input.is-error,.select.is-error,.textarea.is-error{border-color:var(--danger)}.input.is-error:focus,.select.is-error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.input:disabled{background:var(--surface-sunken);color:var(--text-subtle);cursor:not-allowed}.input-group{align-items:center;display:flex;position:relative}.input-group .ic{width:16px;height:16px;color:var(--text-subtle);pointer-events:none;position:absolute;left:12px}.input-group .input{padding-left:36px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}@media (hover:none){.btn:hover{transform:none}.btn:active{transform:scale(.985)}}.check{cursor:pointer;font-size:var(--fs-body-sm);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.check input{opacity:0;width:0;height:0;position:absolute}.check .box{border:var(--border-w) solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);width:18px;height:18px;transition:all .15s var(--ease);flex:none;place-items:center;display:grid}.check .box.round{border-radius:var(--radius-pill)}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box:after{content:""}.check .box svg{width:12px;height:12px;color:var(--text-on-accent);opacity:0;transition:opacity .12s}.check input:checked+.box svg{opacity:1}.check input:checked+.box.round:after{background:var(--text-on-accent);border-radius:50%;width:8px;height:8px}.check input:focus-visible+.box{box-shadow:0 0 0 3px var(--accent-soft)}.toggle{cursor:pointer;align-items:center;display:inline-flex}.toggle input{opacity:0;position:absolute}.toggle .track{border-radius:var(--radius-pill);background:var(--border-strong);width:40px;height:22px;transition:background .18s var(--ease);position:relative}.toggle .track:after{content:"";border-radius:var(--radius-pill);background:var(--c-white);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease);position:absolute;top:2px;left:2px}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track:after{transform:translate(18px)}.toggle input:focus-visible+.track{box-shadow:0 0 0 3px var(--accent-soft)}.card{background:var(--gradient-surface);border:var(--border-w) solid color-mix(in srgb, var(--border-soft) 58%, transparent);border-radius:var(--radius-xl);padding:var(--sp-7);box-shadow:var(--shadow-surface)}.card-flush{padding:0;overflow:hidden}.card-raised{box-shadow:var(--shadow-media);border-color:color-mix(in srgb, var(--border-soft) 54%, transparent)}.card-pad{padding:var(--sp-7)}.card-head{margin-bottom:var(--sp-5);justify-content:space-between;align-items:center;gap:12px;display:flex}.card-divider{background:var(--border);height:1px;margin:var(--sp-6) calc(-1 * var(--sp-7))}.stat{flex-direction:column;gap:6px;display:flex}.stat .val{font-family:var(--font-display);letter-spacing:var(--tr-heading);font-size:34px;font-weight:600;line-height:1}.stat .delta{font-family:var(--font-mono);font-size:var(--fs-caption);align-items:center;gap:4px;display:inline-flex}.delta-up{color:var(--success)}.delta-down{color:var(--danger)}.badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:var(--border-w) solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:color-mix(in srgb, var(--surface) 90%, var(--accent-soft));align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-neutral{color:var(--text-muted)}.badge-accent{color:var(--accent-text);border-color:var(--accent-border);background:var(--accent-soft)}.badge-success{color:var(--success);border-color:var(--success-border);background:var(--success-soft)}.badge-warning{color:var(--warning-text);border-color:var(--warning-border);background:var(--warning-soft)}.badge-danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.badge-solid{background:var(--inverse);color:var(--inverse-text);border-color:var(--inverse)}.tag{font-size:var(--fs-caption);border:var(--border-w) solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.tag .x{color:var(--text-subtle);cursor:pointer;place-items:center;display:inline-grid}.tag .x:hover{color:var(--text)}.verified{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);border-radius:var(--radius-pill);border:var(--border-w) solid color-mix(in srgb, var(--accent-border) 58%, transparent);background:color-mix(in srgb, var(--accent-soft) 88%, var(--surface));box-shadow:var(--shadow-control);align-items:center;gap:7px;padding:6px 12px 6px 10px;font-size:10.5px;display:inline-flex}.verified svg{width:14px;height:14px}.avatar{border-radius:var(--radius-pill);border:var(--border-w) solid var(--border);flex:none;width:40px;height:40px;position:relative;overflow:hidden}.avatar.sm{width:28px;height:28px}.avatar.lg{width:56px;height:56px}.avatar .ph{width:100%;height:100%}.avatar-ver:after{content:"";background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.ph{background-color:var(--surface-sunken);background-image:repeating-linear-gradient(45deg, var(--stripe) 0 1px, transparent 1px 9px);place-items:center;display:grid;position:relative}.ph .ph-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);background:var(--surface);border:1px solid var(--border);padding:4px 8px;font-size:10px}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);padding:var(--sp-9) var(--sp-7);text-align:center;transition:border-color .15s var(--ease), background .15s var(--ease);cursor:pointer;flex-direction:column;align-items:center;gap:12px;display:flex}.dropzone:hover,.dropzone.is-drag{border-color:var(--accent);background:var(--accent-soft)}.dropzone .dz-ic{width:28px;height:28px;color:var(--text-muted)}.dropzone .dz-title{font-weight:500;font-size:var(--fs-body)}.dropzone .dz-sub{font-size:var(--fs-caption);color:var(--text-muted)}.shot-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.shot{aspect-ratio:4/5;border:var(--border-w) solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.shot .ph{width:100%;height:100%}.shot .shot-tag{position:absolute;top:8px;left:8px}.shot .shot-check{background:var(--accent);border-radius:var(--radius-sm);place-items:center;width:20px;height:20px;display:grid;position:absolute;top:8px;right:8px}.shot .shot-check svg{width:12px;height:12px;color:var(--text-on-accent)}.shot-processing:after{content:"";background:linear-gradient(100deg, transparent 20%, var(--stripe) 50%, transparent 80%);background-size:200% 100%;animation:1.4s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ba{background:var(--border);border:var(--border-w) solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.ba>div{aspect-ratio:4/5;position:relative}.ba .lbl{position:absolute;bottom:8px;left:8px}.tabs{border-bottom:var(--border-w) solid var(--border);gap:2px;display:flex}.tab{font-family:var(--font-display);font-size:var(--fs-body-sm);color:var(--text-muted);cursor:pointer;transition:color .15s var(--ease), border-color .15s var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-weight:500}.tab:hover{color:var(--text)}.tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.segmented{border:var(--border-w) solid var(--border-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented button{font-family:var(--font-display);font-size:var(--fs-body-sm);background:var(--surface);color:var(--text-muted);cursor:pointer;border:none;border-right:var(--border-w) solid var(--border-strong);padding:7px 14px;font-weight:500}.segmented button:last-child{border-right:none}.segmented button.is-active{background:var(--inverse);color:var(--inverse-text)}.topnav{background:var(--surface);border:var(--border-w) solid var(--border);align-items:center;gap:20px;height:60px;padding:0 20px;display:flex}.topnav .brand{align-items:center;gap:10px;display:flex}.topnav .nav-links{gap:4px;margin-left:12px;display:flex}.topnav .nav-links a{font-size:var(--fs-body-sm);color:var(--text-muted);border-bottom:2px solid #0000;padding:8px 12px;font-weight:500;text-decoration:none}.topnav .nav-links a:hover{color:var(--text)}.topnav .nav-links a.is-active{color:var(--text);border-bottom-color:var(--accent)}.topnav .spacer{margin-left:auto}.sidebar{background:var(--surface);border:var(--border-w) solid var(--border);width:240px;padding:12px}.side-group{margin-bottom:14px}.side-group .side-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-subtle);padding:8px 12px 6px;font-size:10px}.side-link{font-size:var(--fs-body-sm);color:var(--text-muted);cursor:pointer;border-left:2px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.side-link svg{width:16px;height:16px}.side-link:hover{color:var(--text);background:var(--surface-2)}.side-link.is-active{color:var(--text);background:var(--surface-2);border-left-color:var(--accent)}.side-link .count{font-family:var(--font-mono);color:var(--text-subtle);margin-left:auto;font-size:10px}.table-wrap{border:var(--border-w) solid var(--border);border-radius:var(--radius);overflow:hidden}table.tbl{border-collapse:collapse;width:100%;font-size:var(--fs-body-sm)}.tbl thead th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);border-bottom:var(--border-w) solid var(--border);padding:12px 16px;font-size:10px;font-weight:400}.tbl tbody td{border-bottom:var(--border-w) solid var(--border-soft);color:var(--text);vertical-align:middle;padding:13px 16px}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .cell-user{align-items:center;gap:10px;display:flex}.tbl .num{font-family:var(--font-mono);font-size:var(--fs-body-sm);text-align:right}.tbl td.num,.tbl th.num{text-align:right}.chart-bars{align-items:flex-end;gap:10px;height:160px;display:flex}.chart-bars .bar{background:var(--accent);transform-origin:bottom;min-height:2px;transition:transform .4s var(--ease);flex:1;position:relative}.chart-bars .bar.muted{background:var(--border-strong)}.chart-x{gap:10px;margin-top:8px;display:flex}.chart-x span{text-align:center;font-family:var(--font-mono);color:var(--text-subtle);flex:1;font-size:9.5px}.legend{flex-wrap:wrap;gap:14px;display:flex}.legend span{font-size:var(--fs-caption);color:var(--text-muted);align-items:center;gap:7px;display:inline-flex}.legend i{border-radius:2px;width:10px;height:10px}.scrim{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;opacity:0;pointer-events:none;transition:opacity .2s var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:var(--border-w) solid var(--border);box-shadow:var(--shadow-lg);width:100%;max-width:440px;transition:transform .2s var(--ease);border-radius:var(--radius-lg);overflow:hidden;transform:translateY(8px)scale(.99)}.scrim.open .modal{transform:none}.modal-head{border-bottom:var(--border-w) solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{flex-direction:column;gap:14px;padding:24px;display:flex}.modal-foot{border-top:var(--border-w) solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.toast-stack{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:var(--border-w) solid var(--border);min-width:300px;max-width:380px;box-shadow:var(--shadow-md);transition:transform .3s var(--ease);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:14px 16px;display:flex;transform:translate(120%)}.toast.show{transform:none}.toast .t-ic{flex:none;width:18px;height:18px;margin-top:1px}.toast.ok .t-ic{color:var(--success)}.toast.err .t-ic{color:var(--danger)}.toast.info .t-ic{color:var(--accent)}.toast .t-title{font-weight:500;font-size:var(--fs-body-sm)}.toast .t-msg{font-size:var(--fs-caption);color:var(--text-muted)}.toast .t-close{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;margin-left:auto}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.swatch{border:var(--border-w) solid var(--border);border-radius:var(--radius);overflow:hidden}.swatch .chip{height:76px}.swatch .meta{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.swatch .nm{font-size:var(--fs-body-sm);font-weight:500}.swatch .vl{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.ramp{border:var(--border-w) solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.ramp>div{flex:1;height:56px;position:relative}.ramp>div span{text-align:center;font-family:var(--font-mono);font-size:8.5px;position:absolute;bottom:4px;left:0;right:0}.spec-row{border-top:var(--border-w) solid var(--border-soft);font-size:var(--fs-body-sm);justify-content:space-between;gap:16px;padding:11px 0;display:flex}.spec-row:first-child{border-top:none}.spec-row .k{color:var(--text-muted)}.spec-row .v{font-family:var(--font-mono);color:var(--text);text-align:right;font-size:11px}
