: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);--home-bg: light-dark(#0a7264, #071f1a);--home-tri: light-dark(rgba(255, 255, 255, .14), rgba(255, 255, 255, .09));--home-text: #f5ede0;--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(#ffffff, #2a2a2a);--input-shadow: light-dark(#9a9a9a, #d4d4d4);--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));--page-grid-line: light-dark(rgba(43, 24, 5, .09), rgba(245, 237, 224, .09));--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;--play-bg: light-dark(#e8d9be, #120d07);--play-surface: light-dark(#faf7f2, #1e1208);--play-card: light-dark(#faf7f2, #1e1208);--play-ink: light-dark(#2b1805, #f5ede0);--play-accent: #d97706;--play-accent-2: #dc2626;--play-accent-3: #16a34a;--play-accent-4: #2563eb;--play-text: light-dark(#2b1805, #f5ede0);--play-muted: light-dark(rgba(43, 24, 5, .5), rgba(245, 237, 224, .45));--play-border-sm: 2px solid light-dark(#2b1805, #f5ede0);--play-border-md: 3px solid light-dark(#2b1805, #f5ede0);--play-border-lg: 4px solid light-dark(#2b1805, #f5ede0);--play-shadow-sm: 3px 3px 0 0 light-dark(#2b1805, #f5ede0);--play-shadow-md: 5px 5px 0 0 light-dark(#2b1805, #f5ede0);--play-shadow-lg: 7px 7px 0 0 light-dark(#2b1805, #f5ede0);--play-shadow-2xl: 10px 10px 0 0 light-dark(#2b1805, #f5ede0);--play-shadow-pink-sm: 3px 3px 0 0 #dc2626;--play-shadow-pink-md: 5px 5px 0 0 #dc2626;--play-shadow-pink-lg: 7px 7px 0 0 #dc2626;--play-shadow-green-sm: 3px 3px 0 0 #16a34a;--play-shadow-green-md: 5px 5px 0 0 #16a34a;--play-shadow-green-lg: 7px 7px 0 0 #16a34a;--play-shadow-blue-sm: 3px 3px 0 0 #2563eb;--play-shadow-blue-md: 5px 5px 0 0 #2563eb;--play-shadow-blue-lg: 7px 7px 0 0 #2563eb;--play-shadow-purple-sm: 3px 3px 0 0 #7c3aed;--play-shadow-purple-md: 5px 5px 0 0 #7c3aed;--play-shadow-purple-lg: 7px 7px 0 0 #7c3aed;--play-shadow-cyan-sm: 3px 3px 0 0 #0891b2;--play-shadow-cyan-md: 5px 5px 0 0 #0891b2;--play-shadow-cyan-lg: 7px 7px 0 0 #0891b2;--play-shadow-rose-sm: 3px 3px 0 0 #db2777;--play-shadow-rose-md: 5px 5px 0 0 #db2777;--play-shadow-rose-lg: 7px 7px 0 0 #db2777;--play-shadow-teal-sm: 3px 3px 0 0 #059669;--play-shadow-teal-md: 5px 5px 0 0 #059669;--play-shadow-teal-lg: 7px 7px 0 0 #059669;--play-btn-bg: light-dark(#2b1805, #f5ede0);--play-btn-text: light-dark(#faf7f2, #120d07);--play-btn-hover-bg: light-dark(#4a2f0f, #d6c9a8);--play-progress-bg: light-dark(rgba(43, 24, 5, .1), rgba(245, 237, 224, .08));--play-opt-0: light-dark(#fde68a, #78350f);--play-opt-1: light-dark(#bbf7d0, #14532d);--play-opt-2: light-dark(#fecaca, #7f1d1d);--play-opt-3: light-dark(#bfdbfe, #1e3a5f);--play-opt-4: light-dark(#ddd6fe, #3b1d6e);--play-opt-5: light-dark(#a5f3fc, #164e63);--play-opt-6: light-dark(#fbcfe8, #6d1050);--play-opt-7: light-dark(#a7f3d0, #064e3b);--play-gold: #d97706;--play-silver: #94a3b8;--play-bronze: #b45309;--play-podium-1: #d97706;--play-podium-2: #94a3b8;--play-podium-3: #b45309;--play-podium-1-bg: light-dark(rgba(245, 201, 113, .2), rgba(245, 201, 113, .14));--play-podium-2-bg: light-dark(rgba(192, 200, 216, .25), rgba(192, 200, 216, .18));--play-podium-3-bg: light-dark(rgba(224, 120, 64, .2), rgba(224, 120, 64, .14));--play-podium-1-bg-dim: light-dark(rgba(245, 201, 113, .1), rgba(245, 201, 113, .08));--play-podium-2-bg-dim: light-dark(rgba(192, 200, 216, .08), rgba(192, 200, 216, .12));--play-podium-3-bg-dim: light-dark(rgba(224, 120, 64, .08), rgba(224, 120, 64, .1));--play-bar-bg: light-dark(#d6c9a8, #2a1c0a);--play-bar-h: 3rem;--dev-accent: #7c3aed;--dev-accent-dark: #6d28d9;--dev-accent-text: #f5f3ff;--dev-accent-glow: rgba(167, 139, 250, .25);--play-ink-04: light-dark(rgba(43, 24, 5, .04), rgba(245, 237, 224, .04));--play-ink-05: light-dark(rgba(43, 24, 5, .05), rgba(245, 237, 224, .05));--play-ink-06: light-dark(rgba(43, 24, 5, .06), rgba(245, 237, 224, .06));--play-ink-07: light-dark(rgba(43, 24, 5, .07), rgba(245, 237, 224, .07));--play-ink-08: light-dark(rgba(43, 24, 5, .08), rgba(245, 237, 224, .08));--play-ink-09: light-dark(rgba(43, 24, 5, .09), rgba(245, 237, 224, .09));--play-ink-10: light-dark(rgba(43, 24, 5, .1), rgba(245, 237, 224, .07));--play-ink-12: light-dark(rgba(43, 24, 5, .12), rgba(245, 237, 224, .09));--play-ink-15: light-dark(rgba(43, 24, 5, .15), rgba(245, 237, 224, .12));--play-ink-20: light-dark(rgba(43, 24, 5, .2), rgba(245, 237, 224, .16));--play-ink-30: light-dark(rgba(43, 24, 5, .3), rgba(245, 237, 224, .24));--play-accent-2-07: light-dark(rgba(220, 38, 38, .07), rgba(220, 38, 38, .1));--play-accent-2-10: light-dark(rgba(220, 38, 38, .1), rgba(220, 38, 38, .14));--play-accent-2-15: light-dark(rgba(220, 38, 38, .15), rgba(220, 38, 38, .18));--play-accent-3-07: light-dark(rgba(22, 163, 74, .07), rgba(22, 163, 74, .1));--play-accent-3-10: light-dark(rgba(22, 163, 74, .1), rgba(22, 163, 74, .14));--play-accent-3-15: light-dark(rgba(22, 163, 74, .15), rgba(22, 163, 74, .18))}input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button],[type=reset]),textarea,select{width:100%;padding:.75rem 1rem;border:var(--border-md);font-family:var(--font-heading);font-size:var(--text-base);font-weight:400;box-sizing:border-box;background:var(--input-bg);color:var(--ink);color-scheme:var(--color-scheme, light);min-width:0;outline:none;box-shadow:3px 3px 0 0 var(--input-shadow);transition:transform .1s ease,box-shadow .1s ease}input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button],[type=reset]):focus,textarea:focus{transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--input-shadow)}.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}