:root{--ink: #141414;--orange: #FF4F12;--green: #39FF14;--off: #B5B5B5;--bg: #D4D4D4;--panel: #C4C4C4;--relief: #E2E2E2;--sys: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--pix: Silkscreen, ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0e0e0e;color:var(--ink);font-family:var(--pix);-webkit-text-size-adjust:100%;overflow:hidden;height:100%}button{font:inherit;color:inherit;border:0;cursor:pointer;padding:0}button:focus-visible{outline:1.5px solid var(--green);outline-offset:1px}.sys{font-family:var(--sys);font-weight:700}.viewport{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden}.stage{width:1440px;height:900px;background:var(--bg);position:relative;transform-origin:center center;display:flex;flex-direction:column;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.hdr{height:64px;flex-shrink:0;display:flex;background:var(--ink);color:#fff}.hdr-l{flex-grow:1;min-width:0;padding-left:16px;display:flex;align-items:center;gap:24px}.hdr-l .credit{display:flex;align-items:center;gap:8px;font-size:10px;color:#fff;white-space:nowrap;margin-left:-8px}.hdr-l .credit a{display:block;line-height:0}.hdr-l .credit a:focus-visible{outline:1.5px solid var(--green);outline-offset:2px}.hdr-l img{height:48px;width:auto;display:block;position:relative;top:5px}.hdr-l .div{width:1.5px;height:24px;background:#5c5c5c}.hdr-l .ttl{font-family:var(--sys);font-weight:700;font-size:20px;line-height:24px;letter-spacing:.01em}.hdr-r{flex-shrink:0;padding:0 16px 0 8px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.timebox{height:40px;color:var(--orange);display:flex;align-items:center;gap:16px;padding:0 16px}.timebox .bars{font-family:var(--sys);font-weight:700;font-size:20px;line-height:24px;font-variant-numeric:tabular-nums;color:var(--orange)}.timebox .bars span{color:var(--orange)}.timebox .sm{font-size:10px}.tbtn{width:40px;height:40px;background:var(--off);display:grid;place-items:center}.tbtn.on{background:var(--orange)}.tbtn.play{background:#fff}.tbtn.play.on{background:var(--orange)}.tbtn.rec.on{background:var(--ink);outline:1.5px solid var(--orange);outline-offset:-1.5px;animation:blink 1s steps(2) infinite}.tbtn.loop{width:auto;padding:0 16px;font-size:10px}.tbtn.loop.off{background:var(--off)}@keyframes blink{50%{opacity:.55}}.body{height:752px;display:flex;position:relative}.mixer{width:640px;flex-shrink:0;position:relative;display:flex;align-items:flex-start}.strip{width:64px;height:327px;margin-top:24px;border-right:1.5px solid var(--off);position:relative;background:var(--bg)}.strip.sel{background:#f2d2c2}.strip .tagbar{position:absolute;left:0;right:0;top:0;height:24px;background:var(--ink);display:flex;align-items:center;justify-content:center;font-size:10px}.strip .tagbar span{background:var(--orange);color:var(--ink);padding:0 3px}.strip.sel .tagbar span{background:#fff}.strip .lbl{position:absolute;left:0;right:0;height:16px;line-height:16px;text-align:center;font-size:8px}.strip .pan{position:absolute;left:0;right:0;top:48px;height:16px;display:flex;gap:2px;justify-content:center;align-items:center;cursor:ew-resize}.strip .pan i{width:4px;height:8px;background:var(--off);display:block}.strip .pan i.on{background:var(--ink)}.strip .meter{position:absolute;left:14px;top:104px;width:8px;height:188px;display:flex;flex-direction:column-reverse;gap:2px}.strip .meter i{flex:1;background:var(--off);display:block}.strip .fader{position:absolute;left:28px;top:104px;width:24px;height:188px;cursor:ns-resize;touch-action:none}.strip .fader .rail{position:absolute;left:10px;top:0;bottom:0;width:4px;background:var(--off)}.strip .fader .fill{position:absolute;left:10px;bottom:0;width:4px;background:var(--ink)}.strip .fader .thumb{position:absolute;left:0;width:24px;height:12px;background:var(--ink)}.strip.sel .fader .thumb{background:var(--orange)}.strip .ms{position:absolute;left:4px;right:4px;top:299px;height:24px;display:flex;gap:8px}.strip .ms button{flex:1;height:24px;background:var(--off);font-size:10px}.strip .ms button.m.on{background:var(--ink);color:#fff}.strip .ms button.s.on{background:var(--orange)}.bar24.region{position:absolute;left:0;width:640px;z-index:2}.fxrow{position:absolute;left:0;top:375px;width:640px;height:126px;display:flex}.fxcol{width:64px;height:100%;border-right:1.5px solid var(--off);background:var(--bg);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.fxcol.sel{background:#f2d2c2}.fx{width:48px;display:flex;flex-direction:column;gap:4px}.fx .hd{display:flex;justify-content:space-between;height:12px;line-height:12px;font-size:7px}.fx .hd span:last-child{color:#5c5c5c}.fx .pad{width:48px;height:36px;position:relative;background:var(--off);overflow:hidden;cursor:ns-resize;touch-action:none}.fx .pad i{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--ink);border-top:1.5px solid var(--ink);display:block}.timeline{position:absolute;left:0;top:525px;width:640px;height:227px;background:var(--relief);overflow:hidden}.timeline .rul{position:absolute;top:3px;height:10px;line-height:10px;font-size:7px;color:#5c5c5c}.timeline .ln{position:absolute;left:8px;width:20px;height:18px;line-height:18px;font-size:8px}.timeline .head{position:absolute;left:0;top:0;width:8px;height:227px;pointer-events:none;will-change:transform}.window{width:800px;height:752px;position:relative;flex-shrink:0;border-left:1.5px solid var(--ink)}.inv{position:absolute;left:0;top:0;width:398px;height:752px;background:var(--panel);border-right:1.5px solid var(--ink)}.bar24{height:24px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:10px;position:relative;z-index:2}.bar24 .chip{background:var(--orange);color:var(--ink);padding:0 3px}.bar24 .chip.w{background:#fff}.bar24 .note{font-size:8px;color:var(--orange)}.grid{position:absolute;left:8px;right:8px;top:32px;height:552px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,104px);gap:8px}.slot{background:var(--bg);display:flex;flex-direction:column;min-height:0}.slot.sel{background:#ffe3d6;outline:1.5px solid var(--orange);outline-offset:1px}.slot.muted{opacity:.5}.slot .sh{height:16px;flex-shrink:0;background:var(--ink);color:#fff;display:flex;align-items:center;gap:4px;padding:0 4px;font-size:8px}.slot .sh .n{background:var(--orange);color:var(--ink);padding:0 2px}.slot .sh .nm{flex-grow:1}.slot .sh .ob{color:var(--orange)}.slot .vid{height:64px;flex-shrink:0;position:relative;overflow:hidden;background:var(--ink);cursor:grab;touch-action:none}.slot .vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.slot .vid .fillo{position:absolute;left:0;right:0;bottom:0;height:0;background:#ff4f12cc;border-top:1.5px solid var(--ink);will-change:height}.slot .vid .pct{position:absolute;left:4px;top:4px;font-size:8px;color:#fff;background:var(--ink);padding:0 3px}.slot .acts{height:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:4px}.slot .acts button{height:16px;background:var(--off);font-size:7px}.slot .acts button.on{background:var(--orange)}.carvid{position:absolute;left:8px;top:592px;width:382px;height:152px;overflow:hidden;background:var(--ink)}.carvid video{width:100%;height:100%;object-fit:cover;display:block}.carvid span{position:absolute;left:8px;bottom:8px;height:16px;line-height:16px;background:var(--orange);color:var(--ink);font-size:8px;padding:0 4px}.relief{position:absolute;left:398px;top:0;width:398px;height:752px;background:var(--relief)}.relief canvas{position:absolute;left:0;top:0;width:398px;height:752px;cursor:grab;touch-action:none}.link{position:absolute;left:0;top:0;width:796px;height:752px;pointer-events:none;z-index:3}.ftr{height:84px;flex-shrink:0;background:var(--panel);border-top:1.5px solid var(--ink);display:flex}.ftr .txt{flex-shrink:0;padding-left:16px;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:392px}.ftr .mode{font-family:var(--sys);font-weight:700;font-size:16px;line-height:24px}.ftr .mode.rec{color:var(--orange)}.ftr .sub{font-size:8px;line-height:16px;color:#3d3d3d}.ftr .sub button{background:none;text-decoration:underline;font-size:8px;color:var(--ink)}.ftr .right{flex-grow:1;min-width:0;padding:0 16px 0 24px;display:flex;align-items:center;gap:24px}.ftr canvas{flex-grow:1;min-width:0;height:72px;display:block}.export{height:48px;padding:0 24px;background:var(--orange);color:var(--ink);font-family:var(--sys);font-weight:700;font-size:18px;white-space:nowrap;flex-shrink:0}.boot{position:absolute;inset:0;background:var(--ink);color:#fff;display:grid;place-items:center;z-index:10}.boot-box{width:880px;display:grid;gap:24px;justify-items:start}.boot-box .lockup{display:flex;align-items:center;gap:32px;margin-bottom:24px}.boot-box .lockup img{height:104px;width:auto;display:block}.boot-box .track{font-family:var(--sys);font-size:28px;line-height:32px;color:var(--orange);margin-top:-4px}.boot-box h1{font-family:var(--sys);font-size:66px;line-height:56px;color:#4a4a4a;letter-spacing:-.01em}.boot-box h1 .o{color:var(--orange);margin-left:16px}.boot-box .intro{font-family:var(--sys);font-weight:700;font-size:17px;line-height:24px;color:#fff;max-width:600px;margin-top:-12px}.boot-box .intro em{font-style:normal;color:var(--orange);white-space:nowrap}.boot-box .meta{font-size:10px;line-height:16px;color:var(--off)}.go{height:48px;padding:0 24px;background:var(--orange);color:var(--ink);font-family:var(--sys);font-weight:700;font-size:18px}.prog{width:480px;height:24px;background:#2a2a2a;position:relative}.prog i{position:absolute;left:0;top:0;bottom:0;background:var(--orange);display:block}.prog span{position:absolute;left:8px;top:0;line-height:24px;font-size:8px;color:#fff;mix-blend-mode:difference}.modal{position:absolute;inset:0;background:#141414eb;z-index:9;display:flex;align-items:center;justify-content:center;gap:48px;color:#fff}.modal video{height:720px;width:405px;background:#000;display:block}.modal .side{width:400px;display:grid;gap:16px;justify-items:start}.modal .side h2{font-family:var(--sys);font-size:28px}.modal .side p{font-size:10px;line-height:16px;color:var(--off)}.modal .row{display:flex;gap:8px}.modal .ghost{height:48px;padding:0 24px;background:#2a2a2a;color:#fff;font-family:var(--sys);font-weight:700;font-size:16px}.modal a.go{display:inline-grid;place-items:center;text-decoration:none}.tour{position:absolute;inset:0;z-index:20}.tour .dim{position:absolute;inset:0;background:#141414c7}.tour .spot{position:absolute;box-shadow:0 0 0 2000px #141414c7;outline:1.5px solid var(--green);outline-offset:2px;transition:all .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}.tour .card{position:absolute;width:400px;min-height:200px;background:var(--ink);color:#fff;padding:24px;display:flex;flex-direction:column;gap:12px;outline:1.5px solid var(--green);transition:left .35s cubic-bezier(.2,.8,.2,1),top .35s cubic-bezier(.2,.8,.2,1)}.tour .step{font-size:8px;color:var(--green)}.tour h3{font-family:var(--sys);font-size:20px;line-height:24px}.tour p{font-size:9px;line-height:16px;color:#d4d4d4}.tour .dots{display:flex;gap:4px}.tour .dots i{width:16px;height:4px;background:#3d3d3d;display:block}.tour .dots i.on{background:var(--orange)}.tour .row{display:flex;gap:8px;align-items:center;margin-top:4px}.tour .sm{height:40px;font-size:14px;padding:0 16px}.tour .ghost{background:#2a2a2a;color:#fff;font-family:var(--sys);font-weight:700}.tour .skip{margin-left:auto;background:none;color:var(--off);font-size:9px;text-decoration:underline}