:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--panel:#101210;--panel-2:#151815;--line:#242824;--text:#f2f4ef;--muted:#aab2aa;--accent:#17b6a4;--accent-2:#f5bd3d;--danger:#ef5c5c;--blue:#5c8cff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#101410;border-radius:5px;justify-content:center;align-items:center;gap:.5rem;min-height:2.35rem;padding:.58rem .72rem;transition:background-color .16s,border-color .16s,color .16s,opacity .16s;display:inline-flex}button:hover{background:#151a15;border-color:#667066}button:disabled{color:#6f786f;cursor:not-allowed;opacity:.72;background:#070907;border-color:#181c18}.spin{animation:.8s linear infinite spin}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(1.3rem,1.8vw,1.9rem)}h2{letter-spacing:0;font-size:1rem}.shell{min-height:100vh;padding:.5rem}.workspace{grid-template-columns:clamp(12.5rem,18vw,17rem) minmax(0,1fr);gap:.5rem;max-width:none;margin:0 auto;display:grid}.mobile-gate{display:none}.mobile-gate-content{color:var(--text);text-align:center;background:#000;align-content:center;gap:.9rem;min-height:100dvh;padding:1.5rem;display:grid}.mobile-gate-content strong{font-size:clamp(1.75rem,9vw,2.7rem);line-height:1}.mobile-gate-content p{color:#aab2aa;max-width:24rem;margin:0 auto;font-size:1rem;line-height:1.45}.mobile-gate-content span{color:#fff;font-size:1.02rem;font-weight:700}.mobile-gate-content a{color:var(--accent);font-size:1rem;font-weight:800;text-decoration:none}.mobile-gate-content small{color:#687168;margin-top:1.25rem;font-size:.72rem}.control-panel,.visual-panel,.editor-panel,.stage-wrap{background:0 0;border:0;border-radius:0}.control-panel{flex-direction:column;gap:.48rem;padding:0;display:flex;position:relative}.eyebrow{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.field{gap:.45rem;display:grid}.field span{color:var(--muted);font-size:.8rem}textarea,input,select{border:1px solid var(--line);color:var(--text);background:#0b0d0b;border-radius:6px;outline:none;width:100%;padding:.75rem}textarea:focus,input:focus,select:focus{border-color:var(--accent)}.split-fields{grid-template-columns:.75fr 1fr;gap:.75rem;display:grid}.drop-zone{aspect-ratio:4/3;color:var(--text);cursor:pointer;background:#000;border:0;border-radius:4px;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.image-file-input{display:none}.drop-zone img{object-fit:contain;width:100%;height:100%}.image-empty{color:#8b948b;flex-direction:column;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.button-grid{grid-template-columns:1fr;gap:.48rem;display:grid}.button-grid button,.transport-row button{min-height:2.9rem}.button-grid .primary{background:var(--accent);border-color:var(--accent);color:#061210;font-weight:800}.variant-panel{gap:.48rem;display:grid}.variant-grid{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.variant-tile{text-align:left;background:#050705;border-color:#1d221d;justify-content:stretch;align-items:start;gap:.18rem;min-height:3.1rem;padding:.48rem;display:grid}.variant-tile.active{color:#fff;border-color:#fff}.variant-tile.queued{border-color:var(--accent-2)}.variant-tile strong{color:var(--accent);align-items:center;gap:.22rem;font-size:.72rem;line-height:1;display:inline-flex}.variant-tile span{color:#aab2aa;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;line-height:1.12;overflow:hidden}.evolve-button{width:100%;min-height:2.9rem}.auto-loop-panel{grid-template-columns:1fr auto;gap:.36rem;display:grid}.auto-loop-toggle{justify-content:space-between;min-height:2.4rem}.auto-loop-toggle span{color:#7f897f;font-size:.68rem;font-weight:750}.auto-loop-toggle.active{color:#fff;border-color:#fff}.auto-loop-toggle.active span{color:var(--accent)}.auto-loop-bars{grid-template-columns:repeat(3,2.3rem);gap:.22rem;display:grid}.auto-loop-bars button{color:#7f897f;min-height:2.4rem;padding:0;font-size:.72rem}.auto-loop-bars button.active{border-color:var(--accent);color:#fff}.auto-loop-countdown{color:#7f897f;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.45rem;min-height:1rem;font-size:.66rem;line-height:1;display:flex}.auto-loop-countdown span{color:#9aa39a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auto-loop-countdown em{color:#fff;flex:none;font-style:normal;font-weight:750}.sound-pack-chip{color:#c5ccc5;justify-content:space-between;align-items:center;gap:.5rem;min-height:1.9rem;font-size:.7rem;line-height:1.1;display:flex}.sound-pack-chip span{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.sound-pack-chip em{color:#727b72;flex:none;font-style:normal}.analysis-panel{color:#8f988f;cursor:pointer;text-align:left;background:0 0;border:0;gap:.45rem;min-width:0;max-height:11.5rem;padding:0;font-size:.67rem;line-height:1.28;display:grid;overflow:hidden}.analysis-panel:hover .analysis-row strong{color:var(--accent)}.analysis-row{justify-content:space-between;align-items:baseline;gap:.55rem;min-width:0;display:flex}.analysis-row strong{color:#fff;flex:none;font-size:.72rem}.analysis-row span{color:var(--accent);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.analysis-panel dl{grid-template-columns:3.3rem minmax(0,1fr);gap:.28rem .5rem;min-width:0;margin:0;display:grid}.analysis-panel dt{color:#626a62;min-width:0;font-weight:750}.analysis-panel dd{color:#aab2aa;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.analysis-backdrop{z-index:50;background:#000000b8;justify-content:center;align-items:center;padding:1.2rem;display:flex;position:fixed;inset:0}.analysis-modal{color:#c4ccc4;background:#050705;border:1px solid #2b312b;border-radius:8px;gap:1rem;width:100%;max-width:min(34rem,92vw);max-height:min(78vh,42rem);padding:1rem;display:grid;overflow:hidden;box-shadow:0 24px 90px #000000ad}.analysis-modal-header{justify-content:space-between;align-items:center;display:flex}.analysis-modal-header strong{color:#fff;font-size:.92rem}.analysis-modal-header button{min-height:2rem;padding:.35rem .72rem}.analysis-modal dl{gap:.7rem;margin:0;padding-right:.2rem;display:grid;overflow:auto}.analysis-modal dt{color:var(--accent);text-transform:uppercase;font-size:.7rem;font-weight:800}.analysis-modal dd{color:#d7ded7;white-space:pre-wrap;margin:-.45rem 0 0;font-size:.82rem;line-height:1.45}.transport-row{grid-template-columns:1fr;gap:.48rem;display:grid}.panel-footer{text-align:center;gap:.22rem;margin:auto 0 0;display:grid}.footer-links{color:#687168;justify-content:center;align-items:center;gap:.36rem;font-size:.68rem;line-height:1.2;display:inline-flex}.footer-links a{color:#7f897f;font-weight:650;text-decoration:none}.footer-links a:hover{color:#fff}.service-link{color:#9aa39a;letter-spacing:.02em;font-size:.72rem;font-weight:700;text-decoration:none}.service-link:hover{color:#fff}.license-note{color:#687168;text-align:center;margin:0;font-size:.66rem;line-height:1.25}.settings-backdrop{z-index:20;background:#000000ad;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-panel{background:#050605;border:1px solid #242824;border-radius:6px;gap:.85rem;width:min(100%,23rem);max-width:23rem;max-height:calc(100vh - 2rem);padding:1rem;display:grid;overflow:auto}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-header strong{font-size:.95rem}.settings-header button{min-height:2rem;padding:.35rem .7rem}.settings-subhead{justify-content:space-between;align-items:center;display:flex}.settings-subhead strong{font-size:.82rem}.settings-subhead button{min-height:1.8rem;padding:.25rem .62rem}.provider-options{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.provider-option{color:#aab2aa;cursor:pointer;background:#0b0d0b;border:1px solid #242824;border-radius:5px;align-items:center;gap:.45rem;min-height:2.6rem;padding:.55rem .7rem;display:flex}.provider-option.selected{border-color:var(--accent);color:var(--text)}.provider-option input{accent-color:var(--accent);width:auto}.settings-field{gap:.45rem;display:grid}.settings-field span{color:#7e877e;font-size:.72rem}.settings-field input{background:#000;border-color:#242824}.settings-toggle{background:#0b0d0b;border:1px solid #242824;border-radius:5px;justify-content:space-between;align-items:center;gap:.8rem;padding:.68rem .72rem;display:flex}.settings-toggle span{gap:.2rem;display:grid}.settings-toggle strong{color:var(--text);font-size:.78rem}.settings-toggle em{color:#7e877e;font-size:.68rem;font-style:normal;line-height:1.3}.settings-toggle input{accent-color:var(--accent);flex:none;width:auto}.shader-settings{border-top:1px solid #1f241f;gap:.7rem;padding-top:.85rem;display:grid}.shader-mode-options{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.shader-mode-options button{color:#8f988f;min-height:2.1rem;padding:.35rem .48rem;font-size:.72rem}.shader-mode-options button.selected{color:#fff;border-color:#fff}.shader-controls{gap:.48rem;display:grid}.shader-control{grid-template-columns:4.4rem minmax(0,1fr) 2rem;align-items:center;gap:.5rem;display:grid}.shader-control span,.shader-control em{color:#8f988f;font-size:.68rem;font-style:normal}.shader-control em{text-align:right}.shader-control input{accent-color:var(--accent);min-height:1.6rem;padding:0}.status{border:1px solid var(--line);color:#cbd4cb;background:#0b0d0b;border-radius:6px;min-height:2.4rem;padding:.65rem .75rem}.visualizer-card{background:#000;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.shader-canvas{touch-action:none;background:#000;border:0;border-radius:4px;width:100%;height:100%;min-height:0;display:block}.main-panel{grid-template-columns:minmax(0,1fr);gap:.5rem;min-width:0;height:100%;min-height:0;display:grid}.visual-panel{background:#000;grid-template-rows:minmax(0,.58fr) minmax(0,.42fr);gap:.5rem;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.stage-wrap{background:#000;place-items:center;height:100%;min-height:0;padding:0;display:grid}.phone-stage{aspect-ratio:9/16;background:#000;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);width:auto;max-width:100%;height:100%;max-height:100%;padding:0;display:grid;overflow:hidden}.phone-stage.playing .phone-widget{opacity:.82}.phone-stage pre{display:none}.stage-code-active{box-shadow:none;color:inherit;filter:none;text-shadow:none;background:0 0;padding:0}.phone-widgets{grid-auto-rows:4.12rem;align-content:start;gap:.18rem;min-height:0;display:grid}.phone-widget{border:0;border-left:2px solid color-mix(in srgb, var(--track-color) 84%, #fff 16%);background:0 0;border-radius:0;grid-template-rows:minmax(0,1fr);gap:.1rem;min-height:0;padding:0 0 0 .2rem;transition:filter .12s,opacity .12s,border-color .12s;display:grid}.phone-widget.active{filter:brightness(1.55)contrast(1.08);opacity:1;border-left-color:#fff}.phone-widget.hidden,.phone-widget header{display:none}.phone-widget strong{color:var(--track-color);font-size:.7rem}.phone-widget span{color:#b9c2ba;text-transform:uppercase;font-size:.5rem}.phone-canvases{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:.14rem;display:grid}.phone-canvases.only-pianoroll{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}.phone-canvases.only-scope{grid-template-columns:1fr}.phone-canvases div{grid-template-rows:minmax(0,1fr);gap:0;min-width:0;min-height:0;display:grid}.phone-canvases div>span{display:none}.phone-canvases canvas{background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:1.55rem;display:block}.phone-canvas-slot.hidden{display:none}.editor-panel{isolation:isolate;background:#000;grid-template-rows:minmax(0,.66fr) minmax(0,.34fr);align-content:start;gap:.5rem;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.editor-panel:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#00000047,#0000002e);position:absolute;inset:0}.editor-shader-backdrop{opacity:.82;pointer-events:none;z-index:0;position:absolute;inset:0}.editor-shader-backdrop .visualizer-card,.editor-shader-backdrop .shader-canvas{border-radius:0;width:100%;height:100%}.code-editor-shell{z-index:1;background:#00000057;justify-self:stretch;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block;position:relative;overflow:hidden}.code-editor-shell .cm-editor,.code-editor-shell .cm-scroller{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%}.editor-visual-row{z-index:1;grid-template-columns:minmax(0,1fr);gap:.5rem;min-height:0;display:grid;position:relative;overflow:hidden}.editor-visual-row .stage-wrap,.editor-visual-row .visualizer-card{min-height:0}.editor-visual-row .stage-wrap{background:#0000003d}.compact-stage .phone-stage{aspect-ratio:auto;background:#0000004d;width:100%;height:100%}.compact-stage .phone-widgets{grid-auto-rows:minmax(0,1fr);grid-template-rows:repeat(var(--track-count), minmax(0, 1fr));align-content:stretch;height:100%}.code-editor-shell.disabled .cm-content{opacity:.42}.code-editor-shell.disabled .cm-cursor,.code-editor-shell.disabled .cm-dropCursor{display:none}.cm-focused{outline:none!important}.cm-editor{background:#0003;border:0;border-radius:4px;width:100%;height:100%;overflow:hidden}.cm-cursor{box-shadow:none;border-left-width:2px!important;border-left-color:#fff!important}.cm-activeLine{background:#ffffff13!important}.cm-selectionBackground,.cm-focused .cm-selectionBackground,.cm-content ::selection{background:#ffffff2e!important}.cm-scroller{max-width:100%;font-weight:650;font-family:SFMono-Regular,Consolas,monospace!important;overflow:hidden!important}.cm-content{column-count:var(--code-columns);column-fill:auto;column-rule:1px solid #ffffff1a;font-size:clamp(8.5px, calc((100vh - 6.4rem) / var(--code-rows) / 1.3), 17px);column-gap:1.25rem;height:100%;line-height:1.3;padding:.55rem .65rem!important}.cm-line{break-inside:avoid;transition:filter .26s,opacity .26s;padding-left:0!important;padding-right:0!important}.code-editor-shell.live-focus .cm-activeLine{background:0 0!important}.cm-strudel-muted{filter:brightness(.58)saturate(.56)contrast(.92);transition:filter .26s}.cm-strudel-active{filter:none;transition:filter .26s;box-shadow:none!important;text-shadow:none!important;background:0 0!important}.report-demo-workspace .editor-panel{grid-template-rows:minmax(0,.72fr) minmax(0,.28fr)}.report-demo-workspace .cm-content{column-count:2;font-size:clamp(7.5px, calc((100vh - 7.2rem) / var(--code-rows) / 1.15), 13px);line-height:1.18}.report-demo-workspace .phone-widget header{min-height:.9rem}.report-demo-workspace .phone-widget strong{font-size:.56rem}@keyframes spin{to{transform:rotate(360deg)}}.report-demo-shell{color:#f4efe6;background:radial-gradient(circle at 62% 24%,#be1c1833,#0000 28rem),linear-gradient(135deg,#030303 0%,#111 52%,#070404 100%);height:100vh;min-height:100vh;padding:2rem;overflow:auto}.report-demo-hero{grid-template-columns:minmax(0,1fr) 22rem;align-items:end;gap:1.5rem;max-width:1280px;margin:0 auto 1.25rem;display:grid}.report-demo-kicker,.report-demo-hero p,.report-demo-status span,.report-demo-card span,.report-demo-now span{color:#f4efe694}.report-demo-kicker{text-transform:uppercase;letter-spacing:.12em;margin:0 0 .8rem;font-size:.78rem}.report-demo-hero h1{max-width:48rem;margin:0;font-size:clamp(2rem,4vw,4.8rem);line-height:.94}.report-demo-hero p{max-width:42rem;margin:1rem 0 0;font-size:.98rem}.report-demo-hero code{color:#fff}.report-demo-status,.report-demo-card{background:#030303ad;border:1px solid #f4efe624;padding:1rem}.report-demo-status{gap:.45rem;display:grid}.report-demo-status strong{font-size:.95rem}.report-demo-stage{grid-template-columns:21rem minmax(0,1fr);gap:1.25rem;max-width:1280px;margin:0 auto;display:grid}.report-demo-sidebar,.report-demo-main{min-width:0}.report-demo-variants{gap:.6rem;display:grid}.report-demo-variants button{color:#f4efe6;text-align:left;background:#ffffff09;border:1px solid #f4efe621;gap:.35rem;min-height:5.2rem;padding:.9rem;display:grid}.report-demo-variants button.active{background:#b41c182e;border-color:#f45646c7}.report-demo-variants span,.report-demo-variants em{color:#f4efe68f;text-transform:uppercase;font-size:.72rem;font-style:normal}.report-demo-variants strong{font-size:.98rem;line-height:1.1}.report-demo-transport{margin:.85rem 0;display:grid}.report-demo-transport .primary{color:#080606;background:#f4efe6;justify-content:center;min-height:3.2rem}.report-demo-card{gap:.75rem;display:grid}.report-demo-card strong{color:#ff6b5e}.report-demo-card p{color:#f4efe6d1;margin:0;line-height:1.45}.report-demo-tags{flex-wrap:wrap;gap:.38rem;display:flex}.report-demo-tags em{color:#f4efe6b8;border:1px solid #f4efe624;padding:.26rem .45rem;font-size:.72rem;font-style:normal}.report-demo-card audio{width:100%}.report-demo-main{background:linear-gradient(#ffffff0d,#ffffff04),#0000007a;border:1px solid #f4efe621;min-height:42rem;overflow:hidden}.report-demo-now{border-bottom:1px solid #f4efe61c;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;display:flex}.report-demo-now h2{margin:.2rem 0 0;font-size:clamp(1.35rem,2vw,2.5rem);line-height:1}.report-demo-now strong{color:#ff6b5e;text-transform:uppercase;font-size:.78rem}.report-demo-analysis{color:#f4efe6bd;border-bottom:1px solid #f4efe61c;margin:0;padding:1rem 1.2rem;line-height:1.55}.report-demo-code{color:#ffe7dedb;max-height:52rem;font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:1.2rem;font-size:clamp(.82rem,1vw,1rem);line-height:1.48;overflow:auto}.report-demo-empty{border:1px solid #f4efe629;max-width:44rem;margin:20vh auto;padding:1.25rem}@media (max-width:1180px){.workspace{grid-template-columns:15rem minmax(0,1fr)}.main-panel{grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){.report-demo-shell{padding:1rem}.report-demo-hero,.report-demo-stage{grid-template-columns:minmax(0,1fr)}}@media (min-width:821px){html,body{overflow:hidden}.shell{height:100vh}.workspace{height:100%}.control-panel{min-height:0;overflow:hidden}}@media (max-width:820px){.shell{padding:0}.mobile-gate{display:block}.workspace{display:none}}