:root{color-scheme:light;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.953rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 2px 8px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12);--focus-ring-width: 3px;--focus-ring-color: #2563eb;--focus-ring: 0 0 0 var(--focus-ring-width) rgba(37, 99, 235, .45);--target-min: 44px;--transition-fast: .12s ease;--transition-base: .2s ease;--color-neutral-0: #ffffff;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-active: #1e40af;--color-primary-soft: #eff6ff;--color-on-primary: #ffffff;--color-bg: var(--color-neutral-50);--color-surface: var(--color-neutral-0);--color-surface-2: var(--color-neutral-100);--color-border: var(--color-neutral-200);--color-border-strong: var(--color-neutral-300);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-600);--color-text-subtle: var(--color-neutral-500);--color-text-on-accent: #ffffff;--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--color-info-text: #1e40af;--color-info-solid: #2563eb;--color-success-bg: #ecfdf5;--color-success-border: #a7f3d0;--color-success-text: #065f46;--color-success-solid: #059669;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-warning-text: #92400e;--color-warning-solid: #d97706;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-danger-text: #991b1b;--color-danger-solid: #dc2626;--color-on-danger: #ffffff;--triage-green-bg: #ecfdf5;--triage-green-border: #6ee7b7;--triage-green-text: #065f46;--triage-green-solid: #059669;--triage-green-on-solid: #ffffff;--triage-yellow-bg: #fffbeb;--triage-yellow-border: #fcd34d;--triage-yellow-text: #854d0e;--triage-yellow-solid: #d97706;--triage-yellow-on-solid: #ffffff;--triage-red-bg: #fef2f2;--triage-red-border: #fca5a5;--triage-red-text: #991b1b;--triage-red-solid: #dc2626;--triage-red-on-solid: #ffffff;--triage-unknown-bg: #f1f5f9;--triage-unknown-border: #cbd5e1;--triage-unknown-text: #334155;--triage-unknown-solid: #64748b;--triage-unknown-on-solid: #ffffff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: var(--color-neutral-900);--color-surface: var(--color-neutral-800);--color-surface-2: var(--color-neutral-700);--color-border: #334155;--color-border-strong: #475569;--color-text: var(--color-neutral-50);--color-text-muted: var(--color-neutral-300);--color-text-subtle: var(--color-neutral-400);--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-active: #93c5fd;--color-primary-soft: #1e293b;--focus-ring-color: #60a5fa;--focus-ring: 0 0 0 var(--focus-ring-width) rgba(96, 165, 250, .5);--color-info-bg: #1e293b;--color-info-border: #1e40af;--color-info-text: #bfdbfe;--color-success-bg: #064e3b;--color-success-border: #065f46;--color-success-text: #a7f3d0;--color-warning-bg: #422006;--color-warning-border: #92400e;--color-warning-text: #fde68a;--color-danger-bg: #450a0a;--color-danger-border: #991b1b;--color-danger-text: #fecaca;--triage-green-bg: #052e23;--triage-green-border: #047857;--triage-green-text: #6ee7b7;--triage-yellow-bg: #3a2a06;--triage-yellow-border: #b45309;--triage-yellow-text: #fcd34d;--triage-red-bg: #450a0a;--triage-red-border: #b91c1c;--triage-red-text: #fca5a5;--triage-unknown-bg: #1e293b;--triage-unknown-border: #475569;--triage-unknown-text: #cbd5e1}}:root[data-theme=dark]{color-scheme:dark;--color-bg: var(--color-neutral-900);--color-surface: var(--color-neutral-800);--color-surface-2: var(--color-neutral-700);--color-border: #334155;--color-border-strong: #475569;--color-text: var(--color-neutral-50);--color-text-muted: var(--color-neutral-300);--color-text-subtle: var(--color-neutral-400);--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-active: #93c5fd;--color-primary-soft: #1e293b;--focus-ring-color: #60a5fa;--focus-ring: 0 0 0 var(--focus-ring-width) rgba(96, 165, 250, .5);--color-info-bg: #1e293b;--color-info-border: #1e40af;--color-info-text: #bfdbfe;--color-success-bg: #064e3b;--color-success-border: #065f46;--color-success-text: #a7f3d0;--color-warning-bg: #422006;--color-warning-border: #92400e;--color-warning-text: #fde68a;--color-danger-bg: #450a0a;--color-danger-border: #991b1b;--color-danger-text: #fecaca;--triage-green-bg: #052e23;--triage-green-border: #047857;--triage-green-text: #6ee7b7;--triage-yellow-bg: #3a2a06;--triage-yellow-border: #b45309;--triage-yellow-text: #fcd34d;--triage-red-bg: #450a0a;--triage-red-border: #b91c1c;--triage-red-text: #fca5a5;--triage-unknown-bg: #1e293b;--triage-unknown-border: #475569;--triage-unknown-text: #cbd5e1}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}.app-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--tight{gap:var(--space-2)}.stack--loose{gap:var(--space-5)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.row--between{justify-content:space-between}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.muted{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.code-strong{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.04em;color:var(--color-text)}.wizard-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.example-frame{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-2);border:1px solid var(--color-border)}.example-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.overlay rect,.overlay line{fill:none;stroke:var(--color-primary);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.85}.overlay .crosshair{stroke:var(--color-primary);stroke-dasharray:3 4;opacity:.4}