@charset "UTF-8";
:root{color-scheme:dark;--bg:#101313;--panel:#151918;--line:#2a302d;--muted:#8b9690;--text:#e8ece4;--accent:#efad80;--mint:#b5dbc4;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:12px;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.4;cursor:wait}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}svg{flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:76px;display:flex;align-items:center;padding:0 27px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text)}.brand>svg{width:36px;height:36px;fill:none;stroke:var(--accent);stroke-width:1.2}.brand>span{font-size:39px;font-weight:650;letter-spacing:-2.5px;line-height:1}.brand-dot{color:var(--accent)}.brand-caption{font-size:8px;letter-spacing:1.8px;line-height:1.7;width:98px;color:var(--muted)}.project-title{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:25px;font-size:12px}.saved-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.version{font:9px monospace;color:#6c7972;margin-left:4px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:4px;color:var(--muted);font-size:10px;font-weight:600}.icon-btn:hover,.icon-btn.active{background:#2a312d;color:var(--text)}.quiet-btn{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#b2bcb5;padding:7px 1px}.export-btn{padding:11px 16px;border-radius:5px;background:var(--accent);color:#241c15;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:24px}.transport{height:67px;display:flex;align-items:center;gap:0;border-bottom:1px solid var(--line);background:#151918;padding:0 27px}.transport-play{display:flex;align-items:center;gap:12px;min-width:250px}.play-btn{background:var(--mint);color:#17251d;display:flex;align-items:center;gap:10px;padding:10px 17px;border-radius:4px;font-weight:650;font-size:11px;min-width:110px}.play-btn svg{width:13px;height:13px;fill:currentColor;stroke-width:2}.play-btn.is-playing{background:#304439;color:var(--mint)}.shortcut{font-size:8px;letter-spacing:1px;color:#637169;border:1px solid var(--line);padding:4px}.tempo-control{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 25px;display:flex;align-items:center;gap:10px;height:30px}.tempo-control label,.tiny-label{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.tempo-control input{width:39px;border:0;background:none;font:20px "Consolas",monospace;color:var(--text);appearance:textfield;-moz-appearance:textfield}.tempo-control input::-webkit-inner-spin-button{display:none}.tempo-control>span{font-size:9px;color:var(--muted)}.beat-counter{padding:0 24px;display:flex;align-items:center;gap:9px;font:18px "Consolas",monospace}.dim{color:#536158}.beat-counter>div{display:flex;gap:5px;margin-left:8px}.beat-counter i{width:4px;height:4px;background:#445047;border-radius:50%}.beat-counter i.on{background:var(--accent);box-shadow:0 0 7px #efad8077}.transport-mode{display:flex;align-items:center;gap:12px}.transport-mode select{border:0;background:none;padding:7px 25px 7px 0}.master-control{display:flex;align-items:center;gap:12px;margin-left:auto}.master-control>svg{width:16px;height:16px;stroke:#7f9186;fill:none;stroke-width:1.5}.master-control input{width:95px}.master-control output{font:10px monospace;width:28px;color:var(--muted)}.meters{display:flex;gap:3px;align-items:flex-end;height:23px}.meters i{display:block;width:4px;height:23px;background:linear-gradient(to top,#b5dbc4 0 70%,#efad80 70%);clip-path:inset(95% 0 0);transition:clip-path .05s}.workspace{height:calc(100dvh - 179px);display:grid;grid-template-columns:224px minmax(300px,1fr) 258px;grid-template-rows:minmax(270px,1fr) 235px}.tracks-panel{grid-column:1;grid-row:1/3;border-right:1px solid var(--line);padding:25px 16px 10px;display:flex;flex-direction:column;min-height:0;background:#131716}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin:0 4px 22px}.panel-heading h2,.sequencer h2{font-size:13px;font-weight:500;margin:0}.panel-heading>span{font:8px monospace;letter-spacing:1px;color:#75857a}.track-list{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:65px}.track-card{position:relative;padding:14px 10px 12px;border:1px solid #2c3430;border-radius:6px;background:#191e1b;color:var(--voice);cursor:pointer;flex-shrink:0;min-height:78px;transition:background .2s,border-color .2s}.track-card.selected{border-color:color-mix(in srgb,var(--voice),transparent 55%);background:color-mix(in srgb,var(--voice) 5%,#171c19)}.track-card.selected:before{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:2px;background:var(--voice)}.track-card-top{display:flex;align-items:center;gap:10px}.poly-icon{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.3}.track-name{color:var(--text);font-size:11px;font-weight:500;display:block;margin-bottom:4px}.track-type{font-size:8px;color:var(--muted);letter-spacing:.4px}.track-index{margin-left:auto;font:9px monospace;opacity:.5;align-self:flex-start}.track-card-bottom{display:flex;align-items:center;margin-top:10px;gap:5px}.track-note{font:9px monospace;flex:1;color:var(--muted)}.mini-meter{width:38px;height:3px;margin-right:10px;background:#343b35;overflow:hidden}.mini-meter i{height:100%;display:block;width:0;background:var(--voice);transition:width .15s}.ms-btn{border:1px solid #333c35;border-radius:3px;font:8px monospace;width:20px;height:18px;color:#839187;padding:0}.ms-btn.on{color:#152119;background:var(--voice);border-color:var(--voice)}.track-card.muted{opacity:.45}.add-track{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px;border:1px dashed #3b453d;border-radius:5px;color:#9ba99f;font-size:10px}.add-track svg{width:13px;height:13px}.library{margin-top:auto;padding:28px 4px 12px}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#8a9c8f;font-weight:500}.library label{display:block;margin:14px 0 8px;font-size:10px;color:#a9b5ac}select{background:#1c231e;color:#d1d9d1;border:1px solid #354037;border-radius:4px;padding:9px 10px;font-size:10px;max-width:100%;cursor:pointer}select option{background:#1c231e;color:#d1d9d1}.library select{width:100%;font-size:10px}.library p{font-size:9px;line-height:1.9;color:#697c6e;margin:15px 0 3px}.engine-status{border-top:1px solid var(--line);padding:14px 4px 4px;font:8px monospace;color:#7c8d80;display:flex;align-items:center;gap:6px}.engine-status>i,.footer-right>i{width:4px;height:4px;border-radius:50%;background:var(--mint);display:inline-block}.engine-status #fps{margin-left:auto;font-size:8px}.stage{position:relative;overflow:hidden;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 50%,#1c2922,#111713 80%)}#sceneCanvas{width:100%;height:100%;outline:0;display:block;touch-action:none}.stage-heading{position:absolute;top:29px;left:30px;pointer-events:none}.stage-heading .eyebrow{display:flex;align-items:center;gap:7px;font-size:7px}.live-dot{width:4px;height:4px;border-radius:50%;background:#a3baa8}.stage-heading h1{font-family:var(--font);font-size:26px;font-weight:400;letter-spacing:-.9px;margin:12px 0 6px;color:#dce4d9}.stage-heading h1>span{color:var(--accent)}.stage-heading p{font-size:10px;color:#7c8e7e;letter-spacing:.2px}.view-tools{position:absolute;top:26px;right:22px;display:flex;gap:3px;background:#161f19d9;border:1px solid #323d32;padding:4px;border-radius:5px}.view-tools span{width:1px;height:20px;background:#344035;margin:5px 3px}.stage-bottom{position:absolute;bottom:22px;left:28px;right:24px;display:flex;align-items:center;justify-content:space-between;color:#768c7b;font-size:7px;letter-spacing:1px;pointer-events:none}.small-cross{color:#a4b6a4;font-style:normal;font-size:15px;vertical-align:-1px;margin-right:7px}.separator{margin:0 10px;color:#3b5041}.stage-sync{font-size:9px;color:#9eafa0;pointer-events:auto}.axis-marker{position:absolute;bottom:64px;right:32px;width:38px;height:40px;opacity:.6;font:8px monospace;color:#9ab8a1;pointer-events:none}.axis-marker i{position:absolute;left:17px;top:13px;width:1px;height:20px;background:#77977f;transform:rotate(0)}.axis-marker i:after{content:"";position:absolute;width:22px;height:1px;background:#77977f;transform:rotate(25deg);top:16px}.axis-marker span{position:absolute;left:14px;top:0}.axis-marker b{position:absolute;right:-8px;bottom:-4px;font-weight:400}.axis-marker em{position:absolute;left:0;bottom:0;font-style:normal}.inspector{grid-column:3;grid-row:1/3;border-left:1px solid var(--line);padding:25px 21px 14px;background:#141a16;overflow:auto}.inspector .panel-heading{margin-left:0;margin-right:0}.voice-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--voice)}.voice-heading svg{width:30px;height:30px}.voice-heading h3{font-size:15px;font-weight:500;margin:0;color:var(--text)}.voice-heading span{display:block;font:8px monospace;margin-top:5px;letter-spacing:1px;opacity:.7}.form-label{display:block;color:#899c8c;font-size:9px;margin-bottom:8px}.voice-form select{width:100%;margin-bottom:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a1b2a3;margin:16px 0 8px}.range-label output{color:#d5ded3;font:10px monospace}input[type=range]{appearance:none;-webkit-appearance:none;height:3px;background:#38483b;border:0;border-radius:5px;display:block;accent-color:var(--accent);cursor:pointer;width:100%;margin:8px 0 14px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:#c7d3c1;border:2px solid #1c281e;border-radius:50%;box-shadow:0 0 0 1px #afbdab}input[type=range]::-moz-range-thumb{width:7px;height:7px;background:#c7d3c1;border:2px solid #1c281e;border-radius:50%}.reverse-row{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:10px;color:#9caf9e}.reverse-row button{border:1px solid #344638;border-radius:4px;padding:6px 9px;font-size:13px;color:#a8bca7}.reverse-row button.on{color:var(--accent);border-color:#80624a}.voice-actions{display:flex;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.voice-actions button{font-size:9px;color:#8ca18e;display:flex;gap:6px;align-items:center}.voice-actions svg{width:12px;height:12px}.section-title{font-size:8px;letter-spacing:1.2px;color:#b5c5b5;display:flex;justify-content:space-between}.section-title span{font:7px monospace;letter-spacing:.3px;color:#728d77}.effects{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.effects .range-label{font-size:9px}.collision-option{display:flex;align-items:center;gap:5px;font-size:9px;color:#91a393;margin-top:18px;line-height:1.5}.collision-option input{accent-color:var(--accent);width:12px;height:12px;margin:0 3px 0 0}.vertices{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.vertex-toggle{width:19px;height:19px;border:1px solid #485b4a;border-radius:50%;color:var(--voice);font:8px monospace}.vertex-toggle.off{opacity:.3;text-decoration:line-through}.sequencer{grid-column:2;grid-row:2;border-top:1px solid var(--line);padding:20px 25px 15px;background:#141a16;overflow:hidden;min-width:0}.sequencer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.sequencer-header>div:first-child{display:flex;gap:16px;align-items:center}.sequencer-header>div>span{font-size:9px;color:#77937e}.sequence-actions{display:flex;align-items:center;gap:18px}.sequence-actions .quiet-btn{font-size:9px}.sequence-actions svg{width:13px;height:13px}.steps-label{font-size:8px;color:#8da390;display:flex;align-items:center;gap:5px}.steps-label select{border:0;padding:5px;font:10px monospace;background:none}.sequence-scroll{overflow:auto;height:calc(100% - 37px);scrollbar-width:thin;scrollbar-color:#3b5140 transparent}#sequenceGrid{min-width:490px;display:grid;row-gap:6px}.seq-row{display:grid;grid-template-columns:97px repeat(var(--steps,16),minmax(15px,1fr));gap:5px;align-items:center;min-height:24px}.seq-row.labels{min-height:13px;font:8px monospace;color:#647d6b}.seq-row.labels span{text-align:center}.seq-name{display:flex;align-items:center;gap:7px;color:var(--voice);font-size:9px;cursor:pointer;padding:0;text-align:left}.seq-name i{width:4px;height:4px;border-radius:50%;background:var(--voice)}.step{height:23px;background:#1e2a21;border:1px solid #2d3f31;border-radius:3px;position:relative;padding:0}.step:nth-child(4n+2){margin-left:2px}.step.active{background:color-mix(in srgb,var(--voice) 37%,#1a251c);border-color:color-mix(in srgb,var(--voice) 48%,#28372b)}.step.active:after{content:"";position:absolute;width:3px;height:3px;border-radius:1px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--voice);opacity:.7}.step.current{outline:1px solid #cfdbc9;outline-offset:2px}.step.current.active{background:var(--voice)}.step.current.active:after{background:#213221}.seq-row.is-muted{opacity:.35}footer{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid var(--line);font-size:8px;color:#78917d;gap:15px}footer strong{letter-spacing:2px;font-size:9px;color:#b3c6b3;font-weight:500}.footer-version{font:7px monospace;border:1px solid #3b4b3d;border-radius:2px;padding:2px 3px;margin-left:7px}.footer-divider{margin:0 12px;color:#3b5140}.footer-right{font:7px monospace;letter-spacing:.7px;display:flex;gap:6px;align-items:center}#saveStatus{font:8px monospace;color:#677e6d}#toast{position:fixed;bottom:55px;left:50%;transform:translate(-50%,20px);background:#d2dfcf;color:#213124;padding:12px 20px;border-radius:6px;opacity:0;transition:.2s;pointer-events:none;z-index:100;font-size:12px;max-width:90vw;box-shadow:0 8px 35px #0006}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#19231c;border:1px solid #526248;border-radius:12px;max-width:510px;width:calc(100% - 36px);padding:35px;color:#d6e0d1;box-shadow:0 20px 120px #0009}dialog::backdrop{background:#080e0abf;backdrop-filter:blur(7px)}dialog h2{font-size:26px;font-weight:400;letter-spacing:-.8px;margin:16px 0}dialog p,dialog dd{font-size:12px;line-height:1.8;color:#a2b59f}dialog dt{font-size:11px;color:var(--accent);margin-top:15px}dialog dd{margin:4px 0}dialog .export-btn{margin-top:12px}.dialog-close{position:absolute;top:12px;right:15px;font-size:22px;color:#859c82}.export-length{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.export-length select{width:180px}.webgl-error{position:absolute;top:45%;left:15%;right:15%;padding:25px;background:#1b271eee;color:#c8d3c2;border:1px solid #607556;line-height:1.8;border-radius:8px;font-size:12px}.webgl-error[hidden]{display:none}
@media(min-width:1600px){.workspace{grid-template-columns:250px minmax(300px,1fr) 290px;grid-template-rows:minmax(330px,1fr) 260px}.tracks-panel{padding:28px 20px 14px}.track-card{padding:18px 13px}.inspector{padding:28px}.stage-heading{left:38px;top:36px}.stage-heading h1{font-size:32px}.sequencer{padding:24px 32px}.step{height:28px}.seq-row{min-height:30px}.library p{font-size:10px}.range-label{margin-top:20px}.voice-heading{margin-bottom:28px}}
@media(max-width:1150px){.brand-caption,.version,.shortcut{display:none}.topbar{gap:20px;padding:0 20px}.transport{padding:0 20px}.transport-play{min-width:185px}.tempo-control{padding:0 18px}.beat-counter{padding:0 16px}.workspace{grid-template-columns:190px minmax(260px,1fr) 225px}.tracks-panel{padding:22px 12px 10px}.inspector{padding:22px 15px}.stage-heading{left:24px}.stage-heading h1{font-size:22px}.view-tools{top:115px;right:16px}.sequencer-header>div:first-child{display:block}.sequencer-header>div>span{display:block;margin-top:5px;font-size:8px}.sequencer{padding:18px}.stage-bottom{left:22px;right:20px}.stage-bottom>span{font-size:6px;letter-spacing:.5px}.master-control{gap:8px}.master-control input{width:65px}.transport-mode{gap:8px}footer #saveStatus{display:none}}
@media(max-width:850px){body{overflow:auto}.topbar{height:65px;padding:0 15px}.brand>span{font-size:32px}.brand>svg{width:29px}.project-title{font-size:10px;padding-left:15px}.header-actions{gap:12px}.header-actions .quiet-btn span{display:none}.header-actions .icon-btn{display:none}.export-btn{padding:10px 12px;font-size:10px;gap:10px}.transport{padding:0 15px;height:61px;flex-wrap:wrap}.transport-play{min-width:155px;gap:8px}.tempo-control{padding:0 10px}.beat-counter{padding:0 12px}.beat-counter>div{display:none}.transport-mode .tiny-label{display:none}.master-control{margin-left:auto}.master-control>svg,.master-control output,.meters{display:none}.master-control input{width:50px}.workspace{height:auto;min-height:calc(100dvh - 162px);grid-template-columns:170px minmax(200px,1fr);grid-template-rows:430px 250px auto}.tracks-panel{grid-column:1;grid-row:1/3}.stage{grid-column:2;grid-row:1}.sequencer{grid-column:2;grid-row:2}.inspector{grid-column:1/3;grid-row:3;border-top:1px solid var(--line);border-left:0;display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;padding:22px;overflow:visible}.inspector>.panel-heading{align-self:start}.effects{border:0;margin:0;padding:0}.stage-bottom>span{display:none}.stage-bottom{justify-content:flex-start}.stage-heading h1{font-size:21px}.stage-heading p{font-size:9px}.view-tools{top:auto;bottom:55px;right:18px}.axis-marker{display:none}.library{padding-top:20px}.footer-right{display:none}.sequence-actions{gap:10px}.sequence-actions .quiet-btn{font-size:0;gap:0}.sequence-actions svg{width:16px;height:16px}.sequencer-header{align-items:start}.voice-heading{margin-bottom:15px}footer{padding:0 16px}.stage-heading .eyebrow{font-size:6px;letter-spacing:1.1px}}
@media(max-width:540px){.project-title{display:none}.header-actions{gap:16px}.topbar .export-btn{font-size:9px}.transport-play{min-width:130px}.play-btn{min-width:86px;padding:10px 12px;gap:6px}.transport-play .icon-btn{width:24px}.tempo-control{gap:5px}.tempo-control label{display:none}.tempo-control input{font-size:18px;width:33px}.tempo-control>span{font-size:8px}.beat-counter{font-size:14px;padding:0 9px;gap:4px}.transport-mode select{font-size:9px;padding-right:0}.master-control{display:none}.workspace{grid-template-columns:130px minmax(0,1fr);grid-template-rows:390px 245px auto}.tracks-panel{padding:20px 8px 8px}.panel-heading{margin:0 1px 15px}.panel-heading h2{font-size:11px}.panel-heading>span{font-size:7px}.track-card{padding:11px 7px;min-height:79px}.track-card-top{gap:5px}.track-card .poly-icon{width:19px;height:19px}.track-name{font-size:10px}.track-type{font-size:7px}.track-index{display:none}.mini-meter{display:none}.track-note{font-size:8px}.add-track{font-size:9px;padding:10px 3px;gap:3px}.library{padding-left:2px;padding-right:2px}.library .eyebrow{font-size:6px;letter-spacing:.6px}.library label{font-size:8px}.library select{font-size:8px;padding:7px 3px}.library p{font-size:7px}.engine-status{font-size:6px}.engine-status #fps{display:none}.stage-heading{top:22px;left:17px}.stage-heading h1{font-size:18px;max-width:170px;line-height:1.3;margin-top:10px}.stage-heading p{font-size:8px;max-width:150px;line-height:1.7}.stage-heading .eyebrow{letter-spacing:.5px;font-size:5px}.view-tools{right:12px;bottom:48px;padding:3px;gap:0}.view-tools .icon-btn{width:26px;height:26px;font-size:8px}.stage-bottom{left:16px;bottom:17px}.stage-sync{font-size:8px;padding:0}.sequencer{padding:17px 12px}.sequencer h2{font-size:11px}.sequencer-header>div>span{font-size:7px;max-width:110px;line-height:1.5}.seq-row{grid-template-columns:80px repeat(var(--steps,16),minmax(18px,1fr))}.inspector{display:block;padding:25px}.inspector>.panel-heading{margin-bottom:25px}.effects{padding-top:22px;border-top:1px solid var(--line);margin-top:24px}.footer-version,.footer-divider{display:none}footer{font-size:7px}footer strong{margin-right:7px}dialog{padding:27px}dialog h2{font-size:24px}}
.placement{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.placement p{color:var(--muted);font-size:9px;line-height:1.7;margin:11px 0 14px}.placement input{display:block;width:100%;margin-top:7px;background:#1c231e;color:var(--text);border:1px solid #354037;border-radius:4px;padding:8px;font:11px monospace}.placement .quiet-btn{font-size:9px;margin-top:5px}.placement svg{width:12px;height:12px}
.placement .position-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.placement-hint{position:absolute;left:28px;bottom:58px;padding:9px 13px;border:1px solid #697f68;border-radius:5px;background:#17251de8;color:#d0ddc9;font-size:10px;pointer-events:none;max-width:calc(100% - 56px);box-shadow:0 4px 20px #0004}.placement-hint.dragging{border-color:var(--accent);color:var(--accent)}.placement-hint[hidden]{display:none}@media(max-width:540px){.placement-hint{left:12px;bottom:100px;font-size:9px;padding:8px;max-width:calc(100% - 24px)}}
.stage-heading h1>span[data-i18n]{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-control{display:flex;align-items:center;flex-shrink:0}.language-control select{padding:7px 8px;font-size:10px;background:#1c251f;min-width:90px}
#helpBtn{display:inline-flex;width:auto;gap:6px;padding:7px 9px;border:1px solid #344337;font-size:10px;white-space:nowrap;color:#c9d7c6}#helpBtn svg{width:14px;height:14px}
.header-actions{gap:12px}.topbar{gap:20px}.project-title{min-width:0}.project-title #projectTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.brand-caption{flex-shrink:0}
.workspace{height:calc(100dvh - 203px)}
.studio-footer{height:60px;padding:0 18px;position:relative;z-index:30;gap:20px;background:#111813}
.poly-credit{position:relative;display:flex;align-items:center;gap:10px;max-width:100%;padding:7px 10px 7px 12px;border:1px solid #3c4e3e;border-left:3px solid var(--accent);border-radius:6px;background:#1b271ed9;box-shadow:0 3px 15px #0003;backdrop-filter:blur(6px)}
.credit-identity{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.credit-identity>strong{font:500 11px var(--font);color:#dde7d7;letter-spacing:.15px}.credit-identity>span{font-size:9px;color:#97ad98}.credit-identity b{font-weight:500;color:#d0ddc9}
.credit-site,.poly-credit>button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #46593e;border-radius:4px;background:#202e22;color:#c2d4b8;padding:5px 7px;font:9px var(--font);text-decoration:none}.credit-site{border-color:#82674a;color:#ecc09b}.poly-credit>button svg{width:12px;height:12px}.poly-credit>button[aria-expanded=true]{color:var(--accent);border-color:#af885f}
.credit-details{position:absolute;bottom:calc(100% + 9px);left:-1px;width:430px;max-width:calc(100vw - 36px);padding:18px;border:1px solid #657658;border-left:3px solid var(--accent);border-radius:7px;background:#1b281f;box-shadow:0 10px 40px #0008;color:#b9cbb3;line-height:1.7;font-size:11px}.credit-details[hidden]{display:none}.credit-details strong{font-size:12px;letter-spacing:0;color:#e1e9db}.credit-details p{margin:8px 0 0}
.help-dialog{width:760px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);padding:30px 34px;overflow:auto}.help-dialog h2{margin-bottom:10px}.help-intro{margin:0 0 20px;max-width:590px}.help-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #3b4c3b;padding-bottom:12px;margin-bottom:18px}.help-tabs button{padding:8px 11px;border:1px solid #3c4e3c;border-radius:5px;background:#202e23;font-size:10px;color:#abc0a7}.help-tabs button[aria-selected=true]{color:#252218;background:var(--accent);border-color:var(--accent)}
.help-panel{max-height:42dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#536c4b transparent;padding:0 10px 0 0}.help-panel h3{margin:0 0 18px;font-size:15px;font-weight:500;color:#e0e8d9}.help-panel dl{display:grid;grid-template-columns:145px minmax(0,1fr);gap:17px 22px;margin:0}.help-panel dt{margin:0;font-size:11px;line-height:1.7;color:var(--accent)}.help-panel dd{margin:0;font-size:11px;line-height:1.8;color:#adbea7}.help-dialog .dialog-done{margin-top:23px}
@media(min-width:851px) and (max-height:800px){.workspace{grid-template-rows:minmax(210px,1fr) 205px}}
@media(max-width:1150px){.header-actions{gap:10px}.topbar{gap:16px}.project-title{padding-left:16px}.project-title #projectTitle{max-width:170px}.language-control select{min-width:80px;font-size:9px}.credit-identity>strong{font-size:10px}}
@media(max-width:850px){body{padding-bottom:85px}.workspace{height:auto;min-height:calc(100dvh - 206px)}.studio-footer{position:fixed;bottom:0;left:0;right:0;height:auto;min-height:68px;padding:6px 10px;justify-content:center}.studio-footer #saveStatus,.studio-footer .footer-right{display:none}.poly-credit{gap:7px;padding:7px 9px;flex-wrap:wrap}.credit-identity>strong{font-size:10px}.credit-details{max-width:calc(100vw - 26px)}.header-actions{gap:10px}.project-title #projectTitle{max-width:120px}#helpBtn{padding:6px 8px;font-size:9px}.help-dialog{padding:28px}.help-tabs button{padding:8px 10px}}
@media(max-width:540px){.topbar{height:104px;display:grid;grid-template-columns:1fr auto;grid-template-rows:32px 31px;gap:9px;padding:12px 15px;position:relative}.brand{grid-column:1;grid-row:1;width:max-content}.header-actions{grid-column:1/3;grid-row:2;display:flex;justify-content:flex-end;gap:18px}.language-control{position:absolute;top:15px;right:87px}.language-control select{min-width:80px;max-width:100px;padding:6px}.topbar #helpBtn{position:absolute;top:15px;right:15px;width:61px;height:29px}.topbar .export-btn{font-size:9px;padding:9px 12px;gap:16px}.header-actions .quiet-btn{padding:6px}.header-actions .quiet-btn svg{width:16px;height:16px}.poly-credit{width:100%;justify-content:flex-start;gap:6px}.credit-identity{flex-basis:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.credit-identity>span{font-size:8px}.credit-site,.poly-credit>button{font-size:9px;padding:4px 6px}.studio-footer{min-height:80px}.credit-details{left:-2px;width:calc(100vw - 24px);max-width:none;padding:15px}.help-dialog{padding:26px 21px;max-width:calc(100vw - 22px);max-height:calc(100dvh - 22px)}.help-dialog h2{font-size:23px}.help-intro{font-size:11px;line-height:1.7}.help-tabs{gap:6px}.help-tabs button{font-size:10px;padding:8px}.help-panel{max-height:40dvh;padding-right:5px}.help-panel dl{display:block}.help-panel dt{margin-top:16px;font-size:11px}.help-panel dd{margin-top:5px;font-size:11px}.help-panel dt:first-child{margin-top:0}.help-dialog .dialog-done{margin-top:18px}.placement-hint{bottom:100px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.shape-tools{position:absolute;left:28px;top:116px;display:flex;gap:3px;padding:4px;border:1px solid #455843;border-radius:7px;background:#19271ee8;z-index:2}.shape-tools button{padding:8px 13px;border-radius:4px;color:#aec2a7;font-size:10px;min-height:32px}.shape-tools button.active{background:var(--accent);color:#28221a}.shape-mode-hint{position:absolute;left:28px;top:163px;max-width:calc(100% - 56px);font-size:9px;line-height:1.6;color:#9bb393;pointer-events:none;margin:0}.tilt-nudges{display:flex;gap:5px;margin:13px 0}.tilt-nudges button{flex:1;min-height:36px;border:1px solid #4d6249;border-radius:5px;background:#223125;color:#d5e2cc;font-size:18px}.inclination .quiet-btn{min-height:30px}.stage[data-mode=tilt]{outline:0}
@media(max-width:1150px){.shape-tools{left:24px;top:119px}.shape-mode-hint{left:24px;top:166px;max-width:calc(100% - 48px)}}
@media(max-width:850px){.shape-tools{top:115px}.shape-mode-hint{top:162px}}
@media(max-width:540px){.shape-tools{left:12px;top:120px;padding:3px;max-width:calc(100% - 24px)}.shape-tools button{padding:7px 10px;font-size:10px}.shape-mode-hint{left:12px;top:165px;max-width:calc(100% - 24px);font-size:8px}}
.intersection-intro{color:var(--muted);font-size:10px;line-height:1.7;margin:12px 0 18px}.intersection-controls .collision-option{line-height:1.6;margin-top:16px;align-items:flex-start}.intersection-controls select{margin-top:8px}.intersection-status{display:block;color:var(--mint);font:9px var(--font);line-height:1.6;margin-top:18px}#intersectionMeter{display:block;width:100%;height:7px;margin-top:8px;accent-color:var(--accent)}

.help-download{display:inline-block;font-size:11px;color:var(--mint);margin:24px 22px 0 0;text-underline-offset:4px}

#encounterControlsBtn{border-left:1px solid #52664b;border-radius:0;margin-left:3px;color:var(--mint)}.intersection-controls{scroll-margin-top:16px}#intersectionControls:focus-within{border-top-color:var(--accent)}
.credits-bar{height:60px;padding:7px 22px;display:flex;align-items:center;justify-content:flex-end;background:#131d16;border-bottom:1px solid var(--line);position:relative;z-index:40}.credits-bar .poly-credit{margin:0}.credit-source{color:#bcd3b6;font-size:10px;text-decoration:none;line-height:1.6;padding:3px 8px;border-left:1px solid #496044}.credit-source:hover,.credit-details a:hover{text-decoration:underline;text-underline-offset:3px}.credit-details a{color:var(--mint);text-decoration:none}.credits-bar .credit-details{top:calc(100% + 9px);bottom:auto;left:auto;right:-1px}.studio-footer{position:relative;min-height:0;height:28px;padding:0 18px}.workspace{height:calc(100dvh - 231px)}
@media(max-width:850px){body{padding-bottom:0}.credits-bar{height:auto;min-height:68px;padding:8px 12px;justify-content:center}.credits-bar .poly-credit{width:100%;justify-content:flex-start}.credit-source{font-size:10px}.studio-footer{position:relative;left:auto;right:auto;bottom:auto;min-height:0;height:28px;padding:0 14px}.studio-footer #saveStatus{display:block;font-size:8px}.workspace{height:auto;min-height:calc(100dvh - 250px)}}
@media(max-width:540px){.credits-bar{padding:8px 12px}.credits-bar .poly-credit{display:grid;grid-template-columns:1fr auto auto;gap:7px;padding:9px 10px}.credits-bar .credit-identity{grid-column:1/-1}.credits-bar .credit-source{grid-column:1/-1;grid-row:2;border:0;padding:0;font-size:10px}.credits-bar .credit-site{justify-self:start}.credits-bar .credit-details{left:auto;right:-1px;max-width:calc(100vw - 26px);width:calc(100vw - 26px)}.studio-footer{min-height:0}.workspace{min-height:0}}
/* Poly 2: one compact menu, performance transport and per-parameter automation. */
.topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding:12px 20px}.topbar .brand-caption{display:none}.topbar .project-title{padding-left:12px;font-size:10px}.topbar .project-title #projectTitle{max-width:150px}.topbar .brand>span{font-size:33px}.topbar .brand>svg{width:30px;height:30px}.header-actions{gap:9px}.header-actions .quiet-btn{font-size:10px}.menu-credit{padding:4px 8px;border:0;border-left:1px solid #596146;border-radius:0;box-shadow:none;background:none;gap:7px;flex-shrink:0;z-index:60}.menu-credit .credit-identity{font-size:9px;display:flex;flex-direction:column;gap:3px;flex-basis:auto}.menu-credit .credit-identity>strong{font-size:9px}.menu-credit .credit-identity>span{font-size:8px}.menu-credit>.credit-site,.menu-credit>.credit-source,.menu-credit>#creditHelpBtn{display:none}.menu-credit>#creditsToggle{font-size:9px;padding:5px 6px}.menu-credit .credit-details{top:calc(100% + 18px);bottom:auto;left:0;right:auto;width:430px;max-width:calc(100vw - 30px);z-index:80}.performance-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:43px;padding:6px 24px;border-bottom:1px solid #364332;background:#172119;font-size:10px}.performance-bar>button{border:1px solid #44563e;border-radius:4px;padding:7px 10px;min-height:29px}.performance-bar label{display:flex;gap:6px;align-items:center;font-size:10px;color:#b9cbb4}.performance-bar input{accent-color:var(--accent)}.performance-bar output{margin-left:auto;color:#98b18e;font-size:9px}.record-btn{border:1px solid #855e55!important;border-radius:5px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;color:#edb0a5}.record-btn i{display:block;width:7px;height:7px;background:#c88779;border-radius:50%}.record-btn.recording{background:#713a32;color:#ffe0d5;border-color:#e8ac99!important}.record-btn.recording i{background:#ffd7bd}.workspace{height:calc(100dvh - var(--chrome-height,215px))}.track-list{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#50634a transparent}.library{flex-shrink:0;margin-top:15px;padding-top:15px}.track-card{padding:12px 10px;min-height:0}.card-vertices{margin-top:12px;border-top:1px solid #ffffff0d;padding-top:9px}.card-vertices>span{font-size:8px;line-height:1.5;color:#9dab95;display:block;margin-bottom:6px}.card-vertices>div{display:flex;flex-wrap:wrap;gap:5px}.card-vertices .vertex-toggle{width:21px;height:21px;font-size:9px}.range-label>span{display:flex;align-items:center;gap:7px}.auto-launch{border:1px solid #5b7052;border-radius:3px;color:#b8d5a8;font:9px monospace;padding:2px 4px;min-width:20px}.auto-launch:hover{background:#405136}.rotation-actions{display:flex;flex-wrap:wrap;gap:7px}.rotation-actions button{border:1px solid #50624a;border-radius:4px;padding:8px;font-size:10px;min-height:32px}.history-btn{font-size:18px!important;min-width:25px;justify-content:center}.variation-status{font:8px monospace;color:#a9bb9f}.sequence-actions{gap:10px}.shape-tools{flex-wrap:wrap;max-width:calc(100% - 48px)}.shape-tools button{padding:8px 10px}.reading-take #voiceEditor{opacity:.75}.automation-dialog{width:820px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 30px);overflow:auto}.automation-dialog>select{width:100%;margin:4px 0 17px}.auto-config{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:12px}.auto-config label{font-size:10px;color:#afc0a5;display:flex;flex-direction:column;gap:7px}.auto-config input{width:100%;min-width:0;background:#142019;border:1px solid #46593e;border-radius:4px;color:#d8e4d1;padding:8px}.auto-config select{width:100%;padding:8px}.auto-options{display:flex;gap:22px;margin:15px 0;color:#bacbb2;font-size:11px}.auto-options label{display:flex;align-items:center;gap:7px}.auto-options input,.automation-lane input{accent-color:var(--accent)}#automationCurve{display:block;width:100%;height:160px;background-color:#122018;background-image:linear-gradient(#546f4628 1px,transparent 1px),linear-gradient(90deg,#546f4628 1px,transparent 1px);background-size:25% 25%;border:1px solid #586c4c;border-radius:6px;margin-top:18px;color:var(--accent);touch-action:none;cursor:crosshair}#automationPlayhead{stroke:#c8e5b1;stroke-width:1;opacity:.6;pointer-events:none}.auto-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.auto-note{font-size:10px;line-height:1.6}.automation-lane{display:flex;align-items:center;gap:12px;border-top:1px solid #3a4b34;padding:10px 0;font-size:10px}.automation-lane label{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.automation-lane>span{color:#90a680;font-size:9px}.automation-lane button{padding:6px;border:1px solid #485b3e;border-radius:4px;font-size:10px}
@media(max-width:1300px){.topbar .project-title{display:none}.topbar{gap:10px;padding-left:16px;padding-right:16px}.header-actions{gap:8px}.menu-credit .credit-identity>strong{font-size:8px}}
@media(max-width:850px){.topbar{height:auto;display:flex;min-height:76px;gap:10px}.topbar .header-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.topbar .language-control{position:static}.topbar #helpBtn{position:static;width:auto;height:30px;display:inline-flex}.workspace{height:auto}.performance-bar{padding:7px 14px;gap:8px}.performance-bar output{margin-left:0}.library{padding-top:12px}.card-vertices .vertex-toggle{width:21px;height:21px}.card-vertices>span{font-size:8px}.shape-tools{top:112px;max-width:calc(100% - 28px)}.shape-mode-hint{top:194px}.auto-config{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-config>label:first-child{grid-column:1/-1}.auto-actions button{font-size:10px}.automation-lane{flex-wrap:wrap}.automation-lane label{flex-basis:70%}}
@media(max-width:540px){.topbar{display:flex;padding:10px 12px;gap:9px;align-items:center}.topbar .brand{width:auto}.topbar .brand>span{font-size:30px}.topbar .brand>svg{width:26px}.menu-credit{margin-left:auto;max-width:calc(100% - 110px);gap:5px;padding-left:8px}.menu-credit .credit-identity{flex-direction:column;align-items:flex-start;gap:3px}.menu-credit .credit-identity>strong{font-size:8px}.menu-credit .credit-identity>span{font-size:7px}.menu-credit .credit-details{position:fixed;left:12px;right:12px;top:62px;bottom:auto;width:auto;max-width:none}.topbar .header-actions{flex-basis:100%;justify-content:space-between;gap:5px}.topbar .language-control select{font-size:9px;min-width:75px;padding:7px 4px;max-width:85px}.topbar #helpBtn{font-size:9px;padding:6px}.topbar #helpBtn svg{display:none}.topbar .header-actions .quiet-btn{font-size:9px;padding:6px 1px}.topbar .header-actions #importBtn,.topbar .header-actions #saveBtn{padding:5px}.topbar .export-btn{font-size:8px;padding:8px;gap:7px}.topbar .header-actions .quiet-btn svg{width:13px;height:13px}.performance-bar{font-size:9px;gap:6px;padding:6px 12px}.performance-bar>button{font-size:9px;padding:6px 8px}.performance-bar label{font-size:9px}.performance-bar output{font-size:8px;flex-basis:100%}.shape-tools{left:12px;top:116px;max-width:calc(100% - 24px);padding:3px;gap:3px}.shape-tools button{padding:6px 8px;font-size:9px;min-height:28px}.shape-mode-hint{top:190px}.sequence-actions{gap:5px}.sequencer-header{gap:5px}.sequence-actions .history-btn{font-size:15px!important;min-width:18px}.variation-status{font-size:7px}.card-vertices>span{font-size:7px}.card-vertices .vertex-toggle{width:21px;height:21px}.library{padding:10px 2px 5px}.automation-dialog{padding:26px 18px}.auto-config{gap:10px}.auto-options{gap:12px;flex-wrap:wrap}.auto-actions{gap:9px}#automationCurve{height:150px}}

/* Global sequencer actions and independent sound history. */
.sequencer{display:flex;flex-direction:column}.sequencer-header{flex-shrink:0;margin-bottom:7px}.sequence-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px;flex-shrink:0}.sequence-tools .quiet-btn{font-size:10px;padding:5px 7px}.sequence-tools .all-steps-btn{border:1px solid #475c43;border-radius:4px;color:#c5d9bc;gap:7px}.sound-variation-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border-left:1px solid #3b4a35;padding-left:8px}.sound-variation-tools .history-btn{padding:2px 5px;min-height:27px}.sequence-scroll{height:auto;min-height:0;flex:1}.sequence-tools svg{width:13px;height:13px}@media(max-width:540px){.sequence-tools{gap:4px;margin-bottom:7px}.sequence-tools .quiet-btn{font-size:9px;padding:5px}.sound-variation-tools{border-left:0;padding-left:0;gap:4px}.sound-variation-tools .history-btn{min-width:24px;font-size:17px!important}.sequencer{min-height:280px}}

/* Compact unified command bar. */
.topbar{height:58px;min-height:58px;flex-wrap:nowrap;gap:7px;padding:5px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#56684d #152018}.topbar>*{flex-shrink:0}.topbar .brand{gap:5px}.topbar .brand>svg{width:23px;height:23px}.topbar .brand>span{font-size:27px}.topbar .project-title,.topbar .brand-caption{display:none}.topbar .menu-credit{margin:0;padding:2px 5px;max-width:none;gap:4px}.menu-credit .credit-identity>strong{font-size:8px}.menu-credit .credit-identity>span{font-size:7px}.menu-credit .credit-details{position:fixed;top:60px;left:12px;right:auto;max-width:calc(100vw - 24px);width:400px}.toolbar-project,.toolbar-utilities{display:flex;align-items:center;gap:5px}.toolbar-project .quiet-btn{padding:5px;font-size:10px;gap:4px}.toolbar-project #importBtn>span,.toolbar-project #saveBtn>span{display:none}.toolbar-project svg{width:14px;height:14px}.toolbar-project .export-btn{padding:7px;font-size:9px;gap:5px}.toolbar-utilities{margin-left:auto}.toolbar-utilities .quiet-btn{font-size:9px}.toolbar-utilities .language-control{position:static}.toolbar-utilities .language-control select{min-width:70px;max-width:79px;font-size:9px;padding:6px 3px}.toolbar-utilities #helpBtn{position:static;min-width:27px;width:27px;height:28px}.toolbar-utilities .help-label{display:none}.topbar .transport{border:0;border-left:1px solid #35432e;padding:0 5px;height:auto;gap:6px;flex-shrink:0;background:none}.transport-play{min-width:0;gap:3px}.topbar .play-btn{padding:7px 8px;min-width:0;gap:5px;font-size:10px}.topbar .shortcut,.topbar .tiny-label,.topbar .meters,.topbar .master-control output{display:none}.topbar .tempo-control{padding:0 5px;gap:4px;height:28px}.topbar .tempo-control label{font-size:7px;letter-spacing:0}.topbar .tempo-control input{width:32px;font-size:17px}.topbar .tempo-control>span{font-size:7px}.topbar .beat-counter{padding:0;gap:3px;font-size:12px}.topbar .beat-counter>div{display:none}.topbar .transport-mode{gap:0}.topbar .transport-mode select{font-size:9px;padding:6px 3px;max-width:91px}.topbar .master-control{gap:4px;margin-left:0}.topbar .master-control>svg{width:12px}.topbar .master-control input{width:45px;margin:10px 0}.topbar .performance-bar{padding:0 5px;border:0;border-left:1px solid #35432e;min-height:0;flex-wrap:nowrap;gap:5px;background:none}.topbar .performance-bar>button{padding:5px 6px;font-size:9px;white-space:nowrap;min-height:27px}.topbar .performance-bar label{font-size:8px;gap:3px;white-space:nowrap}.topbar .performance-bar input{width:11px;height:11px;margin:0}.topbar .performance-bar output{display:none}.topbar .record-btn{gap:4px}.topbar .record-btn i{width:5px;height:5px}.workspace{grid-template-columns:200px minmax(285px,1fr) 236px;grid-template-rows:minmax(260px,1fr) 205px}.tracks-panel{padding:13px 10px 8px}.panel-heading{margin-bottom:12px}.track-card{padding:8px}.track-card-top{gap:6px}.track-name{margin-bottom:2px}.track-card-bottom{margin-top:6px}.card-vertices{margin-top:7px;padding-top:5px}.card-vertices>span{margin-bottom:3px}.card-vertices .vertex-toggle{width:19px;height:19px}.add-track{margin-top:7px;padding:7px}.library{margin-top:8px;padding:8px 2px 4px}.library label{margin:7px 0 5px}.library p{display:none}.engine-status{padding:7px 2px 2px}.inspector{padding:13px 14px 8px}.voice-heading{margin-bottom:12px}.voice-form select{margin-bottom:10px}.range-label{margin-top:10px;margin-bottom:6px}.placement,.effects{margin-top:14px;padding-top:12px}.placement p{margin:7px 0;font-size:9px}.stage-heading{top:15px;left:18px}.stage-heading h1{font-size:21px;margin:7px 0}.stage-heading p{display:none}.stage-heading .eyebrow{font-size:6px}.view-tools{top:12px;right:12px}.shape-tools{top:75px;left:18px;max-width:calc(100% - 36px)}.shape-mode-hint{top:114px;left:18px;font-size:9px;max-width:calc(100% - 36px)}.tilt-axis-tools{position:absolute;top:143px;left:18px;display:flex;gap:5px;padding:4px;background:#142017eb;border:1px solid #465740;border-radius:5px}.tilt-axis-tools[hidden]{display:none}.tilt-axis-tools button{width:31px;height:28px;border:1px solid currentColor;border-radius:4px;color:#ef947e}.tilt-axis-tools button[data-tilt-axis=y]{color:#b6d99c}.tilt-axis-tools button[data-tilt-axis=z]{color:#91bcea}.tilt-axis-tools button.active{background:#52604a80;box-shadow:0 0 0 1px currentColor}.tilt-precise{display:flex;flex-direction:column;gap:5px;margin:8px 0}.tilt-precise label{display:flex;align-items:center;gap:5px;color:#c3d3b9;font:10px monospace}.tilt-precise input{width:65px;min-width:0;background:#111c15;color:#dce5d3;border:1px solid #45583c;border-radius:4px;padding:5px}.tilt-precise button,.spin-presets button{font-size:9px;padding:5px;border:1px solid #45583c;border-radius:4px}.spin-presets{display:flex;gap:4px;flex-wrap:wrap;margin:5px 0 10px}.rotation-actions{gap:5px}.rotation-actions button{padding:6px;min-height:27px;font-size:9px}.command-entry{flex-shrink:0;margin:8px 0 0}.command-entry input{width:100%;height:23px;border:0;border-bottom:1px solid #354830;background:#101812;color:#b2c5a7;font:10px monospace;outline-offset:1px;border-radius:2px;padding:3px 6px}.video-dialog{width:760px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.video-dialog h2{margin-top:0}.video-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.video-fields label{font-size:11px;color:#b4c6aa;display:flex;flex-direction:column;gap:7px}.video-fields input,.video-fields select{width:100%;min-width:0;padding:8px;background:#142018;border:1px solid #4c603f;color:#e0e8d8;border-radius:4px}#videoCanvas,#videoPlayback{width:100%;display:block;background:#101713;border-radius:5px}#videoPlayback[hidden]{display:none}.video-note{font-size:10px;line-height:1.6}.video-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.video-actions output{font:14px monospace;color:#cce1bf}#videoStatus{font-size:11px;color:#b4cda5}.video-badge{position:absolute;left:18px;bottom:50px;padding:7px 10px;border:1px solid #ca8c77;border-radius:5px;background:#2c1d18e8;display:flex;align-items:center;gap:8px;color:#f4d0bb;font-size:10px}.video-badge[hidden]{display:none}.video-badge i{width:7px;height:7px;border-radius:50%;background:#ee856c}.video-badge button{font-size:10px;border-left:1px solid #a26f60;padding-left:9px}
@media(max-width:1100px){.workspace{grid-template-columns:170px minmax(265px,1fr) 210px}.topbar .menu-credit .credit-identity{display:none}.topbar .transport-play .play-btn>span{display:none}}
@media(max-width:850px){.workspace{height:auto;grid-template-columns:150px minmax(0,1fr);grid-template-rows:410px 205px auto}.inspector{grid-column:1/-1;grid-row:3}.topbar{min-height:54px;height:54px}.stage-heading h1{font-size:18px}.shape-tools{top:72px}.shape-mode-hint{top:116px}.stage-bottom{left:12px;right:12px}.tracks-panel{grid-row:1/3}.sequencer{grid-column:2;grid-row:2;min-height:205px}.video-fields{grid-template-columns:1fr}}
@media(max-width:540px){.workspace{grid-template-columns:116px minmax(0,1fr);grid-template-rows:370px 250px auto}.tracks-panel{padding:10px 6px}.track-card{padding:7px 5px}.track-type{font-size:7px}.card-vertices>span{font-size:7px}.stage-heading{left:12px}.shape-tools{left:10px;top:70px;max-width:calc(100% - 20px);gap:2px}.shape-tools button{padding:5px;font-size:8px}.shape-mode-hint{left:10px;top:137px;font-size:8px}.tilt-axis-tools{left:10px;top:172px}.view-tools{top:auto;bottom:37px;right:10px}.sequencer{min-height:250px;padding:10px 8px}.stage-heading h1{font-size:17px}.topbar .brand>span{font-size:24px}.topbar .menu-credit{padding:0;border:0}.topbar .transport{gap:4px}.video-dialog{padding:24px 16px}.video-actions{gap:8px}.command-entry input{height:25px}}

.topbar{display:flex;width:100%;max-width:100%;min-width:0}.sequencer{padding:12px 16px 10px}.workspace{grid-template-rows:minmax(260px,1fr) 225px}.track-list{flex:0 1 auto;max-height:calc(100% - 150px)}.command-entry{margin-top:auto;padding-top:8px}@media(max-width:850px){.workspace{grid-template-rows:410px 225px auto}}@media(max-width:540px){.workspace{grid-template-rows:370px 250px auto}.sequencer{padding:10px 8px}}

.topbar{position:relative;display:flex;width:100%;max-width:100%;min-width:0}.topbar .menu-credit{width:auto;flex-basis:auto}@media(max-width:540px){.topbar .brand{order:0}.topbar .transport{order:1}.toolbar-project{order:2}.topbar .performance-bar{order:3}.toolbar-utilities{order:4}.topbar .menu-credit{order:5}}
/* Scene controls share a quiet baseline along the bottom edge. */
.scene-dock{position:absolute;z-index:6;left:18px;right:18px;bottom:12px;isolation:isolate}.scene-dock:before{content:"";position:absolute;z-index:-1;inset:-15px -18px -12px;background:linear-gradient(transparent,#101713c9 42%,#101713ed);pointer-events:none}
.variation-deck{position:static;width:min(370px,100%);margin:0 auto 12px;padding:0;background:none;border:0;box-shadow:none;transform:none}.variation-row{--bank:#b5dbc4;display:grid;grid-template-columns:65px minmax(0,1fr) 24px;align-items:center;gap:7px}.variation-row+.variation-row{--bank:#efad80;margin-top:5px}.variation-label{color:#9ba99e;font-size:9px;letter-spacing:.15px}.variation-label i{display:none}.variation-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.variation-pad{height:24px;min-width:0;padding:0;border:1px solid transparent;border-bottom-color:#8a9e8a26;border-radius:3px;background:#111b1530;color:#a0b09f;transition:color .15s,background .15s,border-color .15s}.variation-pad b{font:500 10px Consolas,monospace}.variation-pad:hover{color:var(--bank);background:#ffffff08;border-color:#ffffff12}.variation-pad.selected{color:var(--bank);background:color-mix(in srgb,var(--bank) 9%,transparent);border-color:color-mix(in srgb,var(--bank) 26%,transparent);border-bottom-color:var(--bank)}.variation-preview{display:none}.variation-new{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;color:#a4afa5;background:transparent;border-radius:3px}.variation-new>span:first-child{font-size:16px;line-height:1}.variation-new>span:last-child{display:none}.variation-new:hover{color:var(--bank);background:#ffffff08}.variation-deck button:disabled{cursor:default}
.scene-controlbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding-top:8px;border-top:1px solid #9ab09a20}.scene-transport,.scene-controlbar-end{display:flex;align-items:center;gap:3px;min-width:0}.scene-transport{flex-shrink:0;gap:2px}.scene-transport button{display:flex;align-items:center;justify-content:center;width:25px;height:26px;border-radius:3px;color:#a7b6a8}.scene-transport button svg{width:12px;height:12px;fill:currentColor;stroke-width:1.2}.scene-transport .scene-play{color:var(--mint)}.scene-transport .scene-play.active{background:#b5dbc414;color:#d5efdd}.scene-transport button:hover{background:#ffffff09}.scene-transport button:disabled{cursor:default;opacity:.25}.scene-transport output{font:10px Consolas,monospace;color:#819583;margin-left:6px;min-width:46px;white-space:nowrap}
.scene-dock .shape-tools,.scene-dock .view-tools,.scene-dock .tilt-axis-tools,.scene-dock .stage-bottom{position:static;inset:auto;transform:none;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0;margin:0;max-width:none;min-width:0;height:auto}.scene-dock .shape-tools{display:flex;gap:2px;flex-shrink:0}.scene-dock .shape-tools button{min-height:26px;padding:4px 7px;font-size:9px;color:#91a28f;border:0;border-bottom:1px solid transparent;border-radius:2px;background:none}.scene-dock .shape-tools button.active{background:#c2d7b20a;color:#c6d7b9;border-bottom-color:#b5cba0}.scene-dock .view-tools{display:flex;gap:0;flex-shrink:0}.scene-dock .view-tools .icon-btn{width:25px;height:26px;font-size:9px}.scene-dock .view-tools svg{width:12px;height:12px}.scene-dock .view-tools>span{height:12px;margin:0 3px;background:#465344}.scene-dock .stage-bottom{display:flex;align-items:center}.scene-dock .stage-sync{display:flex;align-items:center;gap:4px;font-size:9px;padding:5px 6px;color:#95a990;white-space:nowrap}.scene-controlbar-end{gap:10px}.scene-dock .tilt-axis-tools{display:flex;gap:2px}.scene-dock .tilt-axis-tools[hidden]{display:none}.scene-dock .tilt-axis-tools button{width:22px;height:24px;font-size:9px;border:0;border-bottom:1px solid currentColor;border-radius:2px}.scene-dock .shape-mode-hint{position:absolute;inset:auto;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);overflow:hidden}.stage .placement-hint{bottom:145px}.stage .axis-marker{bottom:150px}.stage .video-badge{bottom:150px}
@media(max-width:1100px){.scene-controlbar{justify-content:center;flex-wrap:wrap;column-gap:12px;row-gap:5px}.scene-controlbar-end{gap:6px}.scene-dock .stage-sync{font-size:8px}.scene-dock .shape-tools button{padding:4px 5px;font-size:8px}.scene-dock{left:12px;right:12px}.scene-dock:before{left:-12px;right:-12px}.stage .placement-hint{bottom:165px}}
@media(max-width:540px){.scene-dock{left:10px;right:10px;bottom:10px}.variation-deck{margin-bottom:8px}.variation-row{grid-template-columns:51px minmax(0,1fr) 20px;gap:3px}.variation-label{font-size:8px}.variation-slots{gap:2px}.variation-pad{height:23px}.variation-pad b{font-size:9px}.variation-new{width:20px;height:23px}.scene-controlbar{gap:5px;padding-top:7px}.scene-transport output{font-size:9px;min-width:40px;margin-left:3px}.scene-dock .shape-tools{flex-wrap:wrap;justify-content:center}.scene-dock .shape-tools button{font-size:8px;padding:4px 5px}.scene-controlbar-end{gap:8px}.scene-dock .stage-sync{font-size:8px}.stage .axis-marker{display:none}.stage .placement-hint,.stage .video-badge{bottom:180px}.workspace{grid-template-rows:440px 250px auto}}

.variation-deck{width:min(444px,100%)}.variation-row{grid-template-columns:65px minmax(0,1fr) 24px 35px 22px}.variation-auto,.variation-auto-settings{height:24px;padding:0;border-radius:3px;font-size:9px;color:#8d9e8e;position:relative}.variation-auto-settings{font-size:17px;line-height:1}.variation-auto[aria-pressed=true]{color:var(--bank);background:color-mix(in srgb,var(--bank) 9%,transparent);box-shadow:inset 0 -1px var(--bank)}.variation-auto:hover,.variation-auto-settings:hover{background:#ffffff08;color:var(--bank)}.variation-row.auto-running .variation-pad.selected{position:relative}.variation-row.auto-running .variation-pad.selected:after{content:"";position:absolute;height:2px;bottom:-2px;left:0;right:0;background:var(--bank);transform:scaleX(var(--auto-progress,0));transform-origin:left;opacity:.9}.variation-auto-dialog{width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:28px}.variation-auto-dialog h2{font-size:21px;margin:0 20px 15px 0}.variation-auto-dialog p{font-size:11px;line-height:1.6;color:var(--muted)}.variation-auto-dialog select{display:block;width:100%;margin:8px 0 18px;padding:10px;font-size:12px}.variation-auto-dialog .auto-settings-note{margin-bottom:0;font-size:10px}
@media(max-width:540px){.variation-row{grid-template-columns:47px minmax(0,1fr) 18px 29px 17px;gap:3px}.variation-auto,.variation-auto-settings{height:23px;font-size:8px}.variation-auto-settings{font-size:16px}.variation-new{width:18px}.variation-pad b{font-size:8px}.variation-auto-dialog{padding:24px 18px}}