.studio-header[data-astro-cid-3ef6ksr2]{background:color-mix(in srgb,var(--bg-app, #0A0D14) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100;transition:background-color .2s ease,border-color .2s ease}.header-container[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;height:72px}.brand-group[data-astro-cid-3ef6ksr2]{display:flex;align-items:center}.brand-link[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:12px}.brand-icon[data-astro-cid-3ef6ksr2]{width:40px;height:40px;border-radius:var(--radius-md);background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent, #FFFFFF);box-shadow:0 2px 8px color-mix(in srgb,var(--shadow-base, #000000) 25%,transparent)}.brand-meta[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column}.brand-title[data-astro-cid-3ef6ksr2]{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary, #F3F4F6);display:flex;align-items:center;gap:6px}.brand-tag[data-astro-cid-3ef6ksr2]{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand-primary) 15%,transparent);color:var(--brand-light, #2563EB);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent)}.brand-subtitle[data-astro-cid-3ef6ksr2]{font-size:11px;color:var(--text-muted)}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:8px;background:var(--bg-surface-elevated);padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.nav-item[data-astro-cid-3ef6ksr2]{padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.nav-item[data-astro-cid-3ef6ksr2]:hover{color:var(--text-primary);background:color-mix(in srgb,var(--brand-primary) 8%,var(--bg-surface-elevated))}.nav-item[data-astro-cid-3ef6ksr2].active{color:var(--brand-light, #2563EB);background:color-mix(in srgb,var(--brand-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 35%,transparent);font-weight:700}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:12px}.theme-toggle-pill[data-astro-cid-3ef6ksr2]{padding:7px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s ease}.theme-toggle-pill[data-astro-cid-3ef6ksr2]:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:color-mix(in srgb,var(--text-primary) 20%,transparent)}.theme-toggle-pill[data-astro-cid-3ef6ksr2] .sun-icon[data-astro-cid-3ef6ksr2]{display:inline-block}.theme-toggle-pill[data-astro-cid-3ef6ksr2] .moon-icon[data-astro-cid-3ef6ksr2],[data-theme=light] .theme-toggle-pill[data-astro-cid-3ef6ksr2] .sun-icon[data-astro-cid-3ef6ksr2]{display:none}[data-theme=light] .theme-toggle-pill[data-astro-cid-3ef6ksr2] .moon-icon[data-astro-cid-3ef6ksr2]{display:inline-block}.theme-label[data-astro-cid-3ef6ksr2]{font-weight:600;font-size:12px}.github-btn[data-astro-cid-3ef6ksr2]{padding:7px 14px;font-size:13px}@media (max-width: 860px){.nav-links[data-astro-cid-3ef6ksr2],.engine-status[data-astro-cid-3ef6ksr2]{display:none}}@media (max-width: 600px){.header-container[data-astro-cid-3ef6ksr2]{height:56px}.brand-icon[data-astro-cid-3ef6ksr2]{width:32px;height:32px}.brand-title[data-astro-cid-3ef6ksr2]{font-size:15px}.brand-subtitle[data-astro-cid-3ef6ksr2]{display:none}.github-btn[data-astro-cid-3ef6ksr2]{padding:6px 10px;font-size:12px}}:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--bg-app: #0A0D14;--bg-surface: #121722;--bg-surface-elevated: #1A2234;--bg-surface-glass: rgba(18, 23, 34, .75);--border-subtle: color-mix(in srgb, var(--text-on-accent, #FFFFFF) 8%, transparent);--border-glow: transparent;--text-primary: #F3F4F6;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-on-accent: #FFFFFF;--swatch-ink-dark: #0F172A;--swatch-ink-light: #FFFFFF;--brand-primary: #3B82F6;--brand-light: #60A5FA;--brand-glow: transparent;--brand-gradient: linear-gradient(135deg, var(--brand-primary, #3B82F6) 0%, #8B5CF6 50%, #EC4899 100%);--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #0284C7;--gamut-wide: #C084FC;--gamut-srgb: #4ADE80;--shadow-base: #000000;--shadow-sm: 0 1px 2px 0 color-mix(in srgb, var(--shadow-base, #000000) 5%, transparent);--shadow-glass: 0 4px 20px 0 color-mix(in srgb, var(--shadow-base, #000000) 25%, transparent);--shadow-glow: 0 2px 10px 0 color-mix(in srgb, var(--shadow-base, #000000) 20%, transparent);--preview-bg-dark: #0F131C;--preview-bg-light: #F8FAFC;--preview-surface-dark: color-mix(in srgb, var(--text-on-accent, #FFFFFF) 3%, transparent);--preview-surface-light: #FFFFFF;--preview-border-dark: color-mix(in srgb, var(--text-on-accent, #FFFFFF) 8%, transparent);--preview-border-light: color-mix(in srgb, var(--shadow-base, #000000) 8%, transparent);--preview-text-dark: #F1F5F9;--preview-text-light: #0F172A;--preview-input-dark: color-mix(in srgb, var(--shadow-base, #000000) 40%, transparent);--preview-input-light: #F1F5F9;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px}[data-theme=light]{--bg-app: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-elevated: #F1F5F9;--bg-surface-glass: rgba(255, 255, 255, .82);--border-subtle: color-mix(in srgb, #0F172A 10%, transparent);--border-glow: transparent;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-on-accent: #FFFFFF;--swatch-ink-dark: #0F172A;--swatch-ink-light: #FFFFFF;--brand-primary: #2563EB;--brand-light: #1D4ED8;--brand-glow: transparent;--brand-gradient: linear-gradient(135deg, #2563EB 0%, #7C3AED 50%, #DB2777 100%);--color-success: #059669;--color-warning: #D97706;--color-danger: #DC2626;--color-info: #0284C7;--gamut-wide: #9333EA;--gamut-srgb: #16A34A;--shadow-base: #0F172A;--shadow-sm: 0 1px 3px 0 color-mix(in srgb, var(--shadow-base) 6%, transparent);--shadow-glass: 0 6px 24px 0 color-mix(in srgb, var(--shadow-base) 8%, transparent);--shadow-glow: 0 2px 10px 0 color-mix(in srgb, var(--shadow-base) 6%, transparent)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100%;width:100%}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;color:inherit}.container{max-width:1400px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 12px}}.glass-panel{background:var(--bg-surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.glass-panel:hover{border-color:color-mix(in srgb,var(--brand-primary) 35%,transparent)}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-pass{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)}.badge-fail{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent)}.badge-neutral{background:color-mix(in srgb,var(--text-primary) 6%,transparent);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-primary);color:var(--text-on-accent, #FFFFFF);padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 14px color-mix(in srgb,var(--brand-primary) 35%,transparent)}.btn-primary:hover{background:color-mix(in srgb,var(--brand-primary) 85%,var(--shadow-base));transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--brand-primary) 45%,transparent)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);padding:10px 18px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:all .2s ease}.btn-secondary:hover{background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:color-mix(in srgb,var(--text-primary) 18%,transparent)}.custom-range{-webkit-appearance:none;width:100%;height:6px;background:color-mix(in srgb,var(--text-primary) 15%,transparent);border-radius:var(--radius-full);outline:none}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--text-on-accent, #FFFFFF);cursor:pointer;box-shadow:0 2px 6px color-mix(in srgb,var(--shadow-base) 30%,transparent);border:2px solid var(--brand-primary);transition:transform .1s ease}.custom-range::-webkit-slider-thumb:hover{transform:scale(1.15)}