@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight/InterTight-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight/InterTight-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight/InterTight-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spectral;src:url(/fonts/spectral/Spectral-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{color-scheme:light;--coral-50: #fff5f2;--coral-100: #ffe8e1;--coral-200: #ffd0c2;--coral-300: #ffb199;--coral-400: #ff8866;--coral-500: #ff6b47;--coral-600: #e8523a;--coral-700: #c43d2a;--coral-800: #9e3022;--coral-900: #7a261c;--gray-0: #ffffff;--gray-50: #fafaf9;--gray-100: #f5f4f2;--gray-200: #e8e6e3;--gray-300: #d4d1cc;--gray-400: #a8a39c;--gray-500: #7c7770;--gray-600: #5c5852;--gray-700: #3d3a36;--gray-800: #262420;--gray-900: #171614;--gray-950: #0d0c0b;--color-bg-primary: var(--gray-50);--color-bg-elevated: var(--gray-0);--color-bg-overlay: rgba(255, 255, 255, .8);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-muted: var(--gray-400);--color-border-default: var(--gray-200);--color-border-subtle: var(--gray-100);--color-accent: var(--coral-400);--color-accent-hover: var(--coral-500);--color-accent-muted: var(--coral-100);--bg-canvas: #eae7e2;--surface-glass: rgba(255, 255, 255, .65);--surface-glass-hover: rgba(255, 255, 255, .75);--surface-glass-active: rgba(255, 255, 255, .85);--border-glass: rgba(255, 255, 255, .9);--border-glass-hover: rgba(255, 255, 255, 1);--border-glass-subtle: rgba(255, 255, 255, .5);--text-primary: #2d2d2d;--text-secondary: #6b6b6b;--text-tertiary: #9ca3af;--text-muted: #a8a29e;--accent-main: #ff8866;--accent-hover: #ff7755;--accent-active: #ff6644;--accent-muted: rgba(255, 136, 102, .15);--accent-gradient: linear-gradient(135deg, #ff9a9e, #fecfef);--glow-coral: 0 0 24px rgba(255, 136, 102, .35);--glow-coral-intense: 0 0 40px rgba(255, 136, 102, .5);--status-error: #e11d48;--status-error-bg: rgba(225, 29, 72, .1);--status-error-border: rgba(225, 29, 72, .3);--status-success: #16a34a;--status-success-bg: rgba(22, 163, 74, .1);--status-success-border: rgba(22, 163, 74, .3);--status-warning: #d97706;--status-warning-bg: rgba(217, 119, 6, .1);--status-warning-border: rgba(217, 119, 6, .3);--status-info: #2563eb;--status-info-bg: rgba(37, 99, 235, .1);--status-info-border: rgba(37, 99, 235, .3);--shadow-ambient: 0 20px 40px -12px rgba(255, 136, 102, .15);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .08);--shadow-glass-hover: 0 12px 40px rgba(0, 0, 0, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 4px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .12);--shadow-accent: 0 8px 24px rgba(255, 136, 102, .25);--shadow-accent-intense: 0 12px 32px rgba(255, 136, 102, .35);--shadow-dichroic: 0 0 0 1px rgba(255, 255, 255, .15), 0 20px 40px rgba(0, 0, 0, .2);--shadow-focus: 0 0 0 2px var(--accent-main);--glass-bg: rgba(255, 255, 255, .72);--glass-blur: blur(24px);--glass-saturate: saturate(180%);--glass-backdrop: var(--glass-blur) var(--glass-saturate);--glass-border: 1px solid rgba(255, 255, 255, .18);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--glass-fallback-bg: rgba(255, 255, 255, .94);--glass-fallback-border: 1px solid var(--color-border-default);--glass-immersive-bg: rgba(23, 22, 20, .65);--glass-immersive-blur: blur(40px);--glass-immersive-saturate: saturate(120%);--glass-immersive-backdrop: var(--glass-immersive-blur) var(--glass-immersive-saturate);--glass-immersive-border: 1px solid rgba(255, 255, 255, .08);--backdrop-glass: var(--glass-backdrop);--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--radius-panel: var(--radius-2xl);--radius-pill: var(--radius-full);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ui: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-code: var(--font-mono);--font-display: "Instrument Sans", var(--font-sans);--font-comment: "Spectral", Georgia, serif;--text-xs: 11px;--text-xs-line: 16px;--text-sm: 13px;--text-sm-line: 20px;--text-base: 15px;--text-base-line: 24px;--text-md: 17px;--text-md-line: 26px;--text-lg: 20px;--text-lg-line: 28px;--text-xl: 24px;--text-xl-line: 32px;--text-2xl: 32px;--text-2xl-line: 40px;--text-code-size: 14px;--text-code-line: 22px;--text-display: 36px;--text-h1: 28px;--text-h2: 22px;--text-h3: 18px;--text-body: 14px;--text-body-sm: 13px;--text-caption: 12px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .02em;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--code-line-height: 1.57;--code-tab-size: 2;--z-base: 0;--z-raised: 10;--z-panels: 100;--z-sticky: 200;--z-drawers: 300;--z-overlays: 400;--z-modals: 500;--z-popovers: 600;--z-toast: 700;--z-debug: 1000;--z-canvas: var(--z-base);--z-panel: var(--z-panels);--z-header: var(--z-sticky);--z-dropdown: var(--z-popovers);--z-modal: var(--z-modals);--z-tooltip: var(--z-popovers);--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s;--duration-slowest: .6s;--duration-smooth: var(--duration-slow);--duration-bloom: var(--duration-slowest);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-default: var(--ease-smooth);--transition-default: all var(--duration-normal) var(--ease-out);--transition-color: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-panel: transform var(--duration-slow) var(--ease-out), opacity var(--duration-slow) var(--ease-out);--transition-colors: var(--transition-color);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-all: var(--transition-default);--frame-inset: inset 0 0 0 1px rgba(255, 255, 255, .06);--frame-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .08);--frame-depth: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .08);--frame-combined: var(--frame-inset), var(--frame-highlight), var(--frame-depth);--divider-subtle: rgba(255, 255, 255, .04);--divider-default: rgba(255, 255, 255, .06);--divider-hover: rgba(255, 255, 255, .08);--duration-micro: .1s;--duration-short: .15s;--duration-medium: .2s;--text-stat-label: 10px;--text-stat-value: 13px;--tracking-stat: .05em;--compile-amber-subtle: rgba(255, 136, 102, .4);--compile-amber-glow: rgba(255, 136, 102, .15);--compile-red-subtle: rgba(239, 68, 68, .4);--compile-red-glow: rgba(239, 68, 68, .15);--compile-green-subtle: rgba(34, 197, 94, .4);--header-height: 48px;--header-padding: var(--space-3) var(--space-4);--btn-padding-sm: var(--space-2) var(--space-3);--btn-padding-md: 10px var(--space-4);--btn-padding-lg: var(--space-3) var(--space-6);--input-padding: 10px var(--space-3);--input-border: 1px solid var(--border-glass);--input-bg: var(--surface-glass);--panel-padding: var(--space-4);--panel-gap: var(--space-6);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--syntax-bg: var(--surface-glass);--syntax-comment: #6b7280;--syntax-keyword: #e85a3c;--syntax-keyword-preproc: #d94f32;--syntax-type: #0d9488;--syntax-function: #2563eb;--syntax-variable-builtin: #059669;--syntax-number: #e85a3c;--syntax-string: #c2410c;--syntax-operator: #6b6b6b;--syntax-identifier: #2d2d2d;--border-dichroic: rgba(255, 255, 255, .15)}[data-theme=dark]{color-scheme:dark;--color-bg-primary: var(--gray-950);--color-bg-elevated: var(--gray-900);--color-bg-overlay: rgba(23, 22, 20, .85);--color-text-primary: var(--gray-50);--color-text-secondary: var(--gray-400);--color-text-muted: var(--gray-600);--color-border-default: var(--gray-800);--color-border-subtle: var(--gray-900);--color-accent: var(--coral-400);--color-accent-hover: var(--coral-300);--color-accent-muted: rgba(255, 136, 102, .15);--bg-canvas: #0f1115;--surface-glass: rgba(20, 22, 28, .7);--surface-glass-hover: rgba(20, 22, 28, .8);--surface-glass-active: rgba(20, 22, 28, .9);--border-glass: rgba(255, 255, 255, .12);--border-glass-hover: rgba(255, 255, 255, .2);--border-glass-subtle: rgba(255, 255, 255, .08);--text-primary: #ededed;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--text-muted: #525252;--accent-main: #ff9e80;--accent-hover: #ffae90;--accent-active: #ffbea0;--accent-muted: rgba(255, 158, 128, .15);--glow-coral: 0 0 24px rgba(255, 158, 128, .35);--glow-coral-intense: 0 0 40px rgba(255, 158, 128, .5);--glass-bg: rgba(23, 22, 20, .78);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--glass-fallback-bg: rgba(23, 22, 20, .96);--glass-fallback-border: 1px solid var(--color-border-default);--status-error: #fb7185;--status-error-bg: rgba(251, 113, 133, .15);--status-error-border: rgba(251, 113, 133, .3);--status-success: #4ade80;--status-success-bg: rgba(74, 222, 128, .15);--status-success-border: rgba(74, 222, 128, .3);--status-warning: #fbbf24;--status-warning-bg: rgba(251, 191, 36, .15);--status-warning-border: rgba(251, 191, 36, .3);--status-info: #60a5fa;--status-info-bg: rgba(96, 165, 250, .15);--status-info-border: rgba(96, 165, 250, .3);--shadow-ambient: 0 20px 40px -12px rgba(0, 0, 0, .6);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glass-hover: 0 12px 40px rgba(0, 0, 0, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 4px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .35);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .4);--shadow-accent: 0 8px 24px rgba(255, 158, 128, .2);--shadow-accent-intense: 0 12px 32px rgba(255, 158, 128, .3);--shadow-dichroic: 0 0 0 1px rgba(255, 255, 255, .08), 0 20px 40px rgba(0, 0, 0, .4);--syntax-bg: var(--surface-glass);--syntax-comment: #6b7280;--syntax-keyword: #ff9e80;--syntax-keyword-preproc: #ffae90;--syntax-type: #4ecdc4;--syntax-function: #60a5fa;--syntax-variable-builtin: #34d399;--syntax-number: #ff8866;--syntax-string: #ffbea0;--syntax-operator: #a3a3a3;--syntax-identifier: #fafafa;--border-dichroic: rgba(255, 255, 255, .08)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-main)}.text-error{color:var(--status-error)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.bg-canvas{background-color:var(--bg-canvas)}.bg-glass{background:var(--surface-glass)}.bg-accent{background-color:var(--accent-main)}.rounded-panel{border-radius:var(--radius-panel)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-pill{border-radius:var(--radius-pill)}.shadow-glass{box-shadow:var(--shadow-glass)}.shadow-ambient{box-shadow:var(--shadow-ambient)}.shadow-focus{box-shadow:var(--shadow-focus)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:var(--transition-opacity)}.transition-all{transition:var(--transition-all)}.glass-panel{background:var(--surface-glass);backdrop-filter:var(--backdrop-glass);-webkit-backdrop-filter:var(--backdrop-glass);border:1px solid var(--border-glass);border-radius:var(--radius-panel);box-shadow:var(--shadow-glass);transition:var(--transition-all)}.glass-panel:hover{background:var(--surface-glass-hover);border-color:var(--border-glass-hover);box-shadow:var(--shadow-glass-hover)}.glass-subtle{background:var(--surface-glass);backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);border:1px solid var(--border-glass-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.glass-pill{background:var(--surface-glass);backdrop-filter:var(--backdrop-glass);-webkit-backdrop-filter:var(--backdrop-glass);border:1px solid var(--border-glass);border-radius:var(--radius-pill);box-shadow:var(--shadow-glass)}.glass-solid{background:var(--surface-glass-active);backdrop-filter:blur(32px) saturate(130%);-webkit-backdrop-filter:blur(32px) saturate(130%);border:1px solid var(--border-glass);border-radius:var(--radius-panel);box-shadow:var(--shadow-md)}.glass-overlay{background:#0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme=dark] .glass-overlay{background:#0006}.glass-input{background:var(--surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass-subtle);border-radius:var(--radius-sm);padding:var(--input-padding);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-body);transition:var(--transition-colors);outline:none}.glass-input:hover{border-color:var(--border-glass)}.glass-input:focus{border-color:var(--accent-main);box-shadow:var(--shadow-focus)}.glass-input::placeholder{color:var(--text-muted)}.glass-button{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--btn-padding-md);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-body-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.glass-button:hover{background:var(--surface-glass-hover);border-color:var(--border-glass-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.glass-button:active{background:var(--surface-glass-active);transform:translateY(0)}.glass-button-primary{background:var(--accent-main);border-color:var(--accent-main);color:#fff}.glass-button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-accent)}.glass-divider{height:1px;background:var(--border-glass-subtle);margin:var(--space-3) 0}.glass-divider-vertical{width:1px;height:100%;background:var(--border-glass-subtle);margin:0 var(--space-2)}@supports not (backdrop-filter: blur(24px)){:root{--surface-glass: rgba(255, 255, 255, .95);--surface-glass-hover: rgba(255, 255, 255, .97);--surface-glass-active: rgba(255, 255, 255, .98)}[data-theme=dark]{--surface-glass: rgba(20, 22, 28, .95);--surface-glass-hover: rgba(20, 22, 28, .97);--surface-glass-active: rgba(20, 22, 28, .98)}.glass-panel,.glass-subtle,.glass-pill,.glass-solid,.glass-input,.glass-button{backdrop-filter:none;-webkit-backdrop-filter:none}}[data-reduced-effects=true]{--glass-blur: blur(0);--glass-saturate: saturate(100%)}[data-reduced-effects=true] :root{--surface-glass: rgba(255, 255, 255, .92);--surface-glass-hover: rgba(255, 255, 255, .95)}[data-reduced-effects=true][data-theme=dark]{--surface-glass: rgba(20, 22, 28, .92);--surface-glass-hover: rgba(20, 22, 28, .95)}@media(prefers-reduced-motion:reduce){.glass-panel,.glass-subtle,.glass-pill,.glass-solid,.glass-input,.glass-button,.glass-button-primary{transition:none}.glass-button:hover{transform:none}}@media(max-width:768px){:root{--glass-blur: blur(16px);--radius-panel: 20px}}@media(prefers-contrast:high){:root{--surface-glass: rgba(255, 255, 255, .95);--border-glass: rgba(0, 0, 0, .3)}[data-theme=dark]{--surface-glass: rgba(0, 0, 0, .95);--border-glass: rgba(255, 255, 255, .4)}}@keyframes compile-pulse{0%,to{box-shadow:var(--frame-inset),var(--frame-highlight),0 0 8px 2px var(--compile-amber-glow);border-color:var(--compile-amber-subtle)}50%{box-shadow:var(--frame-inset),var(--frame-highlight),0 0 12px 4px var(--compile-amber-glow);border-color:var(--accent-main)}}@keyframes compile-success{0%{box-shadow:var(--frame-inset),var(--frame-highlight),0 0 12px 4px var(--compile-amber-glow);border-color:var(--accent-main)}40%{box-shadow:var(--frame-inset),var(--frame-highlight),0 0 16px 6px #ff886640;border-color:var(--accent-main)}to{box-shadow:var(--frame-combined);border-color:transparent}}@keyframes compile-error{0%{box-shadow:var(--frame-inset),var(--frame-highlight),0 0 12px 4px var(--compile-red-glow);border-color:var(--compile-red-subtle)}40%{box-shadow:var(--frame-inset),var(--frame-highlight),0 0 16px 6px #ef444433;border-color:var(--status-error)}to{box-shadow:var(--frame-combined);border-color:transparent}}.bloom-compiling{animation:compile-pulse .4s ease-in-out;border-radius:var(--radius-panel)}.bloom-success{animation:compile-success .3s ease-out;border-radius:var(--radius-panel)}.bloom-error{animation:compile-error .4s ease-out;border-radius:var(--radius-panel)}@keyframes canvas-pulse{0%{opacity:0}30%{opacity:.15}to{opacity:0}}.canvas-compiling:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,136,102,.1) 0%,transparent 60%);animation:canvas-pulse .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.error-shake{animation:shake .3s ease-out}@keyframes hint-pulse{0%,to{box-shadow:0 0 #f866}50%{box-shadow:0 0 0 8px #f860}}.hint-pulsing{animation:hint-pulse 2s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stepEnter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-enter{animation:stepEnter .3s ease-out forwards}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bloom-compiling,.bloom-success,.bloom-error,.error-shake,.hint-pulsing,.step-enter,.canvas-compiling:after{animation:none!important}.bloom-success{border-color:var(--status-success)!important}.bloom-error{border-color:var(--status-error)!important}.bloom-compiling{border-color:var(--accent-main)!important}}:root{--mobile-padding: 12px;--tablet-padding: 16px;--desktop-padding: 24px}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}}.hide-desktop{display:block}@media(min-width:768px){.hide-desktop{display:none}}@media(max-width:767px){.split-pane-container{flex-direction:column!important}.split-pane-container>div:first-child{width:100%!important;min-width:100%!important;max-width:100%!important;height:40vh!important}.split-pane-container>div:last-child{width:100%!important;height:60vh!important}.split-pane-divider{display:none!important}.app-header{padding:8px 12px!important}.app-header h1{font-size:16px!important}.buffer-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.buffer-tabs::-webkit-scrollbar{display:none}.modal-content{width:95%!important;max-width:none!important;margin:10px!important}.controls-bar{padding:8px 12px!important;gap:8px!important}.controls-bar button{padding:6px 10px!important;font-size:12px!important}.error-panel{font-size:12px!important;max-height:150px!important}.shader-grid{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}.profile-header{flex-direction:column!important;align-items:center!important;text-align:center!important}.profile-stats{justify-content:center!important}}@media(min-width:768px)and (max-width:1023px){.shader-grid{grid-template-columns:repeat(2,1fr)!important}.split-pane-container>div:first-child{min-width:300px!important}}@media(pointer:coarse){button,.clickable{min-height:44px;min-width:44px}.shader-card:hover{transform:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-color: #fff;--text-secondary: #ccc}}@media print{.app-header,.controls-bar,.buffer-tabs,.modal-overlay{display:none!important}.shader-preview{page-break-inside:avoid}}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-7)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-2xl{max-width:1536px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.hidden{display:none}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:640px){.mobile-only{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.desktop-only,.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}@media(min-width:1536px){.2xl\:block{display:block}.2xl\:flex{display:flex}.2xl\:hidden{display:none}.2xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.2xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-right{padding-right:env(safe-area-inset-right,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-left{padding-left:env(safe-area-inset-left,0px)}.safe-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.safe-y{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.safe-all{padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{user-select:none}.select-text{user-select:text}[data-compact-mode=true]{--space-1: 3px;--space-2: 6px;--space-3: 9px;--space-4: 12px;--space-5: 15px;--space-6: 18px;--space-8: 24px;--space-10: 30px;--space-12: 36px;--space-16: 48px;--btn-padding-sm: 6px 9px;--btn-padding-md: 8px 12px;--btn-padding-lg: 9px 18px;--input-padding: 8px 9px;--card-padding: 12px;--header-padding: 9px 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);font-size:var(--text-body);font-weight:var(--font-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);background-color:var(--bg-canvas);color:var(--text-primary);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}small{font-size:var(--text-caption);color:var(--text-secondary)}strong,b{font-weight:var(--font-semibold)}code,pre,kbd,samp{font-family:var(--font-code);font-size:var(--text-code-size)}code{background:var(--surface-glass);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent-main)}pre{background:var(--surface-glass);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0;border-radius:0}a{color:var(--accent-main);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}a:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px;border-radius:var(--radius-sm)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px;box-shadow:var(--shadow-focus)}button:focus-visible,[type=button]:focus-visible,[type=submit]:focus-visible,[role=button]:focus-visible{outline-offset:0}button{font-family:inherit;font-size:inherit;font-weight:var(--font-medium);cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--surface-glass);border:1px solid var(--border-glass-subtle);border-radius:var(--radius-md);padding:var(--input-padding);transition:var(--transition-colors),box-shadow var(--duration-fast) var(--ease-out)}input:hover,textarea:hover,select:hover{border-color:var(--border-glass)}input:focus,textarea:focus,select:focus{border-color:var(--accent-main);box-shadow:var(--shadow-focus);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:disabled,textarea:disabled,select:disabled,button:disabled{opacity:.5;cursor:not-allowed}::selection{background-color:var(--accent-muted);color:var(--text-primary)}::-moz-selection{background-color:var(--accent-muted);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-glass-hover)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-glass) transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-tooltip);padding:var(--space-2) var(--space-4);background-color:var(--accent-main);color:#fff;font-weight:var(--font-medium);border-radius:var(--radius-md);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.min-h-screen{min-height:100vh;min-height:100dvh}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media print{body{background:#fff;color:#000}a{color:#000;text-decoration:underline}nav,.no-print{display:none!important}}