@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/afterimage/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/afterimage/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/afterimage/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/afterimage/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/afterimage/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/afterimage/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/afterimage/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/afterimage/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/afterimage/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/afterimage/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/afterimage/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/afterimage/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff")}:root{font-family:Inter,Arial,sans-serif;color:#eaeae5;background:#151615;font-synthesis:none;font-weight:400;--accent:#d9edaa;--muted:#858982;--line:#30322f;--display:"Space Grotesk",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.5}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}button{transition:background .18s,color .18s,border-color .18s}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button{border:0}::selection{background:var(--accent);color:#151615}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4.2%;gap:20px}.wordmark{display:flex;align-items:center;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-1.1px;gap:10px}.brand-symbol{display:flex;align-items:center;gap:3px;transform:skew(-20deg);margin-right:4px}.brand-symbol i{height:22px;width:5px;background:var(--accent)}.brand-symbol i:nth-child(2){height:30px}.brand-symbol i:nth-child(3){height:18px}.beta-label{font:500 8px Inter;letter-spacing:1px;color:var(--muted);border:1px solid #42453d;border-radius:3px;padding:3px 4px;align-self:flex-start;margin-top:4px;margin-left:2px}.header-tagline{color:#858982;font-size:11px;letter-spacing:.15px;margin-left:-40px}.header-actions{display:flex;align-items:center;gap:25px}.local-badge{font-size:9px;letter-spacing:1.2px;color:#a9ada3;display:flex;align-items:center;gap:8px}.local-badge>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.icon-button{background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:6px;color:#a7aaa2;border-radius:4px;min-width:30px;min-height:30px}.icon-button:hover{background:#ffffff0c;color:#fff}.help-button{border-left:1px solid var(--line);border-radius:0;padding-left:24px}main{max-width:1360px;padding:42px 5.2% 30px;margin:auto}.studio-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.65px;display:flex;align-items:center;gap:8px;color:#9a9e92}.eyebrow>span{display:block;background:var(--accent);width:4px;height:4px}h1{font-family:var(--display);font-size:37px;letter-spacing:-1.6px;line-height:1.15;font-weight:500;margin:13px 0 0}h1>span{color:var(--accent)}.edition{text-align:right;display:grid;gap:9px;padding-bottom:3px}.edition>span{font-size:8px;letter-spacing:1.6px;color:#777e72}.edition strong{font-size:11px;font-weight:400;color:#c2c5bb}.edition strong>span{color:var(--accent);margin-left:10px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:30px;align-items:start}.workspace{min-width:0}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 1px 13px}.style-tag{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.4px;font-weight:500}.chrome-orb{width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#fff,#aaa,#303835 40%,#f7f8f3 49%,#818b80 55%,#242923 70%,#bbb 95%);box-shadow:inset 0 0 2px #fff}.style-number{font-size:8px;color:#858982;border:1px solid var(--line);padding:2px 4px;border-radius:3px;margin-left:2px;letter-spacing:0}.live-state{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#a4aa99}.signal-dot{width:5px;height:5px;border-radius:50%;background:#70766b}.signal-dot.live{background:var(--accent);box-shadow:0 0 8px #d9edaa66}.stage{position:relative;background:#101211;min-height:300px;padding:22px;display:flex;align-items:center;justify-content:center;border:1px solid #33362e;background-image:radial-gradient(#ffffff13 .6px,transparent .6px);background-size:7px 7px;overflow:hidden}.artwork-wrap{width:100%;max-width:680px;position:relative;box-shadow:0 12px 40px #0003;line-height:0}.artwork-wrap canvas{width:100%;height:auto;display:block}.artwork-wrap.portrait{width:75%;max-width:510px}.canvas-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.6;font-size:12px;color:#d5dacb;background:#202322;padding:30px;text-align:center}.canvas-state.error{color:#eebaa8}.stage-corner{position:absolute;width:7px;height:7px;border-color:#838a76;border-style:solid;z-index:1}.top-left{top:10px;left:10px;border-width:1px 0 0 1px}.top-right{top:10px;right:10px;border-width:1px 1px 0 0}.bottom-left{bottom:10px;left:10px;border-width:0 0 1px 1px}.bottom-right{bottom:10px;right:10px;border-width:0 1px 1px 0}.stage-float{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-float>span{display:none;font-size:8px;letter-spacing:1px;gap:6px;align-items:center;background:#171b18b3;padding:7px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd7bc}.stage-float>button{pointer-events:auto;margin-left:auto;background:#14171388;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ddd}.stage-bottom{height:43px;display:flex;align-items:center;justify-content:space-between}.frame-dimensions{font-size:8px;color:#8c9283;letter-spacing:1px}.frame-dimensions>span{color:#4c5246;margin:0 4px}.stage-bottom>div{display:flex;align-items:center;gap:11px}.stage-bottom button{display:flex;gap:6px;align-items:center;background:none;color:#9a9f91;font-size:9px;padding:7px 0}.stage-bottom button:hover,.stage-bottom button.active{color:var(--accent)}.toolbar-divider{height:10px;width:1px;background:var(--line)}.player{background:#1d1f1c;border:1px solid #32352d;padding:15px 17px 14px;border-radius:5px}.track-row{display:flex;align-items:center;gap:10px}.track-icon{width:34px;height:34px;background:#30362a;border:1px solid #424c36;color:#d4e3bc;display:flex;align-items:center;justify-content:center;border-radius:3px}.track-icon.active{background:#3c482e}.track-name{display:grid;gap:5px;min-width:0}.track-name strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name>span{font-size:9px;color:#8d9484}.demo-tag{font-size:7px;letter-spacing:.5px;color:#b1b7a9;border:1px solid #3a4033;border-radius:3px;padding:4px 5px;margin-left:auto}.track-duration{font-size:9px;color:#949a8c;margin-left:auto}.demo-tag+.track-duration{margin-left:4px}.transport-row{display:flex;align-items:center;gap:11px;margin-top:14px}.restart-button{padding:4px;min-width:20px}.play-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:#1b2313;border-radius:50%;flex-shrink:0}.play-button:hover{background:#edffbd}.current-time,.end-time{font-size:8px;color:#b3bba6;min-width:23px;font-variant-numeric:tabular-nums}.end-time{color:#838a7b}.waveform{height:32px;position:relative;flex:1;min-width:30px}.wave-bars{display:flex;align-items:center;gap:2px;height:100%;width:100%}.wave-bars i{flex:1;background:#53594a;border-radius:1px;min-width:1px;max-height:30px}.waveform input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:2}.waveform:focus-within{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.playhead{position:absolute;top:1px;bottom:1px;width:1px;background:#d9edaa;pointer-events:none}.volume-control{display:flex;align-items:center;gap:4px;margin-left:5px}.volume-control .icon-button{padding:4px;min-width:22px}.volume-control input{width:47px;height:3px;accent-color:#c6ceb8;cursor:pointer}.reactivity-legend{display:flex;align-items:center;gap:12px;margin-top:18px;color:#777e6e;font-size:9px}.reactivity-legend>span:first-child{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.9px;white-space:nowrap;color:#9da68f}.small-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.frequency-meter{margin-left:auto;display:flex;align-items:center;gap:2px;height:16px}.frequency-meter i{width:2px;background:#a5b586;transition:height .1s;min-height:3px}.analysis-note{font-size:8px;color:#82897a;margin:9px 0 0 10px;line-height:1.7}.controls{background:#1c1e1b;border:1px solid #34372f;border-radius:6px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 21px;border-bottom:1px solid #34372f}.panel-title h2{font-family:var(--display);font-size:15px;letter-spacing:-.3px;font-weight:500;margin:0}.tiny-dot{height:4px;width:4px;border-radius:50%;background:#737d63}.control-section{padding:21px;border-bottom:1px solid #34372f}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:17px}.section-label>span{font-family:var(--display);font-size:9px;color:#808b6e}.section-label h3{font-size:8px;font-weight:500;letter-spacing:1.2px;color:#c0c6b5;margin:0}.upload-zone{width:100%;background:#22251f;border:1px dashed #505a40;border-radius:4px;display:flex;align-items:center;flex-direction:column;padding:17px 10px 14px;gap:9px;color:#b7c1a6}.upload-zone>strong{font-size:10px;font-weight:500;color:#d9dfcf;margin-top:2px}.upload-zone>span:last-child{display:flex;gap:4px;align-items:center;font-size:8px;color:#8e987f}.upload-zone:hover,.upload-zone.dragging{background:#2d3425;border-color:var(--accent)}.upload-details{display:flex;justify-content:space-between;font-size:7px;margin-top:9px;color:#8c9480;letter-spacing:.15px}.upload-details>span:last-child{font-size:6px;letter-spacing:.5px}.demo-option{display:flex;align-items:center;gap:7px;font-size:9px;color:#b7c0aa;margin-top:16px}.demo-option>svg{margin-left:auto;color:#869376}.selected-dot{height:8px;width:8px;border:1px solid #b8ce90;border-radius:50%;background:#c3d99a;box-shadow:inset 0 0 0 2px #282e21}.plain-dot{height:6px;width:6px;border:1px solid #7d876e;border-radius:50%}.demo-option button{background:transparent;padding:0;color:var(--accent);font-size:9px;text-decoration:underline;text-underline-offset:3px}.field-label{font-size:9px;color:#a5ae99;display:flex;justify-content:space-between;margin-bottom:7px}.text-input{border:1px solid #3b4233;border-radius:3px;background:#242820;color:#e1e5d9;padding:10px 11px;width:100%;font-size:10px;line-height:1.3}.text-input:hover{border-color:#626f50}.title-label{margin-top:13px}.palette-label{margin-top:18px}.palette-label>span{font-size:7px;color:#8b957e;letter-spacing:.8px}.palette-row{display:flex;align-items:center;gap:9px;margin-top:11px}.swatch{width:26px;height:26px;border-radius:50%;background:var(--swatch);position:relative;display:flex;align-items:center;justify-content:center;color:#262a22;flex-shrink:0}.swatch.selected:after{content:"";position:absolute;inset:-4px;border:1px solid var(--swatch);border-radius:50%}.swatch:hover{transform:translateY(-2px)}.custom-color{position:relative;width:24px;height:24px;border:1px solid #566047;border-radius:50%;color:#a1ad90;display:flex;align-items:center;justify-content:center;cursor:pointer}.custom-color input{position:absolute;inset:0;opacity:0;width:24px;height:24px;cursor:pointer}.custom-color:focus-within{outline:2px solid var(--accent);outline-offset:4px}.background-color{width:19px;height:23px;margin-left:auto;border-left:1px solid #3b4233;padding-left:8px}.background-color input{border:0;padding:0;width:17px;height:23px;background:transparent;cursor:pointer}.intensity-label{display:flex;justify-content:space-between;font-size:9px;color:#a5ae99;margin-top:22px;align-items:center}.intensity-label>span{font-family:var(--display);font-size:12px;color:#cddcbb}.intensity-label small{font-size:8px;color:#8b957e;margin-left:2px}.intensity-range{appearance:none;background:linear-gradient(to right,var(--accent) var(--progress),#424a37 var(--progress));width:100%;height:3px;margin:16px 0 10px;border-radius:2px;cursor:pointer}.intensity-range::-webkit-slider-thumb{appearance:none;height:10px;width:10px;border:2px solid var(--accent);border-radius:50%;background:#22261d}.intensity-range::-moz-range-thumb{height:7px;width:7px;border:2px solid var(--accent);border-radius:50%;background:#22261d}.range-labels{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.8px;color:#8d977f}.motion-note{font-size:9px;color:#c0cdaa;line-height:1.5;margin-bottom:0}.format-options{display:flex;gap:8px}.format-options button{display:flex;gap:7px;align-items:center;width:50%;padding:10px 9px;border:1px solid #414a35;background:#23271f;border-radius:3px;font-size:9px;color:#a2ac93}.format-options button>span{font-size:8px;margin-left:auto;color:#869373}.format-options button.chosen{color:#dce6ce;border-color:#91a873;background:#303a25}.format-options button.chosen>svg{color:#d9edaa}.format-options button:hover{border-color:#c2d899}.format-section{border-bottom:0;padding-bottom:16px}.export-spec{display:flex;align-items:center;justify-content:space-between;color:#9aa58b;font-size:8px;margin:17px 0 12px}.export-spec>span:last-child{display:flex;align-items:center;gap:6px;font-size:8px;color:#c5ceba}.export-spec svg{display:none}.export-button{width:100%;background:var(--accent);color:#222c17;font-weight:500;font-size:11px;padding:13px 12px;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:9px}.export-button>svg:last-child{margin-left:auto}.export-button>svg:first-child{margin-right:auto}.export-button:hover{background:#e4f8b6}.export-hint{font-size:8px;text-align:center;color:#909b81;margin:11px 0 0}.privacy-note{display:flex;justify-content:center;gap:6px;align-items:center;font-size:8px;color:#929f81;padding:13px 12px;background:#20251c;border-top:1px solid #333c29}.site-footer{padding:24px 4.2%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#8a917f;font-size:7px;letter-spacing:1.1px;gap:15px;margin-top:3px}.site-footer>span:nth-child(2){display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:9px;color:#868d7d}.footer-star{font-size:19px;color:#b7c89e;line-height:1}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #9b7054;background:#382a22;color:#f1c4a7;gap:20px;font-size:12px;line-height:1.5;border-radius:5px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#d9edaa;color:#252e1d;box-shadow:0 8px 40px #0008;border-radius:5px;z-index:10;display:flex;align-items:center;gap:10px;font-size:12px;padding:16px 20px;max-width:calc(100% - 30px)}.spinner{width:15px;height:15px;border:1.5px solid #d9edaa33;border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.spinner.dark{border-color:#24321944;border-top-color:#243219}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}dialog{background:#20231e;color:#e3e8db;border:1px solid #566147;max-width:480px;width:calc(100% - 32px);border-radius:9px;padding:28px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080b09bb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading .eyebrow{color:#bacd9e}dialog h2{font-family:var(--display);font-size:29px;font-weight:500;letter-spacing:-1px;margin:16px 0}dialog p{font-size:12px;line-height:1.8;color:#adb8a0}dialog ol{list-style:none;padding:0;display:grid;gap:20px;margin:24px 0}dialog li{display:flex;align-items:start;gap:13px;font-size:12px;line-height:1.7;color:#acb69f}dialog li>svg{margin-top:3px;color:var(--accent);flex-shrink:0}dialog li strong{color:#dbe6cd}dialog .dialog-note{font-size:10px;color:#8d9b7e;border-top:1px solid #3b4432;padding-top:15px}dialog .export-button{margin-top:20px;justify-content:space-between}:fullscreen.stage{height:100vh;width:100vw;padding:3vh}:fullscreen .artwork-wrap{width:auto;height:90vh;max-width:90vw}:fullscreen .artwork-wrap canvas{height:90vh;width:auto;max-width:90vw;object-fit:contain}@media(min-width:1450px){main{padding-left:45px;padding-right:45px}.studio-grid{grid-template-columns:minmax(0,1fr) 330px;gap:36px}.control-section{padding:23px}.controls{margin-top:0}.stage{padding:25px}}@media(max-width:1050px){main{padding:32px 4% 25px}.studio-grid{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.header-tagline{margin-left:0}.stage{padding:16px}.volume-control input{display:none}.stage-float{bottom:22px;left:22px;right:22px}.reactivity-legend{flex-wrap:wrap;gap:7px}.reactivity-legend>span:nth-child(2){font-size:8px}.control-section,.panel-title{padding:18px}.palette-row{gap:8px}h1{font-size:33px}.player{padding:13px 12px}.transport-row{gap:7px}.wave-bars{gap:1px}.track-name>span{font-size:8px}.demo-tag{font-size:6px}.site-footer>span:nth-child(2){display:none}}@media(max-width:760px){.site-header{height:70px;padding:0 5%}.wordmark{font-size:19px}.brand-symbol i{height:17px;width:4px}.brand-symbol i:nth-child(2){height:24px}.brand-symbol i:nth-child(3){height:15px}.header-tagline{display:none}.header-actions{gap:13px}.local-badge{font-size:7px;letter-spacing:.7px}.help-button{padding-left:12px}.beta-label{font-size:6px}.studio-heading{margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.1px}main{padding:29px 5% 24px}h1{font-size:29px;letter-spacing:-1.1px;margin-top:12px}.edition{display:none}.studio-grid{grid-template-columns:minmax(0,1fr);gap:28px}.stage{padding:18px;min-height:0}.stage-toolbar{padding-bottom:12px}.artwork-wrap{max-width:none}.artwork-wrap.portrait{width:75%}.stage-float{bottom:24px;left:24px;right:24px}.player{padding:14px}.transport-row{gap:9px}.volume-control input{display:block;width:37px}.controls{display:grid;grid-template-columns:1fr 1fr}.panel-title,.privacy-note{grid-column:1 / -1}.panel-title{padding:18px 21px}.control-section{padding:21px}.audio-section{border-right:1px solid #34372f}.control-section:nth-of-type(2){grid-row:2/4;grid-column:2;border-bottom:0}.format-section{grid-column:1;border-right:1px solid #34372f}.privacy-note{padding:14px}.section-label{margin-bottom:16px}.palette-row{gap:8px;flex-wrap:wrap}.background-color{margin-left:0}.format-options{flex-wrap:wrap}.format-options button{width:100%}.export-spec{flex-wrap:wrap;gap:8px}.export-button{font-size:10px}.export-hint{font-size:7px}.analysis-note{font-size:8px}.site-footer{padding:22px 5%;font-size:6px}.reactivity-legend{margin-top:16px}.reactivity-legend>span:nth-child(2){font-size:8px}}@media(max-width:460px){.controls{display:block}.control-section:nth-of-type(2){border-bottom:1px solid #34372f}.audio-section,.format-section{border-right:0}.control-section{padding:21px}.format-options{flex-wrap:nowrap}.format-options button{width:50%}.palette-row{gap:13px}.background-color{margin-left:auto}.export-button{font-size:12px;padding:15px}.field-label,.intensity-label{font-size:10px}.text-input{font-size:12px;padding:12px}.section-label h3{font-size:9px}.upload-zone{padding:22px 10px}.upload-zone strong{font-size:12px}.upload-zone>span:last-child{font-size:10px}.upload-details{font-size:8px}.demo-option{font-size:10px}.upload-details>span:last-child{font-size:7px}.export-spec,.privacy-note,.export-hint{font-size:9px}.track-duration{display:none}.demo-tag{font-size:6px;margin-left:auto}.track-name strong{font-size:10px}.transport-row{gap:7px}.volume-control{margin-left:0}.volume-control input{display:none}.end-time{min-width:21px}.reactivity-legend>span:nth-child(2){margin-left:auto;font-size:7px}.frequency-meter{display:none}h1{font-size:27px}.stage{padding:13px}.stage-float{bottom:20px;right:20px}.stage-float button{min-height:26px;min-width:26px}.stage-bottom button{font-size:8px}.frame-dimensions{font-size:7px}.stage-bottom>div{gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition:none!important;scroll-behavior:auto!important}}.input-error{color:#efb79e;border-left:2px solid #bd8163;padding-left:10px;font-size:10px;line-height:1.7;margin:14px 0 0}@media(max-width:380px){.local-badge{display:none}.header-actions{gap:0}.site-header{gap:10px}.wordmark{font-size:18px}}