:root{color:#f7efe2;font-synthesis:none;text-rendering:optimizelegibility;--ui-bg:#121014;--panel:#1b181f;--panel-strong:#26222b;--canvas-stage:#000;--text:#f7efe2;--muted:#bfb3a3;--teal:#54d8c7;--yellow:#f3c55f;--pink:#f06c9b;--line:#f7efe221;--shadow:0 18px 48px #0000003d;background:#121014;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 0%, #211a27 0, var(--ui-bg) 40rem);min-height:100dvh}body.canvas-mode{overscroll-behavior:none;background:#101014;overflow:hidden}#root{min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 32px}.app-shell.is-immersive{width:100dvw;max-width:none;margin:0;padding:0}.toolbar{justify-content:space-between;align-items:center;gap:24px;padding:4px 0 20px;display:flex}.brand-lockup,.toolbar-actions,.field-label-row,.panel-heading,.panel-heading-actions{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{width:42px;height:42px;color:var(--teal);border:1px solid #54d8c7a6;border-radius:12px;place-items:center;font-size:28px;line-height:1;display:grid}h1,h2,p{margin:0}h1{letter-spacing:.01em;font-size:1.15rem}.brand-lockup p{color:var(--muted);margin-top:2px;font-size:.78rem}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.button,.icon-button,select{border:1px solid var(--line);min-height:44px;color:var(--text);background:0 0;border-radius:8px}.button{padding:0 16px;font-weight:650;transition:border-color .15s,background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-secondary{background:#ffffff0a}.button-secondary:hover,.button-quiet:hover{background:#54d8c714;border-color:#54d8c79e}.button-primary{color:#10201e;border-color:var(--teal);background:var(--teal)}.button-primary:hover{background:#7ce5d7;border-color:#7ce5d7}.button-quiet{color:var(--muted);border-color:#0000}.icon-button{place-items:center;width:44px;padding:0;display:inline-grid}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px;display:block}.icon-button:hover{background:#54d8c714;border-color:#54d8c79e}.has-tooltip{position:relative}.has-tooltip:after{z-index:20;border:1px solid var(--line);max-width:min(240px,100vw - 24px);color:var(--text);background:var(--panel-strong);box-shadow:var(--shadow);content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;border-radius:6px;padding:6px 8px;font-size:.72rem;font-weight:600;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px)}.has-tooltip:hover:after,.has-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.canvas-column{min-width:0}.canvas-toolbar{justify-content:flex-start;gap:8px;margin:12px 0 0;display:flex}.canvas-toolbar-button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.auto-rotate-playback{gap:8px;display:flex}.auto-rotate-playback .button{min-width:132px}.auto-rotate-playback .button:disabled{cursor:not-allowed;opacity:.42;transform:none}.auto-rotate-playback.is-immersive .button{color:var(--text);border-color:var(--line);background:#121014db}.canvas-settings-button{display:none}.canvas-stage{min-width:0;position:relative}.canvas-frame{aspect-ratio:1;background:var(--canvas-stage);width:min(100%,100dvh - 180px);box-shadow:var(--shadow);overscroll-behavior:contain;border:1px solid #f7efe226;border-radius:14px;margin-inline:auto;padding:12px}.canvas-frame canvas{touch-action:none;background:#fff;border-radius:6px;width:100%;height:100%;display:block}.canvas-caption{color:var(--muted);letter-spacing:.05em;overflow-wrap:anywhere;padding:10px 4px 0;font-size:.75rem;line-height:1.35}.app-shell.is-immersive .toolbar,.app-shell.is-immersive .canvas-toolbar,.app-shell.is-immersive .settings-panel,.app-shell.is-immersive .status-announcer,.app-shell.is-immersive .canvas-caption{display:none}.app-shell.is-immersive .workspace{display:block}:-webkit-any(.canvas-stage.is-immersive,.canvas-stage:fullscreen,.canvas-stage:-webkit-full-screen){z-index:1000;width:100dvw;max-width:none;height:100dvh;min-height:100dvh;box-shadow:none;background:#101014;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}:is(.canvas-stage.is-immersive,.canvas-stage:fullscreen,.canvas-stage:fullscreen){z-index:1000;width:100dvw;max-width:none;height:100dvh;min-height:100dvh;box-shadow:none;background:#101014;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}:-webkit-any(.canvas-stage.is-immersive .canvas-frame,.canvas-stage:fullscreen .canvas-frame,.canvas-stage:-webkit-full-screen .canvas-frame){aspect-ratio:auto;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;box-shadow:none;border:0;border-radius:0;margin:0;padding:0}:is(.canvas-stage.is-immersive .canvas-frame,.canvas-stage:fullscreen .canvas-frame,.canvas-stage:fullscreen .canvas-frame){aspect-ratio:auto;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;box-shadow:none;border:0;border-radius:0;margin:0;padding:0}:-webkit-any(.canvas-stage.is-immersive .canvas-frame canvas,.canvas-stage:fullscreen .canvas-frame canvas,.canvas-stage:-webkit-full-screen .canvas-frame canvas){border-radius:0}:is(.canvas-stage.is-immersive .canvas-frame canvas,.canvas-stage:fullscreen .canvas-frame canvas,.canvas-stage:fullscreen .canvas-frame canvas){border-radius:0}:-webkit-any(.canvas-stage.is-immersive .canvas-caption,.canvas-stage:fullscreen .canvas-caption,.canvas-stage:-webkit-full-screen .canvas-caption){display:none}:is(.canvas-stage.is-immersive .canvas-caption,.canvas-stage:fullscreen .canvas-caption,.canvas-stage:fullscreen .canvas-caption){display:none}.canvas-stage::backdrop{background:#101014}.button-fullscreen-exit{z-index:2;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));width:44px;height:44px;color:var(--text);background:#121014db;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.button-fullscreen-exit>span{font-size:1.65rem;font-weight:400;line-height:1}.button-fullscreen-exit:hover{transform:translateY(-1px)}.immersive-playback-controls{z-index:2;right:0;bottom:calc(16px + env(safe-area-inset-bottom));justify-content:center;display:flex;position:absolute;left:0}.settings-panel{background:var(--panel);min-width:0;box-shadow:var(--shadow);border:1px solid #f7efe21f;border-radius:14px;padding:20px;position:relative}.panel-heading{justify-content:space-between;margin-bottom:18px}.panel-heading-actions{gap:8px}.panel-heading h2{margin-top:2px;font-size:1.2rem}.eyebrow{color:var(--teal);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:750}.mode-section,.complementary-section,.rgb-neon-section{border:0;border-bottom:1px solid #f7efe217;margin:0 0 18px;padding:0 0 16px}.mode-section .field-label,.complementary-section .field-label,.rgb-neon-section legend{color:var(--muted);margin-bottom:7px;font-size:.8rem;display:block}.complementary-section .field-label:not(:first-child){margin-top:12px}.rgb-neon-section .control-field{margin-bottom:0}.channel-selector{border:0;margin:0 0 8px;padding:0}.channel-selector legend{color:var(--muted);margin-bottom:8px;font-size:.78rem}.channel-selector .segmented-control{grid-template-columns:repeat(3,1fr)}.layer-selector{border:0;margin:0 0 8px;padding:0}.layer-selector legend{color:var(--muted);margin-bottom:8px;font-size:.78rem}.segmented-control{background:#00000040;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segment{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:7px}.segment:not(.is-selected){border:1px solid #f7efe233}.segment:not(.is-selected):hover{color:var(--text);background:#54d8c70f;border-color:#54d8c79e}.segment.is-selected{color:#1a1410;background:var(--teal);font-weight:750}.control-field{color:var(--muted);margin:0 0 16px;font-size:.8rem;display:block}.control-field>span:not(.field-label-row){margin-bottom:7px;display:block}.control-field>.field-label-row{margin-bottom:7px}.field-label-row{justify-content:space-between;gap:12px}.field-label-row output{color:var(--text);font-variant-numeric:tabular-nums}.control-field select,select{width:100%;color:var(--text);background-color:var(--panel-strong);padding:0 12px}select option{color:#1a1410;background:#fff}input[type=range]{width:100%;accent-color:var(--teal)}.fine-tune-controls{grid-template-columns:44px auto 44px;align-items:center;gap:8px;width:fit-content;margin:8px auto 0;display:grid}.fine-tune-button{border-radius:50%;width:44px;padding:0;font-size:1.1rem;font-weight:800}.fine-tune-step{min-width:3.5rem;color:var(--muted);text-align:center;font-size:.78rem;font-weight:700}.layer-tools{align-items:center;gap:8px;margin:0 0 16px;display:flex}.visibility-control{min-height:44px;color:var(--text);flex:auto;align-items:center;gap:9px;margin:0;font-size:.85rem;display:flex}.visibility-control input{width:18px;height:18px;accent-color:var(--teal)}.reset-layer-button,.settings-reset-button{color:var(--muted);flex:0 0 44px}.auto-rotate-controls{border:0;border-top:1px solid #f7efe217;margin:28px 0 0;padding:12px 0 0}.auto-rotate-controls legend{color:var(--text);margin-bottom:0;font-size:.95rem;font-weight:700}.auto-rotate-toggle{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.switch-control{color:var(--text);align-items:center;gap:8px;display:flex;position:relative}.switch-control input{z-index:1;cursor:pointer;opacity:0;width:44px;height:28px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.switch-visual{background:#00000047;border:1px solid #f7efe23d;border-radius:999px;align-items:center;width:44px;height:24px;padding:3px;transition:border-color .15s,background .15s;display:inline-flex}.switch-thumb{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:background .15s,transform .15s;box-shadow:0 1px 2px #00000047}.switch-control input:checked+.switch-visual{border-color:var(--teal);background:var(--teal)}.switch-control input:checked+.switch-visual .switch-thumb{background:#1a1410;transform:translate(20px)}.switch-control input:focus-visible+.switch-visual{outline:2px solid var(--yellow);outline-offset:2px}.auto-rotate-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.auto-rotate-options .control-field{min-width:0;margin-bottom:0}.presets-section{border-bottom:1px solid #f7efe217;margin:0 0 20px;padding:0 0 18px}.preset-heading{margin-bottom:8px}.preset-heading h3{color:var(--text);margin:0;font-size:1rem}.preset-count{color:var(--muted);font-variant-numeric:tabular-nums}.preset-select{width:100%;margin:0 0 12px}.empty-presets{color:var(--muted);margin:-2px 0 12px;font-size:.76rem;line-height:1.45}.preset-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px;display:grid}.preset-management-actions{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}.preset-button{border:1px solid var(--line);border-radius:8px;min-width:0;min-height:44px;padding:0 12px;font-weight:700;transition:border-color .15s,background .15s,transform .15s}.preset-button:hover:not(:disabled){transform:translateY(-1px)}.preset-button-primary{color:#1a1410;border-color:var(--yellow);background:var(--yellow)}.preset-button-primary:hover:not(:disabled){background:#ffd678;border-color:#ffd678}.preset-button-secondary{color:var(--text);background:var(--panel-strong);border-color:#f7efe226}.preset-button-secondary:hover:not(:disabled){border-color:var(--teal);background:#302a35}.preset-button-danger{color:var(--pink);background:0 0;border-color:#f06c9b73}.preset-button-danger:hover:not(:disabled){background:#f06c9b1f}.preset-button:disabled{cursor:not-allowed;opacity:.42}.interaction-hint{color:var(--muted);margin-top:20px;font-size:.76rem;line-height:1.55}.sheet-handle,.mobile-only,.sheet-backdrop{display:none}.status-announcer{min-height:24px;color:var(--muted);padding:10px 2px 0;font-size:.82rem}.status-announcer.is-error{color:var(--pink)}.dialog-layer{z-index:10;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.about-dialog{border:1px solid var(--line);background:var(--panel);width:min(420px,100%);box-shadow:var(--shadow);border-radius:14px;padding:28px}.about-dialog h2{margin:5px 0 14px;font-size:1.4rem}.about-dialog p{color:var(--muted);line-height:1.6}.about-dialog .dialog-note{color:var(--teal);margin:14px 0 22px;font-size:.78rem}.preset-dialog{border:1px solid var(--line);background:var(--panel);width:min(420px,100%);box-shadow:var(--shadow);border-radius:14px;padding:24px}.preset-dialog h2{margin:5px 0 12px;font-size:1.3rem}.preset-dialog-description{color:var(--muted);margin:0 0 18px;line-height:1.5}.preset-name-field{margin-bottom:12px}.preset-name-field input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:var(--panel-strong);border-radius:8px;padding:0 12px}.preset-dialog-warning{color:var(--pink);margin:0 0 18px;font-size:.82rem}.preset-dialog-error{color:var(--pink);margin:8px 0 0;font-size:.8rem}.preset-dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}@media (width<=768px){.app-shell{width:min(100% - 24px,620px);padding-top:14px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.app-shell:not(.is-immersive){padding-top:max(14px, env(safe-area-inset-top))}.toolbar{align-items:flex-start;padding-bottom:14px}.brand-mark{border-radius:10px;width:36px;height:36px;font-size:23px}.brand-lockup p{max-width:210px}.toolbar-actions{gap:5px}.canvas-toolbar{justify-content:flex-start;gap:5px}.canvas-toolbar-button{flex:none;min-width:44px;padding:0 8px}.auto-rotate-playback{gap:5px}.auto-rotate-playback .button{min-width:132px}.canvas-settings-button{align-items:center;display:inline-flex}.workspace{display:block}.canvas-frame{border-radius:12px;width:min(100%,100dvh - 180px);min-width:0;padding:8px}.settings-panel{z-index:5;width:100%;min-height:320px;max-height:min(70dvh,560px);padding:12px 20px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;transition:transform .2s;position:fixed;bottom:0;left:0;right:0;overflow:hidden auto;transform:translateY(105%)}.settings-panel.is-open{transform:translateY(0)}.sheet-backdrop{z-index:4;background:#0000009e;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.sheet-handle{touch-action:none;background:#f7efe24d;border-radius:999px;width:40px;height:4px;margin:0 auto 16px;display:block}.mobile-only{place-items:center;width:44px;padding:0;font-size:1.45rem;display:grid}.app-shell.is-immersive{width:100dvw}}@media (display-mode:fullscreen){html,body,#root{background:#101014}}@media (width<=480px){.canvas-toolbar-button{padding:0}.canvas-toolbar-button .button-label{display:none}.auto-rotate-playback .button-label{display:inline}.auto-rotate-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}