@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#f3f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#151618;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #ffdb52}.app-shell{background:radial-gradient(circle at 78% -20%,#e2ff461c,#0000 33rem),linear-gradient(135deg,#101113,#1c1e21 48%,#111214);min-height:100vh;padding:22px}.topbar,.machine,.footer{width:min(1440px,100%);margin-inline:auto}.topbar{grid-template-columns:255px minmax(360px,1fr) 185px;align-items:center;gap:24px;min-height:72px;margin-bottom:18px;display:grid}.wordmark{color:#f5f1e7;align-items:center;gap:12px;text-decoration:none;display:flex}.wordmark-mark{color:#151618;letter-spacing:-1.5px;background:#e8ff46;border-radius:2px;padding:6px 7px 5px;font-size:19px;font-weight:800;line-height:1}.wordmark-copy,.eyebrow,.screen-label,.system-readout,.footer,.pad-deck-footer,.timeline-heading{font-family:DM Mono,Consolas,monospace}.wordmark-copy{letter-spacing:.08em;font-size:10px;font-weight:500;line-height:1.2}.load-form{gap:5px;display:grid}.load-form>label,.editor-control>span,.editor-control>label,.timing-control>label{color:#989c9d;letter-spacing:.07em;text-transform:uppercase;font-family:DM Mono,Consolas,monospace;font-size:10px}.url-field{height:39px;display:flex}.url-field input{color:#f2efe5;background:#222528;border:1px solid #555b5d;border-right:0;border-radius:4px 0 0 4px;width:100%;min-width:0;padding:0 12px;font-size:13px}.url-field input::placeholder{color:#7d8384}.url-field button,.timeline-actions button{color:#111214;letter-spacing:.03em;text-transform:uppercase;background:#e8ff46;border:1px solid #e8ff46;border-radius:0 4px 4px 0;padding:0 15px;font-size:12px;font-weight:800}.url-field button:hover,.timeline-actions button:hover{background:#f4ff9a}.system-readout{color:#b1b6b5;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;font-size:10px;display:flex}.system-light,.status-led{width:7px;height:7px;box-shadow:none;background:#727779;border-radius:50%;display:block}.system-light.is-ready,.status-led{background:#e8ff46;box-shadow:0 0 10px #e8ff46cc}.machine{background:#303336;border:1px solid #5e6362;border-radius:9px;grid-template-columns:minmax(0,1.42fr) minmax(400px,.92fr);display:grid;overflow:hidden;box-shadow:0 24px 90px #0000006b,inset 0 1px #ffffff1f}.left-deck{background:linear-gradient(135deg,#3e4242,#303333 55%,#272a2b);border-right:1px solid #1d1f20;min-width:0;padding:18px}.pad-deck{color:#1a1d1e;background:#d5d3ca;flex-direction:column;min-width:0;padding:22px;display:flex;box-shadow:inset 1px 0 #ffffffa6}.screen-bezel{background:#151718;border-radius:5px;padding:11px;box-shadow:inset 0 0 0 1px #080909,0 1px #ffffff29}.screen-label{color:#b5bd93;letter-spacing:.11em;justify-content:space-between;margin:0 2px 8px;font-size:10px;display:flex}.player-stage{aspect-ratio:16/8.4;background:#050606;min-height:230px;position:relative;overflow:hidden}.youtube-voice{width:100%;height:100%;position:absolute;inset:0}.youtube-voice.is-primary{z-index:1}.youtube-voice.is-secondary{z-index:0;opacity:0;pointer-events:none}.empty-screen,.screen-loading{z-index:2;text-align:center;color:#e5f49e;background:repeating-linear-gradient(0deg,#d8ff4b06 0 1px,#0000 1px 4px),#07100f;place-content:center;justify-items:center;gap:8px;padding:20px;display:grid;position:absolute;inset:0}.empty-screen strong{letter-spacing:.11em;font-family:DM Mono,Consolas,monospace;font-size:13px}.empty-screen span:last-child{color:#81927d;max-width:280px;font-size:12px;line-height:1.5}.empty-screen-slash{color:#e8ff46;letter-spacing:-.12em;font-family:DM Mono,Consolas,monospace;font-size:34px;font-weight:500}.screen-loading{z-index:3;color:#e8ff46;letter-spacing:.15em;background:#040b0ac7;place-content:center;font-family:DM Mono,Consolas,monospace;font-size:11px}.status-strip{color:#dfe3d5;align-items:center;gap:9px;min-height:37px;padding:0 5px;display:flex}.status-strip output{text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,Consolas,monospace;font-size:11px;overflow:hidden}.legal-note{color:#aeb3b0;white-space:nowrap;margin-left:auto;font-family:DM Mono,Consolas,monospace;font-size:9px}.editor-panel{background:#1012137a;border:1px solid #202324;border-radius:5px;grid-template-columns:1.4fr 1.1fr .8fr .8fr 1.15fr;align-items:end;gap:9px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff0d}.editor-title{gap:4px;min-width:0;display:grid}.eyebrow{color:#88918d;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:500;display:block}.editor-title strong{color:#f4f2e8;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.selected-key{color:#e8ff46;border:1px solid #6b716e;border-radius:2px;place-items:center;width:23px;height:20px;font-family:DM Mono,Consolas,monospace;font-size:10px;display:inline-grid}.editor-control{gap:6px;min-width:0;display:grid}.editor-control input,.editor-control select{color:#f3f1e8;background:#242728;border:1px solid #606765;border-radius:3px;width:100%;height:31px;padding:0 8px;font-family:DM Mono,Consolas,monospace;font-size:11px}.time-input-row{grid-template-columns:minmax(0,1fr) auto auto;gap:4px;display:grid}.time-input-row button{color:#d5dbd2;background:#35393a;border:1px solid #525958;border-radius:3px;height:31px;padding:0 5px;font-family:DM Mono,Consolas,monospace;font-size:9px}.time-input-row button:hover{color:#f4ff9a;border-color:#a5ac98}.fire-selected{color:#e8ff46;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:1px solid #e2f74b;border-radius:3px;height:31px;font-size:10px;font-weight:800}.fire-selected:hover{color:#181a1b;background:#e8ff46}kbd{font-family:DM Mono,Consolas,monospace}.fire-selected kbd{background:#e8ff4633;border-radius:2px;margin-left:3px;padding:1px 3px}.timeline-panel{border-top:1px solid #4e5352;margin-top:16px;padding:12px 14px}.timeline-heading,.timeline-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-heading>span:last-child{color:#c4c9c4;font-size:10px}.timeline-heading i{color:#838c87;font-style:normal}.timeline-track-wrap{align-items:center;height:22px;margin:12px 0 11px;display:flex;position:relative}.timeline-range{z-index:2;appearance:none;accent-color:#e8ff46;background:#1b1e1f;border-radius:99px;width:100%;height:8px;position:relative}.timeline-range::-webkit-slider-thumb{appearance:none;background:#e8ff46;border:2px solid #1b1d1d;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 2px #e8ff4633}.timeline-range:disabled{opacity:.45}.timeline-markers{pointer-events:none;position:absolute;inset:0 7px}.timeline-markers span{background:#6c7370;width:2px;height:12px;position:absolute;top:5px;transform:translate(-1px)}.timeline-markers span.is-selected{background:#ff9f6e;height:20px;top:1px;box-shadow:0 0 8px #ff9f6eb3}.timeline-actions{color:#aeb5b1;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,Consolas,monospace;font-size:9px}.timeline-actions button{color:#e1e4d8;background:0 0;border:1px solid #6d7571;border-radius:3px;height:27px;padding:0 8px;font-size:9px}.timeline-actions button:first-child{margin-left:auto}.timeline-actions button:hover{color:#161718;background:#e8ff46;border-color:#e8ff46}.timeline-actions button:disabled{color:#777d7a;background:0 0;border-color:#555b59}.pad-deck-header{justify-content:space-between;align-items:flex-start;margin-bottom:21px;display:flex}.pad-deck-header .eyebrow{color:#696d69}.pad-deck-header h1{letter-spacing:-.07em;margin:4px 0 0;font-size:25px;line-height:1}.bank-indicator{background:#e8ff46;border:2px solid #1d2020;place-items:center;width:32px;height:30px;font-family:DM Mono,Consolas,monospace;font-size:14px;font-weight:500;display:grid}.pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sampler-pad{aspect-ratio:.98;color:#151617;text-align:left;border:2px solid #151717b8;border-radius:4px;align-content:space-between;justify-items:start;min-width:0;padding:10px;transition:transform 70ms,box-shadow 70ms,filter .1s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px #11141461,inset 0 1px #ffffff73}.sampler-pad:hover{filter:brightness(1.07)}.sampler-pad:active,.sampler-pad.is-active{transform:translateY(3px);box-shadow:0 1px #1114145c,inset 0 2px 5px #00000047}.sampler-pad.is-selected{outline-offset:2px;outline:3px solid #f7f4e9}.sampler-pad.color-0{background:#e8ff46}.sampler-pad.color-1{background:#ffb15f}.sampler-pad.color-2{background:#96d4db}.sampler-pad.color-3{background:#d09ddb}.pad-number,.pad-time,.sampler-pad kbd{font-family:DM Mono,Consolas,monospace}.pad-number{color:#14161694;font-size:9px}.pad-name{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(10px,1vw,13px);font-weight:800;overflow:hidden}.pad-time{color:#141616bf;max-width:100%;font-size:9px}.sampler-pad kbd{background:#fff3;border:1px solid #12141466;border-radius:2px;place-items:center;width:18px;height:17px;font-size:8px;display:grid;position:absolute;bottom:7px;right:7px}.pad-deck-footer{color:#5d625f;letter-spacing:.03em;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;font-size:9px;display:flex}.pad-deck-footer b{color:#272b2b;font-weight:500}.footer{color:#8e9492;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:18px 2px 0;font-size:9px;display:flex}@media (width<=1080px){.topbar{grid-template-columns:210px minmax(300px,1fr) auto}.machine{grid-template-columns:minmax(0,1fr) minmax(340px,.86fr)}.editor-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-title,.fire-selected{grid-column:span 1}.pad-grid{gap:8px}.sampler-pad{padding:8px}}@media (width<=800px){.app-shell{padding:12px}.topbar{grid-template-columns:1fr auto;gap:12px}.load-form{grid-area:2/1/auto/-1}.system-readout{justify-content:flex-end}.machine{grid-template-columns:1fr}.left-deck{border-bottom:1px solid #1d1f20;border-right:0}.player-stage{min-height:200px}.pad-deck{padding:18px}}@media (width<=540px){.topbar{margin-bottom:12px}.wordmark-copy{display:none}.editor-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-title,.fire-selected{grid-column:span 2}.timeline-heading{align-items:flex-start}.timeline-actions{flex-wrap:wrap;justify-content:flex-start}.timeline-actions button:first-child{margin-left:0}.timeline-actions span{order:-1;width:100%}.pad-grid{gap:7px}.sampler-pad{min-height:76px;padding:7px}.pad-name{font-size:9px}.pad-time{font-size:8px}.pad-deck-footer,.footer,.legal-note{display:none}}