body{transition:background-color .2s ease,color .2s ease}.theme-white{--bg: #ffffff;--fg: #000000;--border: #000000;--surface: #ffffff;--surface-2: #f5f5f5;--text-primary: #000000;--text-secondary: #444444;--text-muted: #525252}.theme-blue-100{--bg: #ADD8E6;--fg: #000000;--border: #000000;--surface: #ADD8E6;--surface-2: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #333333;--text-muted: #444444}.theme-red-100{--bg: #FFC0CB;--fg: #000000;--border: #000000;--surface: #FFC0CB;--surface-2: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #333333;--text-muted: #444444}.theme-orange-800{--bg: #FF6600;--fg: #000000;--border: #000000;--surface: #FF6600;--surface-2: rgba(0, 0, 0, .08);--text-primary: #000000;--text-secondary: #1a1a1a;--text-muted: #1a1a1a}.theme-orange-700{--bg: #FF8C00;--fg: #000000;--border: #000000;--surface: #FF8C00;--surface-2: rgba(0, 0, 0, .08);--text-primary: #000000;--text-secondary: #1a1a1a;--text-muted: #333333}.theme-orange-500{--bg: #FFA500;--fg: #000000;--border: #000000;--surface: #FFA500;--surface-2: rgba(0, 0, 0, .08);--text-primary: #000000;--text-secondary: #1a1a1a;--text-muted: #333333}.theme-orange-100{--bg: #FFEFD5;--fg: #000000;--border: #000000;--surface: #FFEFD5;--surface-2: rgba(0, 0, 0, .05);--text-primary: #000000;--text-secondary: #444444;--text-muted: #525252}.theme-green-700{--bg: #32CD32;--fg: #000000;--border: #000000;--surface: #32CD32;--surface-2: rgba(0, 0, 0, .08);--text-primary: #000000;--text-secondary: #1a1a1a;--text-muted: #333333}.theme-green-500{--bg: #90EE90;--fg: #000000;--border: #000000;--surface: #90EE90;--surface-2: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #333333;--text-muted: #444444}.theme-green-100{--bg: #F0FFF0;--fg: #000000;--border: #000000;--surface: #F0FFF0;--surface-2: rgba(0, 0, 0, .05);--text-primary: #000000;--text-secondary: #444444;--text-muted: #525252}.theme-black{--bg: #000000;--fg: #ffffff;--border: #ffffff;--surface: #000000;--surface-2: #111111;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .6)}.theme-blue-900{--bg: #00008B;--fg: #ffffff;--border: #ffffff;--surface: #00008B;--surface-2: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .6)}.theme-blue-800{--bg: #0000CD;--fg: #ffffff;--border: #ffffff;--surface: #0000CD;--surface-2: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .78)}.theme-blue-700{--bg: #0000FF;--fg: #ffffff;--border: #ffffff;--surface: #0000FF;--surface-2: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .78)}.theme-blue-500{--bg: #4169E1;--fg: #ffffff;--border: #ffffff;--surface: #4169E1;--surface-2: rgba(0, 0, 0, .15);--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #ffffff}.theme-red-900{--bg: #8B0000;--fg: #ffffff;--border: #ffffff;--surface: #8B0000;--surface-2: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .78)}.theme-red-800{--bg: #B22222;--fg: #ffffff;--border: #ffffff;--surface: #B22222;--surface-2: rgba(0, 0, 0, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .8)}.theme-red-700{--bg: #DC143C;--fg: #ffffff;--border: #ffffff;--surface: #DC143C;--surface-2: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #ffffff}.theme-red-500{--bg: #FF6347;--fg: #000000;--border: #000000;--surface: #FF6347;--surface-2: rgba(255, 255, 255, .16);--text-primary: #000000;--text-secondary: rgba(0, 0, 0, .78);--text-muted: rgba(0, 0, 0, .72)}.theme-orange-900{--bg: #FF4500;--fg: #000000;--border: #000000;--surface: #FF4500;--surface-2: rgba(255, 255, 255, .16);--text-primary: #000000;--text-secondary: rgba(0, 0, 0, .78);--text-muted: rgba(0, 0, 0, .8)}.theme-green-900{--bg: #006400;--fg: #ffffff;--border: #ffffff;--surface: #006400;--surface-2: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .78)}.theme-green-800{--bg: #176117;--fg: #ffffff;--border: #ffffff;--surface: #176117;--surface-2: rgba(255, 255, 255, .07);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .78)}.theme-black{--status-error-text: #f87171;--status-success-text: #4ade80;--status-warning-text: #fbbf24;--status-info-text: #93c5fd}.theme-orange-800,.theme-orange-700,.theme-orange-500,.theme-green-700,.theme-blue-900,.theme-blue-800,.theme-blue-700,.theme-blue-500,.theme-red-900,.theme-red-800,.theme-red-700,.theme-red-500,.theme-orange-900,.theme-green-900,.theme-green-800{--status-error-text: var(--fg);--status-success-text: var(--fg);--status-warning-text: var(--fg);--status-info-text: var(--fg)}.header-actions{display:flex;align-items:center;gap:.5rem;margin-right:.75rem}.header-btn{background:transparent;color:var(--fg);border:1px solid var(--border);padding:.5rem 1rem;font-family:inherit;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.header-btn:hover,.header-btn.active{background:var(--fg);color:var(--bg)}.header-btn.active:hover{box-shadow:inset 0 0 0 2px var(--bg)}.header-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media (max-width: 640px){.header-btn{padding:.65rem .55rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}.visibility-overlay{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:100vw;z-index:110;background:var(--bg);border-left:1px solid var(--border);display:none;flex-direction:column;padding:1.25rem;overflow-y:auto}.visibility-overlay.active{display:flex}.visibility-close{background:transparent;color:var(--fg);border:1px solid var(--border);padding:.4rem .75rem;font-family:inherit;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:background-color .2s ease,color .2s ease;align-self:flex-start;margin-bottom:1.5rem}.visibility-close:hover{background:var(--fg);color:var(--bg)}.visibility-section{margin-bottom:1.5rem}.visibility-section-heading{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg);opacity:.5;margin-bottom:.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.color-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 0;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;font-family:inherit;transition:background-color .15s ease}.color-row:hover{background:color-mix(in srgb,var(--fg) 6%,transparent)}.color-row.active{background:color-mix(in srgb,var(--fg) 12%,transparent)}.color-row-name{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg)}.color-row-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--fg);flex-shrink:0}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg);display:none;flex-direction:column;justify-content:center;padding:7rem 2.5rem 2.5rem;overflow-y:auto}.nav-overlay.active{display:flex}.nav-overlay__list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.nav-overlay__link{font-size:clamp(2.25rem,9vw,6rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:1;display:inline-block;color:var(--fg);text-decoration:none;transition:opacity .2s ease}.nav-overlay__link:hover{opacity:.55}.nav-overlay__link:focus-visible{outline:2px solid var(--fg);outline-offset:4px;opacity:1}