:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent-color-01:#5208ff;--accent-color-02:#7b5cff;--accent-color-03:#b7a6ff;--bg-color-01:#191a1f;--bg-color-02:#111318;--bg-color-03:#000;--bg-color-04:#525660;--success-color:#28bd73;--warning-color:#fac72e;--error-color:#ec516a;--success-color-rgb:40, 189, 115;--error-color-rgb:236, 81, 106;--primary-gradient:linear-gradient(45deg, var(--accent-color-01) 0%, var(--accent-color-03) 100%);--surface-color-01:#15171c;--surface-color-inset:#0f1115;--border-color-01:#ffffff26;--border-color-02:#fff3;--border-color-hairline:#ffffff1a;--overlay-color-01:#ffffff0f;--text-color-primary:#e6e6e6;--text-color-body:#c7cbd1;--text-color-muted:#9ba1ac;--text-color-faint:#6b7280;--nav-height:clamp(64px, 15vh, 120px);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:var(--accent-color-03);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--accent-color-02)}nav{width:100vw;height:var(--nav-height);background-color:var(--bg-color-01);border-bottom:solid 2px var(--accent-color-01);z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;padding:3%;display:flex;position:fixed;top:0;left:0}body{background:radial-gradient(circle at 50% -10%, var(--bg-color-01) 0%, var(--bg-color-02) 45%, var(--bg-color-03) 100%);background-attachment:fixed;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:clip}h1{font-size:3.2em;line-height:1.1}h1,h2,h3,h4,h5,h5{margin:0;padding:0;display:block}button{background-color:var(--bg-color-01);cursor:pointer;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:var(--accent-color-02)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{margin:0 auto;margin-top:calc(var(--nav-height) + 1.5em)}.route-loading{text-align:center;width:100%;color:var(--accent-color-03);letter-spacing:.05em;padding:4em 0;font-size:.95em}#logo{max-height:min(150px, calc(var(--nav-height)));margin:0;padding:0}.dropbtn{background-color:var(--bg-color-03);color:var(--accent-color-03);border:none;padding:16px;font-size:16px}.dropbtn img{max-width:1em}.dropbtn[aria-expanded=true]{background-color:var(--accent-color-01)}.dropdown{display:inline-block;position:relative}.dropdown-content{top:var(--nav-height);background-color:var(--bg-color-02);min-width:160px;max-width:calc(100vw - 20px);max-height:calc(100vh - var(--nav-height) - 20px);z-index:1000;display:none;position:fixed;right:0;overflow-y:auto;box-shadow:0 8px 16px #0003}.dropdown-content.is-open{display:block}.dropdown-content a{color:var(--accent-color-03);padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:var(--bg-color-04);color:var(--accent-color-01)}.dropdown-content div button{width:100%}.dropdown-social-icons{justify-content:space-around;gap:1em;padding:12px 16px;display:flex}.login{background-color:var(--bg-color-02);border-radius:.5em;padding:.2em 1em}.social-media-icon{width:28px;height:28px}.auth-notice{border:1px solid var(--error-color);background:rgba(var(--error-color-rgb), .1);width:50vw;color:var(--error-color);box-sizing:border-box;border-radius:8px;margin:0 auto 1.5em;padding:12px 16px;font-size:.9em}@media (width<=1023px){.auth-notice{width:90vw}}#main,#dashboard,#account,#help,#eula{text-align:left;width:50vw;min-height:100vh;margin:0 auto}#designer,#performer{justify-content:center;width:95vw;margin:0 auto;display:flex}@media (width<=1023px){#main,#dashboard,#account,#help,#eula,#designer,#performer{width:90vw}}#eula h3{margin-top:1.5em}.eula-meta{color:var(--text-color-muted);font-size:.85em}.site-footer{color:var(--text-color-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em 1em;padding:2em 1em 3em;font-size:.8em;display:flex}.site-footer a{color:var(--text-color-muted)}#page-title{margin-top:15%}.main-hero{text-align:center;flex-direction:column;align-items:center;padding-top:12px;display:flex}.main-hero-logo{aspect-ratio:2017/459;background:var(--primary-gradient);width:min(520px,82vw);margin-bottom:4px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.main-hero-art{filter:drop-shadow(0 0 55px #5208ff73);width:min(460px,78vw);height:auto;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 74%);mask-image:radial-gradient(circle,#000 50%,#0000 74%)}.main-hero-tagline{max-width:32em;color:var(--text-color-body);margin:4px 0 0;font-size:1.05em}.main-hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.main-cta-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 22px;font-family:inherit;font-size:.95em;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.main-cta-button.is-primary{border:1px solid var(--accent-color-01);background:var(--accent-color-01);color:var(--text-color-primary)}.main-cta-button.is-primary:hover{background:var(--accent-color-02);border-color:var(--accent-color-02)}.main-cta-button.is-secondary{border:1px solid var(--border-color-02);color:var(--accent-color-03);background:0 0}.main-cta-button.is-secondary:hover{border-color:var(--accent-color-01);background:var(--overlay-color-01)}.main-feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:48px;display:grid}.main-feature-card{border:1px solid var(--border-color-01);background:var(--surface-color-01);border-radius:8px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.main-feature-card h3{color:var(--text-color-primary);margin:0;font-size:1em}.main-feature-card p{color:var(--text-color-body);margin:0;font-size:.9em;line-height:1.5}.main-plans{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.main-plan-card{border:1px solid var(--border-color-01);background:var(--surface-color-01);border-radius:8px;flex-direction:column;flex:260px;align-items:flex-start;gap:12px;padding:20px 22px;display:flex}.main-plan-card.is-featured{border-color:var(--accent-color-01);background:#191b22}.main-plan-card h3{color:var(--text-color-primary);margin:0}.main-plan-card ul{color:var(--text-color-body);margin:0;padding-left:1.2em;font-size:.92em;line-height:1.6}.main-plan-current{color:var(--success-color);font-size:.9em;font-weight:600}.main-plan-note{color:var(--text-color-muted);font-size:.8em}.main-social-row{justify-content:center;gap:20px;margin-top:40px;display:flex}.scene-container{aspect-ratio:16/9;background:var(--bg-color-03);width:100%;min-height:240px;top:calc(var(--nav-height) + 1.5em);flex:480px;align-self:flex-start;position:sticky;overflow:hidden}.scene-container:fullscreen{width:100vw;height:100vh;aspect-ratio:unset}.scene-container.scene3d-desktop-notice{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.scene3d-desktop-notice-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-color-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:600}.scene3d-desktop-notice-body{max-width:380px;color:var(--text-color-muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.scene3d-wrapper{flex-direction:row-reverse;align-items:flex-start;gap:24px;width:100%;max-width:1800px;margin:0 auto;display:flex}.workspace-controls{flex-direction:column;flex:380px;gap:16px;min-width:0;display:flex}@media (width<=1023px){.scene3d-wrapper{flex-direction:column;align-items:stretch}.scene-container{flex:none;align-self:auto;position:static;top:auto}.workspace-controls{flex:none}}.scene3d-fullscreen-btn{color:#ffffff94;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;transition:opacity .15s;position:absolute;top:16px;right:16px}.scene3d-fullscreen-btn.is-hovered{opacity:1;pointer-events:auto}.scene3d-fullscreen-btn.is-locked{opacity:.5;color:var(--warning-color);pointer-events:auto}.scene3d-fullscreen-btn.is-locked.is-hovered{opacity:1}.control-panel{box-sizing:border-box;border:1px solid var(--border-color-01);background:var(--surface-color-01);width:100%;color:var(--text-color-primary);border-radius:8px;flex-direction:column;gap:20px;padding:16px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:flex}.control-panel-section-header{letter-spacing:.5px;text-transform:uppercase;color:var(--text-color-muted);border-bottom:1px solid var(--border-color-hairline);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;font-size:12px;font-weight:600;display:flex}.control-panel-grid{grid-template-columns:minmax(110px,auto) 1fr 56px auto;align-items:center;gap:8px 12px;display:grid}.control-panel-label{color:var(--text-color-body);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.control-panel-tooltip{outline:none;display:inline-flex;position:relative}.control-panel-tooltip-icon{border:1px solid var(--border-color-02);width:13px;height:13px;color:var(--text-color-muted);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:9px;line-height:1;display:flex}.control-panel-tooltip-box{background:var(--surface-color-inset);border:1px solid var(--border-color-02);width:max-content;max-width:220px;color:var(--text-color-primary);text-transform:none;letter-spacing:normal;white-space:normal;z-index:30;pointer-events:none;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:400;line-height:1.4;display:none;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 4px 12px #0006}.control-panel-tooltip:hover .control-panel-tooltip-box,.control-panel-tooltip:focus .control-panel-tooltip-box{display:block}.control-panel-value{text-align:right;color:var(--text-color-muted);font-variant-numeric:tabular-nums}.control-panel-slider{width:100%;accent-color:var(--accent-color-01)}.control-panel-btn-small{border:1px solid var(--border-color-02);color:var(--text-color-muted);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:11px}.control-panel-btn-remove{color:var(--error-color);border-color:rgba(var(--error-color-rgb), .35)}.control-panel-btn-add{color:var(--accent-color-02);border-color:var(--accent-color-01)}.control-panel-btn-small.is-active{color:var(--accent-color-02);border-color:var(--accent-color-01);background:var(--overlay-color-01)}.control-panel-effect-card{border:1px solid var(--border-color-hairline);border-radius:6px;padding:10px 12px}.control-panel-add-effect-row{align-items:center;gap:8px;display:flex}.control-panel-select{background:var(--surface-color-inset);color:var(--text-color-primary);border:1px solid var(--border-color-02);border-radius:4px;flex:1;padding:4px 6px;font-family:inherit;font-size:12px}.control-panel-effects-list{flex-direction:column;gap:12px;display:flex}.control-panel-empty-text{color:var(--text-color-faint)}.control-panel-locked-note{color:var(--text-color-muted);margin:0;font-size:11px;line-height:1.5}.control-panel-locked-note a{color:var(--accent-color-02)}.control-panel-image-upload{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.control-panel-file-input{color:var(--text-color-body);font-size:11px}.control-panel-hint{color:var(--text-color-muted);margin:0;font-size:11px;font-style:italic}.control-panel-image-preview{object-fit:contain;border:1px solid var(--border-color-01);background-image:linear-gradient(45deg,#2a2d35 25%,#0000 25%),linear-gradient(-45deg,#2a2d35 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2d35 75%),linear-gradient(-45deg,#0000 75%,#2a2d35 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:4px;max-width:120px;max-height:80px}.control-panel-binding-selector{gap:4px;display:flex}.control-panel-binding-btn{border:1px solid var(--border-color-02);color:var(--text-color-muted);cursor:pointer;background:0 0;border-radius:4px;padding:3px 6px;font-size:10px;line-height:1}.control-panel-binding-btn.is-active{color:var(--accent-color-02);border-color:var(--accent-color-01);background:var(--overlay-color-01)}.control-panel-binding-spacer{display:block}.control-panel-depth-label{color:var(--text-color-muted);padding-left:8px;font-size:11px}.control-panel-depth-slider{accent-color:var(--accent-color-02)}.control-panel-checkbox{accent-color:var(--accent-color-01);justify-self:start}.scene3d-audio-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scene3d-audio-row .control-panel-select{flex:1}.scene3d-smoothing-label{color:var(--text-color-body);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.scene3d-smoothing-slider{width:120px}.scene3d-monitor-toggle{color:var(--text-color-body);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:flex}.scene3d-audio-status{color:var(--error-color);font-size:11px}.scene3d-save-input{background:var(--surface-color-inset);color:var(--text-color-primary);border:1px solid var(--border-color-02);border-radius:4px;flex:1;padding:4px 6px;font-family:inherit;font-size:12px}.scene3d-save-success{color:var(--success-color);font-size:11px}.audio-monitor{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:16px;padding:8px 4px;transition:opacity .2s;display:flex}.audio-monitor.is-idle{opacity:.35}.audio-monitor-channel{min-width:0;color:var(--text-color-muted);flex-direction:column;flex:1 1 0;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:flex}.audio-monitor-track{background:var(--surface-color-inset);border:1px solid var(--border-color-01);border-radius:3px;width:100%;height:120px;position:relative;overflow:hidden}.audio-monitor-fill{width:100%;height:0%;transition:height 60ms linear;position:absolute;bottom:0;left:0}.audio-monitor-fill-low{background:var(--accent-color-01)}.audio-monitor-fill-mid{background:var(--accent-color-02)}.audio-monitor-fill-high{background:var(--accent-color-03)}.audio-monitor-value{color:var(--text-color-body);font-variant-numeric:tabular-nums}.audio-monitor-label{letter-spacing:.5px}.performer-stage-layer{transition:opacity 80ms linear;position:absolute;inset:0}.performer-channel-slots{grid-template-columns:1fr 1fr;gap:10px;display:grid}.performer-channel-slot{border:1px solid var(--border-color-01);background:var(--surface-color-01);border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.performer-channel-slot.is-focused{border-color:var(--accent-color-01);background:#191b22}.performer-channel-slot-header{justify-content:space-between;align-items:baseline;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:flex}.performer-channel-label{color:var(--text-color-primary);font-weight:600}.performer-channel-preset{color:var(--text-color-muted);font-size:11px}.performer-channel-slot-actions{gap:8px;display:flex}.performer-layout-toggle{align-items:center;gap:10px;display:flex}.performer-level-grid{flex-basis:100%;grid-template-columns:1fr 1fr;gap:20px;display:grid}.performer-crossfader-row{border:1px solid var(--border-color-01);background:var(--surface-color-01);border-radius:8px;flex-wrap:wrap;gap:20px;padding:16px 20px;display:flex}.performer-crossfader{color:var(--text-color-body);flex-direction:column;flex:200px;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:flex}.performer-crossfader-main{flex-basis:100%}.performer-midi-row{align-items:center;gap:6px;margin-top:2px;display:flex}.performer-midi-dot{background:#4b5563;border-radius:50%;flex-shrink:0;width:8px;height:8px}.performer-midi-dot.is-assigned{background:var(--accent-color-02)}.performer-midi-dot.is-active{background:var(--success-color);box-shadow:0 0 6px 1px rgba(var(--success-color-rgb), .7)}.performer-midi-dot.is-listening{background:var(--warning-color);animation:.9s ease-in-out infinite performer-midi-pulse}@keyframes performer-midi-pulse{0%,to{opacity:1}50%{opacity:.25}}.performer-midi-label{color:var(--text-color-muted);flex:1;font-size:11px}.output-page{background:var(--bg-color-03);width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.output-page-waiting{color:var(--text-color-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-scene-list{flex-direction:column;gap:10px;display:flex}.dashboard-scene-row{border:1px solid var(--border-color-01);background:var(--surface-color-01);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.dashboard-scene-info{flex-direction:column;gap:4px;min-width:0;display:flex}.dashboard-scene-name{color:var(--text-color-primary);font-size:14px;font-weight:600}.dashboard-scene-updated{color:var(--text-color-muted);font-size:11px}.dashboard-scene-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-scene-visibility{color:var(--text-color-body);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.account-section{border:1px solid var(--border-color-01);background:var(--surface-color-01);border-radius:8px;flex-direction:column;gap:12px;max-width:100%;margin-top:16px;padding:16px;display:flex}.account-field{color:var(--text-color-body);flex-direction:column;gap:4px;font-size:12px;display:flex}.account-field input{background:var(--surface-color-inset);color:var(--text-color-primary);border:1px solid var(--border-color-02);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:13px}.account-field input:disabled{color:var(--text-color-muted);cursor:not-allowed}.account-field-hint{color:var(--text-color-muted);margin:-6px 0 0;font-size:11px}.account-error{color:var(--error-color);margin:0;font-size:12px}.account-success{color:var(--success-color);margin:0;font-size:12px}.account-danger-zone h3{color:var(--error-color);margin:0;font-size:14px}.account-danger-zone p{color:var(--text-color-muted);margin:0;font-size:12px}.depth-card{border:1px solid var(--border-color-01);background:var(--surface-color-01);border-radius:8px;flex-direction:column;gap:12px;max-width:100%;margin-top:16px;padding:16px;display:flex}.help-accordion{flex-direction:column;gap:8px;margin-top:16px;display:flex}.help-accordion-item{border:1px solid var(--border-color-01);background:var(--surface-color-01);border-radius:8px;padding:0 16px}.help-accordion-item summary{color:var(--text-color-primary);cursor:pointer;padding:14px 0;font-weight:600;list-style:none}.help-accordion-item summary::-webkit-details-marker{display:none}.help-accordion-item summary:before{content:"+";width:1.2em;color:var(--accent-color-02);font-weight:700;display:inline-block}.help-accordion-item[open] summary:before{content:"−"}.help-accordion-item[open] summary{border-bottom:1px solid var(--border-color-hairline)}.help-accordion-body{color:var(--text-color-body);padding:12px 0 16px;font-size:.92em;line-height:1.55}.help-accordion-body p{margin:0 0 .8em}.help-accordion-body p:last-child{margin-bottom:0}.help-accordion-body ul,.help-accordion-body ol{margin:0;padding-left:1.3em}.help-accordion-body li{margin-bottom:.4em}.help-accordion-body a{color:var(--accent-color-03)}