:root{color:#d9e0e4;background:#090b0d;font-family:Inter,ui-sans-serif,system-ui;font-size:15px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,.button,input,select{font:inherit;color:inherit}button,.button{cursor:pointer;background:#171c20;border:1px solid #323b40;border-radius:5px;padding:.55rem .8rem}button:hover,.button:hover{color:#fff;border-color:#59f0a7}main{background:radial-gradient(circle at 50% -30%,#1d272b,#090b0d 42%);grid-template-rows:56px 1fr 110px;height:100vh;display:grid}header{background:#101417;border-bottom:1px solid #273036;align-items:center;gap:.65rem;padding:0 1rem;display:flex}.brand{letter-spacing:.12em;font-weight:850}.brand small{color:#7c898e;font-size:.62rem;display:block}.lamp{background:#59f0a7;border-radius:50%;width:9px;height:9px;margin-right:.65rem;display:inline-block;box-shadow:0 0 14px #59f0a7}.showname{background:0 0;border:0;flex:1;min-width:240px;max-width:520px;padding:.45rem;font-size:1.05rem;font-weight:650}.showname:focus{border-bottom:1px solid #59f0a7;outline:0}.save{color:#7d898e;margin-left:auto;font-size:.8rem}.workspace{grid-template-columns:112px minmax(500px,1fr) 275px;min-height:0;display:grid}.rail,.inspector{background:#0d1114;border-right:1px solid #252d31;padding:1rem}.rail{flex-direction:column;gap:.5rem;display:flex}.rail b,.inspector h2{letter-spacing:.14em;color:#748086;font-size:.7rem}.rail button{text-align:left;text-transform:capitalize}.rail button span{color:#59f0a7;width:24px;display:inline-block}.drop{text-align:center;color:#667278;border:1px dashed #354147;border-radius:7px;margin-top:auto;padding:1rem .4rem;font-weight:800}.drop small{font-size:.62rem;font-weight:400}.list{background:#0b0e10;overflow:auto}.thead,.row{grid-template-columns:64px 92px minmax(180px,1fr) 100px 150px 95px;align-items:center;display:grid}.thead{z-index:1;color:#718087;background:#12171a;border-bottom:1px solid #2d363a;height:35px;font-size:.68rem;font-weight:750;position:sticky;top:0}.thead span,.row span{padding:0 .7rem}.row{color:#b9c3c7;border-bottom:1px solid #1e2529;height:47px}.row:hover{background:#12181b}.row.selected{background:#163328;outline:1px solid #38d58d}.row.next:not(.selected){box-shadow:inset 3px 0 #e6b657}.row.running{background:#19352c}.row.disabled{opacity:.43}.type{font-size:.68rem;font-weight:800}.type.audio{color:#55cfff}.type.midi{color:#c89aff}.type.wait{color:#e6b657}.type.group,.hot{color:#59f0a7}.bad{color:#ff6b63}.done{color:#75837c}.inspector{border:0;border-left:1px solid #252d31;overflow:auto}.inspector h2{margin:0 0 1rem}.inspector label{color:#8d999e;margin:0 0 1rem;font-size:.77rem;display:block}.inspector input:not([type=checkbox]),.inspector select{background:#151a1d;border:1px solid #313a3f;border-radius:4px;width:100%;margin-top:.4rem;padding:.55rem;display:block}.inspector input[type=range]{accent-color:#59f0a7}.inspector output{float:right}.actions{gap:.5rem;margin-top:1.5rem;display:flex}.actions button:last-child,.danger{color:#ff7770}footer{background:#111518;border-top:1px solid #30393e;grid-template-columns:1fr 180px 1fr;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid}footer>div:first-child{gap:.5rem;display:flex}.go{color:#07110c;background:#59f0a7;border-color:#8affc3;border-radius:8px;height:82px;box-shadow:0 0 24px #36b87b33}.go b{font-size:2rem;display:block}.go small{letter-spacing:.2em;font-size:.65rem}.master{justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.master label{color:#8d999e;grid-template-columns:auto auto;gap:.25rem;font-size:.72rem;display:grid}.master input{accent-color:#59f0a7;grid-column:1/3}.master small{color:#78848a;max-width:130px}@media (width<=900px){.workspace{grid-template-columns:82px 1fr}.inspector{display:none}.rail{padding:.6rem}.rail button{font-size:0}.rail button span{font-size:1rem}.thead,.row{grid-template-columns:50px 72px minmax(180px,1fr) 80px 90px}.thead span:nth-child(5),.row span:nth-child(5),header button,header .button{display:none}footer{grid-template-columns:1fr 140px 1fr}.master small{display:none}}.offline-status{z-index:30;color:#c8f8df;background:#12251e;border:1px solid #3d6654;border-radius:7px;align-items:center;gap:.75rem;max-width:min(440px,100vw - 2rem);padding:.75rem 1rem;display:flex;position:fixed;top:64px;right:1rem;box-shadow:0 12px 40px #000}.offline-status button{background:0 0;border:0;margin-left:auto;padding:.25rem;font-size:1.2rem}.offline-download:disabled{opacity:.6;cursor:wait}@media (width<=700px){:root{font-size:14px}body{overflow:hidden auto}button,.button{min-height:44px}main{height:auto;min-height:100dvh;padding-bottom:calc(112px + env(safe-area-inset-bottom));display:block}.app-toolbar{height:auto;min-height:56px;padding:max(.55rem,env(safe-area-inset-top)) max(.65rem,env(safe-area-inset-right)) .55rem max(.65rem,env(safe-area-inset-left));z-index:10;grid-template-columns:auto 1fr auto;gap:.45rem;display:grid;position:sticky;top:0}.app-toolbar .brand{grid-column:1}.app-toolbar .showname{grid-column:2;width:100%;min-width:0;font-size:.95rem}.app-toolbar .save{display:none}.app-toolbar button,.app-toolbar .button{justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;display:flex}.app-toolbar>button:not(.midi-config):not(.offline-download),.app-toolbar>.button{grid-row:2}.app-toolbar .offline-download{grid-area:2/2}.app-toolbar .midi-config{grid-area:1/3}.workspace{flex-direction:column;min-height:0;display:flex}.rail{z-index:8;padding:.45rem max(.65rem,env(safe-area-inset-right)) .45rem max(.65rem,env(safe-area-inset-left));border:0;border-bottom:1px solid #252d31;order:1;grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid;position:sticky;top:101px}.rail>b,.rail .drop{display:none}.rail button{text-align:center;padding:.35rem;font-size:.7rem}.rail button span{width:auto;font-size:1rem;display:block}.list{order:2;padding:.55rem;overflow:visible}.thead{display:none}.row{background:#0e1316;border:1px solid #222c30;border-radius:6px;grid-template-columns:42px 68px 1fr;gap:.2rem;height:auto;min-height:66px;margin-bottom:.4rem;padding:.55rem .35rem;display:grid}.row span{padding:0 .35rem}.row span:nth-child(4),.row span:nth-child(5){display:none}.row span:nth-child(6){grid-column:3;font-size:.68rem}.inspector{padding:1rem max(.8rem,env(safe-area-inset-right)) 1.5rem max(.8rem,env(safe-area-inset-left));border:0;border-top:1px solid #252d31;order:3;max-height:none;display:block;overflow:visible}.inspector input:not([type=checkbox]),.inspector select{min-height:44px}.actions button{flex:1}footer{z-index:12;height:auto;min-height:104px;padding:.55rem max(.65rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.65rem,env(safe-area-inset-left));grid-template-columns:1fr 116px;gap:.5rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #000a}footer>div:first-child{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}footer>div:first-child button{padding:.35rem;font-size:.68rem}footer>div:first-child .danger{grid-column:1/3}.go{grid-area:1/2;height:88px}.go b{font-size:1.75rem}.master{display:none}.offline-status{top:auto;left:.65rem;right:.65rem;bottom:calc(112px + env(safe-area-inset-bottom));max-width:none}.modal-backdrop{padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));place-items:end center}.midi-panel{width:100%;max-height:calc(100dvh - 1rem);overflow:auto}.midi-banner{grid-template-columns:12px 1fr}.midi-banner button{grid-column:1/3}.port-grid{grid-template-columns:1fr}.midi-panel>footer{min-height:auto;box-shadow:none;display:flex;position:static}}@media (width>=701px) and (width<=900px){.app-toolbar button,.app-toolbar .button{display:flex}.workspace{grid-template-columns:82px minmax(0,1fr)}.thead,.row{grid-template-columns:50px 72px minmax(140px,1fr) 80px 90px}}.audio-editor h3,.control-editor h3{letter-spacing:.12em;color:#59f0a7;margin:1.2rem 0 .65rem;font-size:.68rem}.media-card{background:#11181b;border:1px solid #354147;border-radius:6px;gap:.45rem;padding:.8rem;display:grid}.media-card.missing{border-color:#75433f}.media-card small,.media-card span,.control-editor small{color:#819096;font-size:.72rem;line-height:1.4}.media-card>div{flex-wrap:wrap;gap:.4rem;display:flex}.media-card>div>*{text-align:center;flex:1;min-width:90px}.region-summary{color:#aab6bb;font-size:.76rem}.field-error{color:#ff817a;font-size:.75rem}.field-warning{color:#e6b657;font-size:.75rem}.check{align-items:center;gap:.5rem;min-height:44px;display:flex!important}.type.pause{color:#ffca68}.type.fadeIn{color:#59f0a7}.type.fadeOut{color:#ff918a}.thead,.row{grid-template-columns:54px 82px minmax(160px,1fr) 90px 125px 95px 174px}.row{height:auto;min-height:52px;position:relative}.thead span,.row>span{padding:0 .55rem}.row.child{background:#0d1215}.row.child>span:first-child{color:#81a993;padding-left:1rem}.row.dragging{opacity:.35;outline:1px dashed #59f0a7}.reorder-controls{gap:.25rem;display:flex}.reorder-controls button{width:38px;min-height:38px;padding:.25rem}.reorder-controls button:disabled{opacity:.3;cursor:not-allowed}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.cue-number{color:#748086;letter-spacing:.08em;align-items:baseline;gap:.45rem;margin-bottom:1rem;font-size:.72rem;display:flex}.cue-number b{color:#59f0a7;font-size:1.25rem}.cue-number small{letter-spacing:0;color:#748086;margin-left:auto}.type.replay{color:#6fddff}.group-toggle{color:#59f0a7;background:0 0;border:0;min-height:36px;padding:0 .35rem 0 0}.child-count{color:#9eddbd;background:#25332d;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:.45rem;display:inline-grid}.row.drop-before:before,.row.drop-after:after{content:"";z-index:3;background:#59f0a7;height:3px;position:absolute;left:4px;right:4px;box-shadow:0 0 9px #59f0a7}.row.drop-before:before{top:-2px}.row.drop-after:after{bottom:-2px}.row.drop-inside.drop-valid{background:#17382c;outline:2px solid #59f0a7}.row.drop-invalid{outline:2px solid #ff6b63}.drop-label{z-index:4;color:#9ff4c7;background:#17382c;border-radius:4px;font-size:.68rem;position:absolute;top:4px;right:180px;padding:.2rem .45rem!important}.drop-invalid .drop-label{color:#ffaaa5;background:#4a211f}.drag-overlay{z-index:100;pointer-events:none;color:#e4ece8;background:#11191bfa;border:1px solid #59f0a7;border-radius:7px;grid-template-columns:40px 65px 1fr;align-items:center;gap:.45rem;width:230px;padding:.7rem;display:grid;position:fixed;box-shadow:0 14px 40px #000b,0 0 20px #59f0a733}.drag-overlay b{color:#59f0a7}.drag-overlay span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.thead,.row{grid-template-columns:45px 68px minmax(140px,1fr) 76px 90px 168px}.thead span:nth-child(5),.row>span:nth-child(5),.thead span:nth-child(6),.row>span:nth-child(6){display:none}.drop-label{right:174px}}@media (width<=700px){.rail{grid-template-columns:repeat(4,1fr)}.row{grid-template-columns:48px 66px minmax(0,1fr);padding-bottom:55px}.row>span:nth-child(4),.row>span:nth-child(5),.row>span:nth-child(6){display:none}.row .reorder-controls{padding:0;display:flex;position:absolute;bottom:5px;left:6px;right:6px}.reorder-controls button{flex:1;width:auto;min-height:44px}.drop-label{top:5px;right:6px}.drag-overlay{width:210px}.cue-number{align-items:center}.cue-number small{text-align:right;max-width:145px}}.transport{background:#0b1210;border:1px solid #2d3d37;border-radius:7px;grid-template-columns:minmax(150px,1fr) auto;gap:.35rem .8rem;min-width:280px;padding:.35rem .65rem;display:grid}.transport-cues{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:.12rem .45rem;min-width:0;display:grid}.transport-cues span{letter-spacing:.11em;color:#72817b;font-size:.58rem}.transport-cues b,.transport-cues strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.transport-cues b{color:#bff7d8}.transport-cues strong{color:#b9c3c7}.transport-time{text-align:right;align-content:center;display:grid}.transport-time output{font-variant-numeric:tabular-nums;color:#59f0a7;font-size:1.18rem;font-weight:800}.transport-time small{color:#e6b657;min-width:105px;font-size:.67rem}.progress{background:#24302b;border-radius:4px;grid-column:1/3;height:5px;overflow:hidden}.progress i{background:#59f0a7;height:100%;transition:width 80ms linear;display:block}.progress.indeterminate i{animation:1.2s ease-in-out infinite transport-pulse;width:35%!important}@keyframes transport-pulse{0%{transform:translate(-110%)}to{transform:translate(300%)}}footer{grid-template-columns:minmax(220px,1fr) 180px minmax(280px,1.3fr) minmax(220px,1fr)}@media (width<=1100px){footer{grid-template-columns:minmax(180px,.7fr) 150px minmax(280px,1fr)}footer .master{display:none}}@media (width<=700px){main{padding-bottom:calc(176px + env(safe-area-inset-bottom))}footer{grid-template-columns:1fr 116px;align-items:stretch;min-height:168px}.transport{grid-area:2/1/auto/3;min-width:0}.go{grid-area:1/2}.offline-status{bottom:calc(180px + env(safe-area-inset-bottom))}}.transport-clock{white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:.35rem;display:flex}.transport-clock output{font-size:1.05rem}.transport-clock span,.transport-clock output:last-child{color:#9eb0a8}.waveform-editor{gap:.4rem;margin:.4rem 0 1rem;display:grid}.waveform-labels{color:#b6e9ca;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.72rem;display:flex}.waveform-surface{touch-action:none;background:#111d19;border:1px solid #52675d;border-radius:5px;height:110px;position:relative;overflow:hidden}.waveform-surface svg{width:100%;height:100%;position:absolute}.waveform-region{pointer-events:none;background:#59f0a71b;border-top:2px solid #59f0a7;border-bottom:2px solid #59f0a7;position:absolute;top:0;bottom:0}.waveform-handle{cursor:ew-resize;touch-action:none;background:#f2cb73;width:4px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #000}.waveform-handle:after{content:"↔";color:#18231d;background:#f2cb73;border-radius:4px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:0;left:-17px}.waveform-handle:focus-visible{outline-offset:4px;outline:3px solid #fff}.waveform-editor>small,.waveform-empty{color:#92a69b;font-size:.72rem}.waveform-preview{isolation:isolate;position:relative}.waveform-expand{color:#b6e9ca;width:100%;margin:.2rem 0 .5rem}.waveform-modal-backdrop{z-index:100;background:#000d;place-items:center;padding:clamp(.5rem,2vw,2rem);display:grid;position:fixed;inset:0}.waveform-modal{background:#11191b;border:1px solid #59f0a7;border-radius:10px;gap:1rem;width:min(1100px,100%);max-height:calc(100dvh - 2rem);padding:1rem;display:grid;overflow:auto;box-shadow:0 20px 80px #000}.waveform-modal header{background:0 0;min-height:62px;padding:.3rem}.waveform-modal header div{flex:1;min-width:0}.waveform-modal header h2{text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0;overflow:hidden}.waveform-modal header button{font-size:1.6rem}.waveform-editor.large .waveform-surface{height:clamp(260px,48dvh,520px)}.waveform-editor.large .waveform-handle:after{width:44px;height:44px;left:-20px}.waveform-done{justify-self:end;min-width:100px}.waveform-modal-backdrop footer{position:static}.inspector{scroll-padding-bottom:220px}@media (width<=700px){.inspector{padding-bottom:calc(220px + env(safe-area-inset-bottom))}.waveform-modal-backdrop{z-index:100}.waveform-editor.large .waveform-surface{height:clamp(220px,44dvh,420px)}}.waveform-handle.end{transform:translate(-100%)}.midi-config{align-items:center;gap:.45rem;display:flex}.midi-dot{background:#626d72;border-radius:50%;width:8px;height:8px;display:inline-block}.midi-dot.ready{background:#59f0a7;box-shadow:0 0 9px #59f0a7}.midi-dot.denied,.midi-dot.unsupported{background:#ff6b63}.midi-dot.requesting{background:#e6b657}.midi-fields{border-top:1px solid #293136;padding-top:.9rem}.test-midi{color:#d7b9ff;border-color:#7860a3;width:100%}.modal-backdrop{z-index:20;background:#030506cc;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.midi-panel{background:#11171a;border:1px solid #384449;border-radius:10px;width:min(680px,96vw);padding:0;overflow:hidden;box-shadow:0 24px 80px #000}.midi-panel>header{height:auto;padding:1rem 1.2rem}.midi-panel h2{margin:.15rem 0 0;font-size:1.35rem}.midi-panel header small{letter-spacing:.15em;color:#78868b;font-size:.65rem}.midi-panel header button{margin-left:auto;font-size:1.4rem}.midi-banner{background:#151b1e;border:1px solid #354147;border-radius:7px;grid-template-columns:12px 1fr auto;align-items:start;gap:.8rem;margin:1rem;padding:1rem;display:grid}.midi-banner p{color:#8a979c;margin:.3rem 0 0;font-size:.8rem}.midi-banner.denied,.midi-banner.unsupported{border-color:#693b38}.port-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:0 1rem 1.4rem;display:grid}.port-grid label{color:#9aa5a9;font-size:.75rem;font-weight:700}.port-grid select{background:#0b0f11;border:1px solid #354147;border-radius:5px;width:100%;margin:.45rem 0;padding:.75rem;display:block}.port-grid small{color:#738087;font-weight:400}.midi-panel>footer{grid-template-columns:none;justify-content:space-between;height:auto;padding:.8rem 1rem;display:flex}.midi-panel>footer span{color:#758187;font-size:.75rem}@media (width<=600px){.port-grid{grid-template-columns:1fr}.midi-banner{grid-template-columns:12px 1fr}.midi-banner button{grid-column:1/3}}.trigger-editor{border-top:1px solid #2b3438;margin-top:1rem;padding-top:1rem}.trigger-title{justify-content:space-between;align-items:start;margin-bottom:.8rem;display:flex}.trigger-title h3{color:#b792ed;letter-spacing:.12em;margin:0;font-size:.72rem}.trigger-title small{color:#8a979d;margin-top:.3rem;display:block}.trigger-title input{accent-color:#b792ed}.exact{align-items:center;gap:.45rem;display:flex!important}.learn-actions{gap:.4rem;display:flex}.learn-actions button{flex:1}.learn-actions button.learning{color:#e6b657;border-color:#e6b657;box-shadow:0 0 12px #e6b65733}.learn-status{color:#e6b657;font-size:.75rem;line-height:1.35}.mapping-policy{color:#748187;margin-top:.65rem;line-height:1.35;display:block}.trigger-mark{color:#c498ff;float:right;font-size:1rem;font-style:normal}.auth-page{background:radial-gradient(circle at 50% 0,#1a2927,#090b0d 45%);place-items:center;min-height:100vh;display:grid;overflow:auto}.auth-card{background:#11171a;border:1px solid #344045;border-radius:12px;width:min(420px,92vw);padding:2rem;box-shadow:0 30px 90px #000}.auth-card h1{margin:.6rem 0}.auth-card p{color:#8d999e;line-height:1.5}.auth-card form{gap:1rem;margin:1.5rem 0;display:grid}.auth-card label{color:#9ba7ab;font-size:.78rem}.auth-card input{background:#0a0e10;border:1px solid #364248;border-radius:5px;width:100%;margin-top:.4rem;padding:.75rem;display:block}.auth-card form button{color:#07110c;background:#59f0a7;font-weight:800}.auth-card .link{color:#9fb0b6;background:0 0;border:0;width:100%}.auth-brand{letter-spacing:.15em;font-weight:900}.auth-brand span{background:#59f0a7;border-radius:50%;width:9px;height:9px;margin-right:.6rem;display:inline-block;box-shadow:0 0 12px #59f0a7}.auth-error{color:#ff918a;background:#3a1918;border:1px solid #743d39;border-radius:5px;padding:.75rem}.library{background:#090b0d;min-height:100vh}.library>header{gap:1rem;display:flex}.library>header>div:nth-child(2){margin-left:auto;display:grid}.library>header small{color:#7f8b90}.library>main{max-width:1100px;height:auto;margin:auto;padding:3rem 1.5rem;display:block}.library-title{justify-content:space-between;align-items:end;display:flex}.library-title small{color:#59f0a7;letter-spacing:.14em}.library-title h1{margin:.4rem 0;font-size:2.4rem}.library-title p{color:#879399}.library-title>button{color:#07110c;background:#59f0a7;font-weight:800}.show-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2rem;display:grid}.show-card{text-align:left;background:#12181b;min-height:170px;padding:1.2rem}.show-card span{color:#59f0a7;font-size:.65rem}.show-card h2{margin:1rem 0}.show-card p,.show-card time{color:#7f8b90;font-size:.78rem;display:block}.empty{color:#7f8b90;border:1px dashed #364147;padding:2rem}.auth-page{min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.auth-card{width:min(420px,100%);margin:auto}.auth-card input,.auth-card form button,.auth-card .link{min-height:44px}.library{min-height:100dvh;overflow:auto}.library>header{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}@media (width<=480px){.auth-card{padding:1.25rem}.library>header{height:auto;padding-top:max(.7rem,env(safe-area-inset-top));flex-wrap:wrap;padding-bottom:.7rem}.library>header>div:nth-child(2){order:3;width:100%;margin:0}.library>main{padding:1.5rem 1rem max(2rem,env(safe-area-inset-bottom))}.library-title{flex-direction:column;align-items:stretch}.library-title h1{font-size:2rem}.library-title>button{min-height:46px}.show-grid{grid-template-columns:1fr}.show-card{min-height:140px}}
