:root{color-scheme:light dark}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}:root{--font-body: "Saira Stencil One", sans-serif;--font-heading: "Rowdies", sans-serif;--identity-bg: light-dark(#5b21b6, #3d0d72);--identity-accent: light-dark(#f97316, #fb923c);--danger: light-dark(#dc2626, #ef4444);--warning: light-dark(#d97706, #fbbf24);--success: light-dark(#15803d, #4ade80);--editor-bg: light-dark(#2b1805, #0e0a06);--editor-accent: light-dark(#1d4ed8, #60a5fa);--ink: light-dark(var(--editor-bg), #f5ede0);--paper: light-dark(#faf7f2, #1a1208);--panel: light-dark(rgb(250 247 242 / .92), rgb(28 18 8 / .94));--page-bg: light-dark(#e8d9be, #120d07);--card-bg: light-dark(#faf7f2, #231608);--surface-gradient: light-dark( linear-gradient(180deg, rgb(250 247 242 / .96), rgb(240 234 220 / .92)), linear-gradient(180deg, rgb(32 22 10 / .96), rgb(22 14 4 / .92)) );--input-bg: light-dark(rgb(250 247 242 / .96), rgb(32 22 10 / .96));--control-bg: light-dark(rgb(250 247 242 / .88), rgb(40 28 12 / .88));--muted: light-dark(rgb(43 24 5 / .55), rgb(245 237 224 / .5));--muted-strong: light-dark(rgb(43 24 5 / .75), rgb(245 237 224 / .7));--identity-grid-line: light-dark(rgba(255,255,255,.18), rgba(255,255,255,.1));--danger-bg: light-dark(#fff4ee, rgb(40 15 5));--danger-text: var(--danger);--success-bg: var(--success);--success-text: light-dark(#fff, #0e0a06);--error-bg: light-dark(var(--danger), #c2410c);--error-text: white;--primary: var(--editor-accent);--accent: var(--identity-accent);--accent-link: light-dark(#7c3aed, #c084fc);--accent-link-visited: light-dark(#5b21b6, #a855f7);--session-bg: light-dark(#f0ebe0, rgb(96 165 250 / .06));--session-current-bg: light-dark(#e8f4ff, rgb(96 165 250 / .1));--session-current-border: light-dark(#1d4ed8, #60a5fa);--meta-color: light-dark(#7a6855, #a08060);--cancel-bg: light-dark(rgb(250 247 242 / .92), rgb(28 18 8 / .92));--cancel-dark-bg: light-dark(#ede7da, #231608);--pattern-opacity: light-dark(1, .5);--overlay-white: light-dark(rgb(250 247 242 / .76), rgb(0 0 0 / .3));--overlay-white-end: light-dark(rgb(250 247 242 / .34), rgb(0 0 0 / .12));--card-overlay-top: light-dark(rgb(250 247 242 / .96), rgb(32 22 10 / .96));--card-overlay-bottom: light-dark(rgb(240 234 220 / .92), rgb(22 14 4 / .92));--card-overlay-after: light-dark(rgb(43 24 5 / .04), rgb(43 24 5 / .06));--pill-bg: light-dark(rgb(250 247 242 / .88), rgb(32 22 10 / .85));--pill-status-bg: light-dark(rgb(29 78 216 / .12), rgb(96 165 250 / .2));--pill-fresh-bg: light-dark(rgb(29 78 216 / .12), rgb(96 165 250 / .18));--metric-bg: light-dark(rgb(250 247 242 / .75), rgb(32 22 10 / .7));--metric-border: light-dark(rgb(43 24 5 / .85), rgb(245 237 224 / .3));--row-bg: light-dark(rgb(250 247 242 / .75), rgb(32 22 10 / .72));--select-gradient-1: light-dark(rgb(250 247 242 / .98), rgb(32 22 10 / .98));--select-gradient-2: light-dark(rgb(240 234 220 / .96), rgb(22 14 4 / .96));--select-stripe: light-dark(rgb(43 24 5 / .04), rgb(245 237 224 / .04));--select-divider: light-dark(rgb(43 24 5 / .14), rgb(245 237 224 / .14));--empty-stage-bg: light-dark(var(--editor-bg), #060402);--empty-pixel: light-dark(#faf7f2, #f5ede0);--move-menu-bg: light-dark(#faf7f2, #1a1208);--move-btn-bg: light-dark(#f0ebe0, #2a1c0a);--drag-handle-bg: light-dark(#faf7f2, #1a1208);--drag-overlay-shadow: light-dark(rgb(43 24 5 / .85), rgb(0 0 0 / .65));--drag-overlay-top: light-dark(rgb(250 247 242 / .98), rgb(32 22 10 / .98));--drag-overlay-bottom: light-dark(rgb(240 234 220 / .98), rgb(22 14 4 / .98));--placeholder-bg: light-dark(rgb(250 247 242 / .55), rgb(28 18 8 / .55));--placeholder-border: light-dark(rgb(43 24 5 / .3), rgb(245 237 224 / .2));--placeholder-text: light-dark(rgb(43 24 5 / .45), rgb(245 237 224 / .4));--structured-editor-bg: light-dark(rgb(250 247 242 / .78), rgb(32 22 10 / .76));--page-action-gold: light-dark(#f5a800, #e09600);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--border-sm: 2px solid var(--ink);--border-md: 3px solid var(--ink);--border-lg: 4px solid var(--ink);--shadow-sm: 2px 2px 0 0 var(--ink);--shadow-md: 3px 3px 0 0 var(--ink);--shadow-lg: 4px 4px 0 0 var(--ink);--shadow-xl: 6px 6px 0 0 var(--ink);--shadow-2xl: 8px 8px 0 0 var(--ink);--text-2xs: .7rem;--text-xs: .72rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.1rem;--text-xl: 1.25rem;--color-text: var(--ink);--color-surface: var(--paper);--color-muted: var(--muted);--color-border: var(--ink);--radius: 0}.field-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.char-count{font-size:var(--text-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.char-count.warn{color:var(--danger)}.label-optional{font-weight:400;font-size:.8em;color:var(--muted);text-transform:none}.preview-block{border:var(--border-sm);background:var(--structured-editor-bg)}.preview-label{display:block;padding:var(--space-1) var(--space-3);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:var(--paper)}.preview-card{padding:var(--space-3);display:grid;gap:var(--space-3)}.structured-editor{display:grid;gap:var(--space-3);padding:var(--space-3);border:var(--border-md);box-shadow:var(--shadow-lg);background:var(--structured-editor-bg)}.structured-editor .structured-editor,.structured-editor .preview-block{box-shadow:none}.structured-editor .field{display:grid;gap:var(--space-2)}body{margin:0;padding:0;background-color:var(--page-bg);color:var(--ink);font-family:var(--font-body)}:focus,:focus-visible{outline:none}