:root{--black:#0b0b0c;--white:#f7f7f5;--paper:#f3efe5;--red:#ff2b21;--grey:#686865}*{box-sizing:border-box}html,body{background:var(--black);min-height:100%;color:var(--white);margin:0}body,button,input{font-family:Arial,Helvetica,sans-serif}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:2px}::selection{background:var(--red);color:#fff}.studio-shell{background:var(--black);height:100dvh;min-height:100dvh;overflow:hidden}.topbar{border-bottom:1px solid #303032;grid-template-columns:200px 1fr auto;align-items:center;gap:24px;height:65px;padding:0 18px;display:grid}.wordmark{width:145px;height:auto;display:block}.title-block{letter-spacing:.13em;align-items:center;gap:18px;font-size:10px;font-weight:700;display:flex}.status-dot{color:#9a9a98}.status-dot:before{content:"";background:#85ed94;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #85ed94}.top-actions{gap:7px;display:flex}.top-actions button,.stage-tools button{letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #454548;height:34px;padding:0 12px;font-size:9px;font-weight:700}.top-actions button:hover,.stage-tools button:hover{background:var(--white);color:var(--black)}.workspace{grid-template-columns:minmax(0,1fr) 354px;height:calc(100dvh - 65px);display:grid}.stage{background:var(--paper);margin:14px 0 14px 14px;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.stage:after{content:"";pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0;box-shadow:inset 0 0 90px #201a1214}.stage-index,.stage-caption{z-index:2;letter-spacing:.08em;color:#34343a;font:700 9px/1.2 Menlo,Monaco,monospace;position:absolute}.stage-index{border-top:2px solid var(--red);padding-top:7px;top:15px;left:16px}.stage-caption{justify-content:space-between;display:flex;bottom:14px;left:16px;right:16px}.stage-tools{z-index:3;gap:5px;display:flex;position:absolute;top:12px;right:12px}.stage-tools button{color:#171718;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f7f5b8;border-color:#1111126b;width:35px;padding:0}.notice{z-index:4;background:var(--red);color:#fff;letter-spacing:.08em;cursor:pointer;border:0;padding:9px 12px;font:700 8px Menlo,monospace;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.control-panel{scrollbar-width:thin;background:#111113;border:1px solid #363638;margin:14px;overflow:auto}.control-section{border-bottom:1px solid #363638;padding:15px 16px 17px}.section-title{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-title span{color:var(--red);font:700 9px Menlo,monospace}.section-title h2{letter-spacing:.16em;margin:0;font-size:10px}.segmented{border:1px solid #444447;grid-template-columns:repeat(3,1fr);display:grid}.segmented button{letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-right:1px solid #444447;min-height:34px;font-size:9px;font-weight:700}.segmented button:last-child{border-right:0}.segmented .active{background:var(--white);color:var(--black)}.source-grid{grid-template-columns:repeat(4,1fr)}.file-row{grid-template-columns:minmax(0,1fr) 74px auto;align-items:center;gap:7px;margin-top:9px;display:grid}.file-row button{color:#bbb;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #3d3d40;min-height:31px;padding:0 8px;font-size:8px;font-weight:700;overflow:hidden}.file-row .file-name{text-align:left}.file-row .playback-toggle{color:var(--white);border-color:#777}.file-row .playback-toggle:hover,.file-row .playback-toggle.playing{border-color:var(--red);background:var(--red);color:#fff}.file-row .playback-toggle:disabled{opacity:.38;cursor:not-allowed}.file-row label{color:#999;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.file-row input{accent-color:var(--red)}.playback-progress{background:#343436;grid-column:1/3;height:3px;overflow:hidden}.playback-progress i{background:var(--red);height:100%;display:block}.timecode{color:#858585;justify-self:end;font:7px Menlo,monospace}.helper{color:#858585;margin:9px 0 0;font:8px/1.45 Menlo,monospace}.meter{background:#343436;height:2px;margin-top:12px}.meter i{background:var(--red);height:100%;display:block}.preset-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.preset-grid button{text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #38383b;grid-template-columns:26px 1fr;align-items:center;gap:9px;min-height:42px;padding:5px 7px;font-size:9px;font-weight:700;display:grid}.preset-grid button.active{border-color:var(--white)}.swatch{background:#f3efe5;border:1px solid #686865;width:24px;height:28px;display:block;position:relative;overflow:hidden}.swatch:after{content:"";background:#232a3d;height:1px;position:absolute;top:12px;left:3px;right:3px;transform:rotate(-35deg);box-shadow:0 -4px #232a3d,0 4px #232a3d}.swatch-1{background:#e9eff6}.swatch-1:after{background:#31699b;box-shadow:0 -4px #31699b,0 4px #31699b}.swatch-2:after{background:#e04f12;box-shadow:0 -4px #4f2f22,0 4px #e04f12}.swatch-3:after{background:#d8271c;box-shadow:0 -4px #d8271c,0 4px #d8271c}.swatch-4:after{background:#1b1c20;box-shadow:0 -4px #1b1c20,0 4px #1b1c20}.swatch-5:after{background:#6c2ba6;box-shadow:0 -4px #3f35b5,0 4px #c22573}.subsection-label{color:#8c8c8a;letter-spacing:.11em;border-top:1px solid #343437;margin:15px 0 8px;padding-top:10px;font:700 7px Menlo,monospace}.subsection-label.ink-label{margin-top:9px}.background-actions{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.background-actions button{color:#bbb;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #3d3d40;min-height:32px;padding:0 8px;font-size:8px;font-weight:700;overflow:hidden}.background-actions .remove-background{color:#888;text-align:center}.background-actions button:hover{border-color:var(--white);color:var(--white)}.background-help{margin-bottom:0}.colour-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.colour-row.single{grid-template-columns:1fr;margin-top:0}.colour-row label{letter-spacing:.08em;border:1px solid #38383b;justify-content:space-between;align-items:center;min-height:32px;padding:0 7px;font-size:8px;font-weight:700;display:flex}.colour-row input{cursor:pointer;background:0 0;border:0;width:27px;height:20px;padding:0}.range-row{letter-spacing:.1em;grid-template-columns:92px 1fr 35px;align-items:center;gap:8px;min-height:35px;font-size:8px;font-weight:700;display:grid}.range-row output{text-align:right;color:#aaa;font:9px Menlo,monospace}input[type=range]{appearance:none;background:#555;min-width:0;height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--white);border-radius:50%;width:11px;height:11px}.select-row{letter-spacing:.1em;grid-template-columns:92px 1fr;align-items:center;min-height:39px;margin-top:6px;font-size:8px;font-weight:700;display:grid}.select-row select,.export-options select{width:100%;min-height:29px;color:var(--white);background:#171719;border:1px solid #3e3e41;border-radius:0;padding:0 7px;font:8px Arial,sans-serif}.panel-footer{grid-template-columns:1fr auto;align-items:center;gap:9px 10px;padding:16px;display:grid}.export-options{grid-template-columns:70px 1fr;gap:6px;display:grid}.export-button{background:var(--red);color:#fff;letter-spacing:.1em;cursor:pointer;border:0;min-height:43px;font-size:10px;font-weight:700}.record-button{letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #4a4a4d;min-height:43px;padding:0 10px;font-size:8px;font-weight:700}.record-button.active{border-color:var(--red);background:var(--red);color:#fff;animation:1.2s infinite recordPulse}.panel-footer span{color:#777;letter-spacing:.08em;font:700 7px/1.5 Menlo,monospace}.export-button:disabled{opacity:.55;cursor:wait}.visually-hidden{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;position:fixed!important;overflow:hidden!important}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#000000d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.about-modal{background:var(--paper);width:min(660px,100%);color:var(--black);border:1px solid #5b5b5e;padding:34px;position:relative}.about-modal>img{width:44px;height:44px;margin-bottom:38px}.modal-kicker{color:var(--red);letter-spacing:.14em;margin-bottom:13px;font-size:9px;font-weight:700;display:block}.about-modal h1{letter-spacing:-.03em;margin:0;font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(48px,8vw,86px);line-height:.84}.about-modal p{max-width:540px;margin:28px 0 0;font-size:16px;line-height:1.45}.about-modal .modal-small{color:#686865;font:9px/1.5 Menlo,monospace}.modal-close{min-height:33px;color:var(--black);cursor:pointer;background:0 0;border:1px solid #555;padding:0 10px;font-size:8px;font-weight:700;position:absolute;top:18px;right:18px}@keyframes recordPulse{50%{opacity:.65}}@media (width<=800px){.studio-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{grid-template-columns:1fr auto;height:58px}.wordmark{width:125px}.title-block,.top-actions button:first-child{display:none}.workspace{height:auto;display:block}.stage{height:58dvh;margin:10px}.control-panel{max-height:none;margin:10px}.preset-grid{grid-template-columns:repeat(3,1fr)}.panel-footer{grid-template-columns:1fr}.panel-footer span{display:none}}@media (width<=520px){.preset-grid{grid-template-columns:repeat(2,1fr)}.stage{height:52dvh}.source-grid button{font-size:7px}.about-modal{padding:25px}.about-modal>img{margin-bottom:26px}}@media (prefers-reduced-motion:reduce){.record-button.active{animation:none}}