:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--blue-50: #eff6ff;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-900: #1e3a8a;--blue-950: #172554;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-300: #6ee7b7;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-300: #fcd34d;--amber-500: #f59e0b;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--red-50: #fef2f2;--red-100: #fee2e2;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--rose-100: #ffe4e6;--rose-800: #9f1239;--rose-950: #4c0519;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--bg-page: var(--gray-50);--bg-card: #ffffff;--bg-card-alt: var(--gray-50);--bg-header: #ffffff;--bg-table-head: var(--gray-100);--bg-input: #ffffff;--bg-row-hover: var(--gray-50);--border-default: var(--gray-200);--border-strong: var(--gray-300);--border-input: var(--gray-300);--border-dashed: var(--gray-300);--fg-default: var(--gray-900);--fg-muted: var(--gray-500);--fg-soft: var(--gray-600);--fg-strong: var(--gray-900);--fg-on-dark: #ffffff;--link: var(--blue-700);--link-hover: var(--blue-600);--intent-primary-bg: var(--blue-700);--intent-primary-fg: #ffffff;--intent-primary-hover:var(--blue-600);--intent-publish-bg: var(--emerald-700);--intent-publish-hover:var(--emerald-600);--intent-danger-bg: var(--red-700);--intent-danger-hover: var(--red-600);--intent-warn-bg: var(--amber-700);--intent-warn-hover: var(--amber-600);--intent-high-risk-bg: var(--violet-700);--intent-high-risk-hover: var(--violet-600);--intent-neutral-bg: var(--gray-800);--intent-neutral-fg: #ffffff;--intent-neutral-hover:var(--gray-700);--severity-critical-border: var(--red-500);--severity-critical-bg: var(--red-50);--severity-critical-fg: var(--red-900);--severity-high-border: var(--amber-500);--severity-high-bg: var(--amber-50);--severity-high-fg: var(--amber-900);--severity-info-border: var(--blue-400);--severity-info-bg: var(--blue-50);--severity-info-fg: var(--blue-900);--severity-ok-border: var(--emerald-500);--severity-ok-bg: var(--emerald-50);--severity-ok-fg: var(--emerald-900);--badge-amber-bg: var(--amber-100);--badge-amber-fg: var(--amber-900);--badge-red-bg: var(--red-100);--badge-red-fg: var(--red-800);--badge-green-bg: var(--emerald-100);--badge-green-fg: var(--emerald-800);--badge-blue-bg: var(--blue-50);--badge-blue-fg: var(--blue-900);--badge-gray-bg: var(--gray-100);--badge-gray-fg: var(--gray-700);--badge-rose-bg: var(--rose-100);--badge-rose-fg: var(--rose-800);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-serif: "Newsreader", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--text-2xl: 1.5rem;--text-xl: 1.25rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-xs: .75rem;--text-10: .625rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-wide: .025em;--tracking-normal: 0;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--space-0: 0;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--container: 80rem;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--border-width: 1px;--border-width-l4: 4px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05)}html.dark{--bg-page: var(--gray-900);--bg-card: var(--gray-800);--bg-card-alt: rgba(17,24,39,.4);--bg-header: var(--gray-800);--bg-table-head: var(--gray-700);--bg-input: var(--gray-800);--bg-row-hover: var(--gray-700);--border-default: var(--gray-700);--border-strong: var(--gray-600);--border-input: var(--gray-600);--border-dashed: var(--gray-700);--fg-default: var(--gray-100);--fg-muted: var(--gray-400);--fg-soft: var(--gray-300);--fg-strong: #ffffff;--link: var(--blue-400);--link-hover: #ffffff;--intent-neutral-bg: var(--gray-200);--intent-neutral-fg: var(--gray-900);--intent-neutral-hover:#ffffff;--severity-critical-bg: var(--red-950);--severity-critical-fg: #fee2e2;--severity-high-bg: var(--amber-950);--severity-high-fg: #fef3c7;--severity-info-bg: rgba(23,37,84,.6);--severity-info-fg: #dbeafe;--severity-ok-bg: rgba(2,44,34,.6);--severity-ok-fg: #d1fae5;--badge-amber-bg: var(--amber-900);--badge-amber-fg: #fef3c7;--badge-red-bg: var(--red-900);--badge-red-fg: #fecaca;--badge-green-bg: var(--emerald-900);--badge-green-fg: #d1fae5;--badge-blue-bg: var(--blue-950);--badge-blue-fg: #dbeafe;--badge-gray-bg: var(--gray-700);--badge-gray-fg: #e5e7eb;--badge-rose-bg: var(--rose-950);--badge-rose-fg: #fecdd3}html,body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--fg-default);background:var(--bg-page);line-height:var(--leading-normal)}h1,.h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);margin:0}h2,.h2{font-size:var(--text-lg);font-weight:var(--weight-medium)}h3,.h3{font-size:var(--text-base);font-weight:var(--weight-semibold)}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-muted);font-weight:var(--weight-medium)}code,.mono,kbd{font-family:var(--font-mono);font-size:.92em}kbd{display:inline-block;padding:1px 6px;font-size:var(--text-10);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--fg-soft);background:var(--bg-card)}.tabular{font-variant-numeric:tabular-nums}html.dark{--bg-page: #141414;--bg-card: #1e1e1e;--bg-card-alt: rgba(0, 0, 0, .28);--bg-header: #1e1e1e;--bg-table-head: #292929;--bg-input: #191919;--bg-row-hover: #262626;--border-default: #2e2e2e;--border-strong: #454545;--border-input: #3a3a3a;--border-dashed: #3a3a3a;--fg-default: #f2f2f2;--fg-soft: #c9c9c9;--fg-muted: #8c8c8c;--fg-strong: #fff;--badge-gray-bg: #2e2e2e;--badge-gray-fg: #d4d4d4}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;background:var(--bg-page);color:var(--fg-default);-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--fg-muted)}.soft{color:var(--fg-soft)}.spacer{flex:1}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;border:1px solid var(--border-default);background:var(--bg-card);color:var(--fg-default);font-size:13px;line-height:1.3}.btn:hover{background:var(--bg-row-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:transparent;background:var(--intent-primary-bg);color:var(--intent-primary-fg);font-weight:500}.btn-primary:hover{background:var(--intent-primary-hover)}.btn-publish{border-color:transparent;background:var(--intent-publish-bg);color:var(--fg-on-dark);font-weight:500}.btn-publish:hover{background:var(--intent-publish-hover)}.btn-danger{border-color:transparent;background:var(--intent-danger-bg);color:var(--fg-on-dark)}.btn-danger:hover{background:var(--intent-danger-hover)}.btn-neutral{border-color:transparent;background:var(--intent-neutral-bg);color:var(--intent-neutral-fg);font-weight:500}.btn-neutral:hover{background:var(--intent-neutral-hover)}.btn-strong{border-color:var(--border-strong)}.btn-sm{padding:4px 10px;font-size:12px}.pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;font:500 11px var(--font-mono);white-space:nowrap;flex:none}.pill-green{background:var(--badge-green-bg);color:var(--badge-green-fg)}.pill-blue{background:var(--badge-blue-bg);color:var(--badge-blue-fg)}.pill-red{background:var(--badge-red-bg);color:var(--badge-red-fg)}.pill-amber{background:var(--badge-amber-bg);color:var(--badge-amber-fg)}.pill-gray{background:var(--badge-gray-bg);color:var(--badge-gray-fg)}.dot{width:8px;height:8px;border-radius:999px;flex:none}.dot-green{background:var(--emerald-600)}.dot-blue{background:var(--blue-600)}.dot-red{background:var(--red-600)}.dot-gray{background:var(--gray-400)}.input,.select,.textarea{width:100%;padding:5px 6px;border-radius:4px;border:1px solid var(--border-input);background:var(--bg-input);color:var(--fg-default);font:13px var(--font-mono)}.textarea{font-size:12px;line-height:1.5;resize:vertical}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:1px solid var(--blue-400);outline-offset:1px}.field{display:grid;gap:3px}.field>label{font-size:12px;color:var(--fg-muted)}.field-readonly{background:var(--bg-card-alt);color:var(--fg-muted)}.gate{min-height:100%;display:grid;place-items:center;padding:40px 32px}.gate form{width:320px;display:grid;gap:10px}.brand{display:flex;align-items:center;gap:8px}.brand-mark{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;background:var(--intent-primary-bg);color:var(--intent-primary-fg);font:500 10px var(--font-mono);flex:none}.brand-mark-neutral{background:var(--intent-neutral-bg);color:var(--intent-neutral-fg)}.brand-name{font-size:18px;font-weight:600;letter-spacing:-.01em}.gate-note{font-size:12px;color:var(--fg-muted)}.gate-error{font-size:12px;color:var(--severity-critical-fg)}.header{background:var(--bg-header);border-bottom:1px solid var(--border-default);flex:none}.header-inner{max-width:var(--container);margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:14px}.header-canvas .header-inner{max-width:none;padding:10px 20px;gap:10px}.nav{display:flex;align-items:center;gap:12px;font-size:13px}.nav a{color:var(--fg-muted);text-decoration:none}.nav a:hover{color:var(--fg-default)}.nav .current{color:var(--fg-default);font-weight:500}.sep{color:var(--border-strong)}.theme-toggle{padding:2px 7px;font-size:12px;line-height:1.4;border-radius:4px;border:1px solid var(--border-default);background:transparent;color:var(--fg-muted)}.theme-toggle:hover{color:var(--fg-default)}main.page{width:100%;max-width:var(--container);margin:0 auto;padding:24px}.page-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}h1{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0}.table-wrap{background:var(--bg-card);border:1px solid var(--border-default);border-radius:4px;overflow:hidden}table{width:100%;border-collapse:collapse}thead th{background:var(--bg-table-head);font-size:12px;font-weight:500;text-align:left;padding:8px 12px;color:var(--fg-soft)}tbody tr{border-top:1px solid var(--border-default)}tbody tr.clickable:hover{background:var(--bg-row-hover);cursor:pointer}td{padding:8px 12px;font-size:14px}.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.footnote{margin-top:10px;font:12px var(--font-mono);color:var(--fg-muted)}.empty{border:1px dashed var(--border-dashed);background:var(--bg-card-alt);border-radius:6px;padding:20px;text-align:center;color:var(--fg-muted);font-size:12px}.empty strong{display:block;font-size:13px;font-weight:600;color:var(--fg-default);margin-bottom:4px}.sev{border:1px solid var(--border-default);border-left:4px solid;border-radius:6px;padding:10px 14px}.sev-info{background:var(--severity-info-bg);border-color:var(--severity-info-border);border-left-color:var(--blue-600);color:var(--severity-info-fg)}.sev-warn{background:var(--severity-high-bg);border-color:var(--severity-high-border);border-left-color:var(--amber-700);color:var(--severity-high-fg)}.sev-danger{background:var(--severity-critical-bg);border-color:var(--severity-critical-border);border-left-color:var(--red-600);color:var(--severity-critical-fg)}.sev-ok{background:var(--severity-ok-bg);border-color:var(--severity-ok-border);border-left-color:var(--emerald-600);color:var(--severity-ok-fg)}.shadow{box-shadow:var(--shadow-lg)}@keyframes vc-spin{to{transform:rotate(360deg)}}@keyframes vc-bar{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}@keyframes vc-pulse{0%,to{opacity:1}50%{opacity:.35}}.spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:vc-spin .7s linear infinite;flex:none}@media (prefers-reduced-motion: reduce){.spinner,.wave span,.pulse{animation:none!important}}