:root{--bg:#0a0a0a;--surface:#111;--surface2:#1a1a1a;--surface3:#222;--border:#2a2a2a;--border2:#333;--accent:#c8a84b;--accent2:#6b4c10;--text:#ddd;--text2:#888;--text3:#444;--green:#27ae60;--red:#c0392b;--p1:#e74c3c;--p2:#e67e22;--p3:#2ecc71;--p4:#3498db;--kit:#7f93a6;--edited:#ffd60a;--dev:#c86bfa;--target:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;margin:0;font:14px/1.35 ui-monospace,SF Mono,Roboto Mono,Courier New,monospace;overflow:hidden}#app,.app{height:100%;overflow:hidden}.app{flex-direction:column;display:flex}.chip,select,.bpm-input{min-height:var(--target);min-width:var(--target);font:inherit;letter-spacing:.04em;color:var(--text);background:var(--surface2);border:1px solid var(--border2);white-space:nowrap;border-radius:4px;padding:0 14px;font-size:13px}.chip:disabled,select:disabled{opacity:.35}.chip.active{background:var(--accent2);border-color:var(--accent);color:var(--accent)}.chip.tone-go.active{border-color:var(--green);color:var(--green);background:#0d3320}.chip.tone-danger{border-color:var(--red);color:#ff8a7a;background:#3a0e0a;font-weight:700}.chip.tone-danger:active{background:var(--red);color:#fff}.segmented{display:inline-flex}.segmented .chip{border-radius:0}.segmented .chip+.chip{border-left-width:0}.segmented .chip:first-child{border-radius:4px 0 0 4px}.segmented .chip:last-child{border-radius:0 4px 4px 0}.dot{background:var(--text3);border-radius:50%;flex:none;width:10px;height:10px}.dot.on{background:var(--green)}.dot.off{background:var(--red)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px;display:flex}.tb-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.tb-group:last-child{margin-left:auto}.logo{color:var(--accent);letter-spacing:3px;margin-right:4px;font-size:13px}.port{align-items:center;gap:6px;display:flex}.port-label{color:var(--text2);font-size:11px}.port select,.port .dd{min-width:0;max-width:150px}.bpm{align-items:stretch;display:flex}.bpm-step{width:var(--target);padding:0;font-size:18px}.bpm-step:first-child{border-radius:4px 0 0 4px}.bpm-step:last-child{border-radius:0 4px 4px 0}.bpm-drag,.bpm.readonly,.bpm-input{width:92px;min-height:var(--target);background:var(--surface2);border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);touch-action:none;justify-content:center;align-items:baseline;gap:4px;padding-top:12px;display:flex}.bpm.readonly{border:1px solid var(--border2);border-radius:4px;align-items:center;padding-top:0}.bpm-input{text-align:center;color:var(--accent);-webkit-user-select:text;user-select:text;border-radius:0;padding:0;font-size:18px}.bpm-value{color:var(--accent);font-size:18px}.bpm-unit{color:var(--text2);font-size:10px}.panic{padding:0;font-size:20px}.nudge{display:inline-flex}.nudge-btn{padding:0;font-size:14px}.nudge-btn:first-child{border-radius:4px 0 0 4px}.nudge-btn:last-child{border-left-width:0;border-radius:0 4px 4px 0}.nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.nav-tabs{flex:auto;gap:6px;display:flex}.nav-tabs .chip{flex:none;width:84px;padding:0;font-size:12px}.nav .toolbar{margin-left:auto}.notice{border-bottom:1px solid var(--accent2);color:var(--accent);background:#2a2008;margin:0;padding:10px 14px}.content{touch-action:pan-y;flex:1;min-height:0;overflow-y:auto}.page{flex-direction:column;gap:14px;max-width:1100px;padding:16px;display:flex}.page h2{letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin:0;font-size:14px}.dim{color:var(--text2);max-width:70ch;margin:0}.soon{color:var(--text);margin:0}.build{color:var(--text3);font-size:11px}.row,.field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field-label{width:130px;color:var(--text2)}.pads{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pad{min-height:140px;font:inherit;letter-spacing:2px;color:var(--text);background:var(--surface2);border:2px solid var(--pc,var(--border2));touch-action:none;border-radius:8px;font-size:18px;font-weight:700}.pad:active{background:var(--pc);color:#000}.pad:disabled{opacity:.35}.part-1{--pc:var(--p1)}.part-2{--pc:var(--p2)}.part-3{--pc:var(--p3)}.part-4{--pc:var(--p4)}.reminders{max-width:80ch;color:var(--text2);flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.reminders b{color:var(--text);font-weight:600}.cc-list,.notes{flex-direction:column;gap:6px;display:flex}.cc-row,.note-row{min-height:var(--target);align-items:center;gap:12px;display:flex}.cc-name{width:80px;color:var(--pc,var(--text2))}.num{width:96px;min-height:var(--target);font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border2);-webkit-user-select:text;user-select:text;border-radius:4px;padding:0 12px;font-size:16px}.num.invalid{border-color:var(--red);color:#ff8a7a}.warn{color:#ff8a7a;font-size:12px}.note-name{width:40px;color:var(--accent)}.notice.inline{border:1px solid var(--accent2);border-radius:4px;max-width:70ch}.cc-value{min-width:40px;color:var(--accent);font-size:18px}.slider{width:100%;max-width:720px;height:var(--target);accent-color:var(--pc,var(--accent));touch-action:none}.log{touch-action:pan-y;background:var(--surface);border:1px solid var(--border);border-radius:4px;flex-direction:column;max-height:360px;padding:6px 10px;font-size:12px;display:flex;overflow-y:auto}.log-row{border-bottom:1px solid var(--surface3);gap:12px;padding:2px 0;display:flex}.log-dir{width:30px;color:var(--text2)}.log-row.in .log-dir{color:var(--p4)}.log-kind{width:120px;color:var(--accent)}.log-detail{flex:1}.log-meta{color:var(--text2)}.sheet-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:20px;display:flex}.sheet h3{color:var(--accent);letter-spacing:2px;margin:0;font-size:14px}.sheet-body p{margin:0 0 8px}.sheet-actions{justify-content:flex-end;gap:10px;display:flex}.randoms{padding:8px 12px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.flash{color:var(--green);padding:0 8px}.toolbar{position:relative}.toolbar .flash{white-space:nowrap;position:absolute;right:100%}.part-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.part-col{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--pc);border-radius:6px;flex-direction:column;gap:4px;min-width:0;padding:6px;display:flex}.part-head,.param-row,.switch-row{align-items:center;gap:4px;display:flex}.part-head .chip,.param-row .chip,.switch-cell .chip{padding:0 8px}.part-head .chip{min-width:var(--target);width:var(--target);font-size:10px;padding:0!important}.part-trigger{font-weight:700;color:var(--pc)!important;border-color:var(--pc)!important}.param-name{width:52px;color:var(--pc,var(--text2));flex:none;font-size:11px}.fader{min-width:0;height:var(--target);background:var(--surface2);border:1px solid var(--border2);touch-action:none;border-radius:4px;flex:1;position:relative;overflow:hidden}.fader-fill{background:var(--pc,var(--accent));opacity:.45;position:absolute;inset:0 auto 0 0}.fader-value{color:var(--text);pointer-events:none;font-size:13px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.fader.unknown .fader-value{color:var(--text3)}.lock{margin-right:4px;font-size:10px}@keyframes pending-pulse{0%{box-shadow:inset 0 0 0 2px var(--accent)}to{box-shadow:inset 0 0 0 2px #0000}}.fader.pending,.switch-cell.pending .switch-value{animation:.4s ease-in-out infinite alternate pending-pulse}.switch-row{gap:4px}.switch-cell{flex:1;gap:2px;min-width:0;display:flex}.switch-value{flex-direction:column;flex:1;justify-content:center;min-width:0;line-height:1.1;display:flex;padding:0 4px!important}.switch-name{color:var(--text2);font-size:9px}.switch-pos{color:var(--pc);font-size:14px}.sheet.big{gap:0;max-width:720px;max-height:calc(100% - 24px);padding:0}.sheet.big.wide{max-width:1240px}.range-label{white-space:nowrap}.sheet-head{border-bottom:1px solid var(--border2);align-items:center;gap:10px;padding:12px 16px;display:flex}.sheet-head h3{flex:1}.sheet-head-actions{gap:8px;display:flex}.sheet-scroll{touch-action:pan-y;flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex;overflow-y:auto}.opt-top,.opt-bottom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.opt-list{grid-template-rows:repeat(6,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:6px 20px;display:grid}.opt-row,.opt-row .range-wrap{min-width:0}.opt-row .range{min-width:80px}.opt-row .var .chip{width:var(--target);padding:0}.opt-row{align-items:center;gap:8px;display:flex}.opt-row .param-name{width:52px;color:var(--pc);flex:none}.opt-row.is-locked .range-wrap,.opt-row.is-locked .segmented,.opt-row.is-locked .var{opacity:.35}.allowed-label{width:64px}.range-wrap{flex:1;align-items:center;gap:10px;min-width:200px;display:flex}.range{min-width:140px;height:var(--target);touch-action:none;flex:1;margin:0 11px;position:relative}.range-track{background:var(--surface3);border-radius:3px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.range-fill{background:var(--pc,var(--accent));border-radius:3px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.range-handle{background:var(--text);border-radius:4px;width:22px;height:34px;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-label{width:56px;color:var(--text2);text-align:right;font-size:12px}.var{align-items:center;gap:4px;display:flex}.var.off{opacity:.35}.var .chip{padding:0}.var-value{text-align:center;width:52px;color:var(--accent)}.slots{gap:8px;display:grid}.preset-slots{grid-template-columns:repeat(8,1fr)}.kit-slots{--pc:var(--kit);grid-template-columns:repeat(8,1fr)}.slot{min-height:56px;font:inherit;color:var(--text3);background:var(--surface3);border:1px solid var(--border2);border-radius:6px;font-size:18px}.slot.filled{color:var(--pc,var(--accent));background:var(--surface2);border:2px solid var(--pc,var(--accent));font-weight:800}.chip.rnd{min-width:var(--target);width:var(--target);font-size:10px;padding:0!important}.presets{flex-direction:column;gap:6px;padding:8px 12px;display:flex}.part-label{color:var(--pc);letter-spacing:1px;text-transform:uppercase;padding-left:4px;font-size:12px;font-weight:700}.slot-head .part-label{grid-column:span 2;align-self:center}.slot.slot-action{color:var(--text);background:var(--surface2);border-color:var(--border2);font-size:10px;line-height:1.2}.slot.slot-action:active{background:var(--pc);color:#000}.part-head .chip.wide-small{width:auto;font-size:10px;padding:0 10px!important}.slot-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.slot-grid .slot,.kit-grid .slot{min-height:var(--target);touch-action:none}.kit-grid{--pc:var(--kit);grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.kit-grid .slot{min-height:54px;font-size:20px}.slot-grid .slot{font-size:18px}.slot-grid .slot.slot-action{font-size:10px}.slot.active{outline-offset:1px;outline:3px solid #fff}.slot.active.edited{outline-color:var(--edited)}@keyframes queued-pulse{0%{outline-color:#fff}to{outline-color:#0000}}.chip.queued,.slot.queued{outline-offset:1px;outline:3px solid #fff;animation:.4s ease-in-out infinite alternate queued-pulse}.hint{font-size:11px}.trigger{height:100%;padding:8px 12px}.trigger .part-cols{height:100%}.pad-col{gap:6px}.pad-row{align-items:center;gap:6px;display:flex}.pad-row select,.pad-row .dd{flex:1;max-width:none}.pad-row.rates .segmented{width:100%}.pad-row.rates .chip{flex:1;min-width:0;padding:0;font-size:11px}.pad-row .segmented .chip{padding:0 10px}.xypad{background:var(--surface2);border:2px solid var(--pc);touch-action:none;border-radius:8px;flex:1;min-height:160px;position:relative;overflow:hidden}.xypad.down{background:color-mix(in srgb, var(--pc) 35%, var(--surface2))}.xypad.latched{box-shadow:inset 0 0 0 4px var(--accent)}.xypad.blink{background:var(--pc)}.pad-part{color:var(--pc);opacity:.18;pointer-events:none;justify-content:center;align-items:center;font-size:224px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.axis{letter-spacing:1px;text-transform:uppercase;color:var(--text2);white-space:nowrap;pointer-events:none;font-size:11px;font-weight:700;position:absolute}.axis-x{bottom:6px;left:50%;transform:translate(-50%)}.axis-y{top:50%;left:14px;transform:translate(-50%,-50%)rotate(-90deg)}.dot-xy{background:var(--pc);pointer-events:none;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.pad-hint{letter-spacing:1px;color:var(--accent);pointer-events:none;font-size:10px;position:absolute;top:8px;right:8px}.engine-badge{width:84px;min-height:var(--target);text-align:center;border:1px solid var(--border2);color:var(--text2);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;line-height:1.25;display:inline-flex}.engine-badge.running{color:var(--green);border-color:var(--green)}.engine-badge.suspended,.engine-badge.loading{color:var(--accent);border-color:var(--accent)}.engine-badge.error{color:#ff8a7a;border-color:var(--red)}.fader.disabled{opacity:.25}.credits{flex-direction:column;gap:8px;max-width:80ch;display:flex}.credits pre{white-space:pre-wrap;color:var(--text2);background:var(--surface);border:1px solid var(--border);-webkit-user-select:text;user-select:text;border-radius:4px;margin:0;padding:10px 12px;font-size:11px}.topbar,.nav{--label:12px}.topbar .chip,.nav .chip,.nav-tabs .chip,.logo,.engine-badge,.led-label,.bpm-unit{font-size:var(--label);letter-spacing:.04em}.panic{font-weight:700}.midi-led{height:var(--target);align-items:stretch;gap:5px;display:inline-flex}.led{background:var(--text3);border-radius:2px;width:4px}.led.on{background:var(--green)}.led.off{background:var(--red)}.led-label{color:var(--text2);flex-direction:column;justify-content:center;line-height:1.2;display:flex}.seq-page{gap:6px;max-width:none;height:100%;padding:8px 12px}.lanes{flex:1;grid-template-rows:repeat(4,minmax(100px,1fr));row-gap:16px;min-height:0;display:grid}.lane{border:2px solid var(--pc);border-radius:6px;grid-template-columns:168px minmax(0,1fr) 200px;gap:8px;min-height:0;padding:4px;display:grid}.lane-left{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr) 60px;gap:4px;display:grid}.lane-left .chip{min-height:0;padding:0;font-size:11px}.lane-left select.lane-type,.lane-left .dd.lane-type{max-width:none;min-height:0;padding:0 8px;font-size:12px;font-weight:700}.lane-right{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.lane-right .chip{justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;font-size:12px;display:flex}.dir-icon{display:block}.lane-right .chip.pick{flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1.1;display:flex}.chip.pick small{color:var(--text);font-size:13px;font-weight:700}.picker{gap:6px;display:grid}.picker .chip{min-height:56px;font-size:16px;font-weight:700}.seq-label{letter-spacing:1px;color:var(--pc,var(--text2));font-size:12px;font-weight:700}.stack{flex-direction:column;flex:1;gap:4px;display:flex}.stack .chip{flex:1;padding:0;font-size:11px}.lane-centre{min-width:0}.groups{gap:12px;height:100%;display:flex}.group{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0;display:grid}.lane.muted .lane-centre{opacity:.4}.bars{flex-direction:column;gap:4px;height:100%;display:flex}.bars .groups{flex:1;height:auto;min-height:0}.step{min-height:var(--target);min-width:0;font:inherit;color:var(--text3);background:var(--surface2);border:1px solid var(--border2);touch-action:none;border-radius:5px;font-size:14px;font-weight:700}.step.downbeat{background:var(--surface3)}.step.on{background:var(--pc);border-color:var(--pc);color:#000;font-weight:700}.step.beyond{border-color:var(--surface3);background:0 0}.step.now{outline-offset:-3px;outline:3px solid #fff}.step.hit{filter:brightness(1.7)}.lane-params{grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;height:100%;display:grid}.lane-params .groups{height:auto;min-height:0}.lane-params .group{display:flex}.strip{flex-direction:column;gap:4px;min-height:0;display:flex}.lane-params .strip .groups{flex:1}.lane-params .strip .group{display:grid}.cell{background:var(--surface3);border-radius:3px}.cell.on{background:var(--pc)}.cell.beyond{border:1px solid var(--surface3);background:0 0}.cell.now{outline:2px solid #fff}.cell.hit{background:#fff}.group.burst .chip{flex:none;width:64px;padding:0;font-size:11px}.vslider{min-width:0;min-height:var(--target);background:var(--surface2);border:1px solid var(--border2);touch-action:none;border-radius:5px;flex:1;position:relative;overflow:hidden}.vslider-fill{background:var(--pc,var(--accent));opacity:.4;position:absolute;inset:0 auto 0 0}.vslider-label,.vslider-value{pointer-events:none;font-size:11px;position:absolute;top:50%;transform:translateY(-50%)}.vslider-label{color:#fff;font-size:14px;font-weight:700;left:8px}.vslider-value{color:#fff;font-size:14px;font-weight:700;right:8px}.step-leds{background:var(--surface);border-bottom:1px solid var(--border);gap:12px;padding:4px 12px;display:flex}.step-leds .group{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.step-led{background:var(--surface3);border-radius:3px;align-self:center;height:10px}.step-led.downbeat{background:var(--text3)}.step-led.counted{background:#e8d77a}.step-led.now{background:#fff;box-shadow:0 0 8px #ffffffb3}.pad-row.wide .segmented{width:100%}.pad-row.wide .segmented .chip{flex:1;padding:0;font-size:11px}.dot-xy.ball{border-color:var(--pc);z-index:1;background:#fff}.slot:disabled{opacity:.35}.chip.part-button{letter-spacing:1px;min-width:0;color:var(--pc);border-color:var(--pc);font-size:11px;font-weight:700;width:auto!important;padding:0 10px!important}.chip.part-button.blink{background:var(--pc);color:#000}.topbar .chip.start{color:var(--green);border-color:var(--green);background:var(--surface2)}.topbar .chip.start.active.on-beat{color:#000;background:#fff}.topbar .chip.start.active.on-bar{background:var(--green);color:#000}.topbar .chip.big-glyph{width:var(--target);padding:0;font-size:22px}.bpm .nudge-btn{width:40px;min-width:40px;padding:0;font-weight:700}.bpm .nudge-btn:first-child{border-radius:4px 0 0 4px}.bpm .nudge-btn+.bpm-step,.bpm .bpm-step+.nudge-btn{border-radius:0}.bpm .nudge-btn:last-child{border-left-width:1px;border-radius:0 4px 4px 0}.lock-icon{color:var(--text2);vertical-align:-1px}.chip.active .lock-icon{color:var(--text)}select:focus,select:focus-visible,button:focus,button:focus-visible{outline:none}select:focus{border-color:var(--accent2)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px!important}.mangler{flex-direction:column;gap:6px;height:100%;padding:8px 12px;display:flex}.mangler .part-cols{flex:1;min-height:0}.mangle-col{border-top-color:var(--border2);gap:8px;container-type:inline-size}.mangle-col.on{border-top-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mangle-name{letter-spacing:0;white-space:nowrap;font-size:14.8cqi;font-weight:700;line-height:1}.chip.hold-button{touch-action:none;flex:none;height:54px;min-height:54px;font-size:16px;font-weight:700}.chip.hold-button.active{background:var(--accent);border-color:var(--accent);color:#000}.chip.mangle-latch{flex:none;height:54px;min-height:54px;font-size:14px;font-weight:700}.mangle-options{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.mangle-option{flex-direction:column;gap:4px;display:flex}.mangle-option .segmented{width:100%;display:flex}.mangle-option .segmented .chip{flex:1}.mangle-parts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.chip.part-toggle{color:var(--pc);border-color:var(--pc);padding:0;font-size:18px;font-weight:800}.chip.part-toggle.active{background:var(--pc);border-color:var(--pc);color:#000}.nav-tabs .chip.mangling{color:#000;background:var(--accent);border-color:var(--accent)}.topbar .chip.part-mute{color:#000;background:var(--pc);border:2px solid var(--pc);width:78px;padding:0;font-size:16px;font-weight:800}.topbar .chip.part-mute.muted{color:var(--pc);background:var(--surface2)}.topbar .chip.part-mute.blink{color:#000;background:#fff;border-color:#fff}.topbar .logo{color:var(--text);align-items:center;margin:0 4px;display:flex}.takt-logo{display:block}.topbar .chip.bpm-step{font-size:26px;font-weight:700}.lane-params .group.morph-pair{gap:4px}.morph-pair .vslider-label{flex-direction:column;font-size:12px;line-height:1.05;display:flex}.vslider-caption{letter-spacing:.06em;color:var(--text2);font-size:9px;font-weight:700}.morph-pair .vslider-value{font-size:12px}.die-icon{display:block}.randoms .part-col{position:relative}.randoms .part-head{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) var(--target);gap:4px;margin-bottom:2px;display:grid}.randoms .part-head .chip{justify-content:center;align-items:center;width:auto;min-width:0;font-size:12px;display:flex}.randoms .part-head .chip.part-button{grid-column:span 2;font-size:12px}.chip.param-lock{width:var(--target);min-width:var(--target);flex:none;justify-content:center;align-items:center;display:flex;padding:0!important}.mangle-bottom{flex-direction:column;flex:none;justify-content:flex-end;min-height:70px;display:flex}.topbar{column-gap:10px;padding-top:5px;padding-bottom:5px}.nav{padding-top:5px;padding-bottom:5px}.step-leds{padding-top:3px;padding-bottom:3px}.step-led{height:8px}.randoms{padding-top:2px;padding-bottom:2px}.randoms .part-col{gap:1px;padding:3px}.randoms .part-head{margin-bottom:2px}.source-row{flex-wrap:wrap;gap:8px;display:flex}.mangle-stack{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.mangle-col.compact,.mangle-col.compact .mangle-options{flex:none}.mangle-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mangle-buttons .chip.hold-button,.mangle-buttons .chip.mangle-latch{height:54px;min-height:54px}.mangle-col.compact .mangle-buttons .chip{height:48px;min-height:48px}.mangle-options .vslider{height:var(--target);flex:none}.tweak-col{flex:1;min-height:0}.tweak-row{align-items:center;gap:6px;display:flex}.tweak-col .mangle-options{gap:4px}.mangle-stack .mangle-col{gap:6px}.tweak-row select,.tweak-row .dd{flex:none;width:104px;font-size:12px;font-weight:700}.tweak-row .chip.tweak-latch{flex:none;width:64px;padding:0;font-size:12px;font-weight:700}.tweak-fader{min-width:0;height:var(--target);background:var(--surface2);border:1px solid var(--border2);touch-action:none;border-radius:5px;flex:1;position:relative;overflow:hidden}.tweak-fill{background:var(--accent);opacity:.55;position:absolute;top:0;bottom:0}.tweak-centre{background:var(--text3);width:2px;margin-left:-1px;position:absolute;top:6px;bottom:6px;left:50%}.tweak-value{color:#fff;pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.level-bar{vertical-align:middle;background:var(--surface3);border-radius:4px;width:120px;height:8px;display:inline-block;overflow:hidden}.level-bar>span{background:var(--green);height:100%;display:block}.chip.restart-audio{min-width:160px}.chip:not(:disabled):active,.slot:not(:disabled):active{filter:brightness(1.35);transform:scale(.96)}.chip,.slot{transition:transform 60ms ease-out}.cell.on.accent{box-shadow:0 0 0 1px var(--pc) inset;background:#fff}.source-pick{align-items:center;gap:6px;display:flex}.source-pick select,.source-pick .dd{min-width:132px}.sheet-head-actions .model-select{min-width:200px;font-weight:700}.scale-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scale-row select,.scale-row .dd{min-width:160px}.scale-parts{flex:1;max-width:360px}.midi-leds{height:var(--target);font:inherit;color:inherit;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:0 4px;display:flex}.midi-leds:active{border-color:var(--border2);background:var(--surface2)}.plug-order{margin:0;padding-left:22px;line-height:1.6}.field.audio-comp .vslider{width:min(640px,100%)}.sound-grid{--pc:var(--kit);grid-template-rows:repeat(8,minmax(48px,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;height:100%;display:grid}.sound-grid .slot{touch-action:none;text-align:center;justify-content:center;align-items:center;min-height:0;padding:2px 6px;font-size:15px;line-height:1.15;display:flex;overflow:hidden}.sound-grid .slot:not(.filled){font-size:12px;font-weight:400}.slot-label{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.grid-sheet{height:calc(100dvh - 118px);min-height:420px}.save-head+.grid-sheet,.grid-sheet.kits-page{height:calc(100dvh - 190px)}.grid-sheet.part-1 .sound-grid{--pc:var(--p1)}.grid-sheet.part-2 .sound-grid{--pc:var(--p2)}.grid-sheet.part-3 .sound-grid{--pc:var(--p3)}.grid-sheet.part-4 .sound-grid{--pc:var(--p4)}.save-head{align-items:center;gap:16px;display:flex}.name-field{flex:none;align-items:center;gap:8px;display:flex}.name-field input{width:300px;height:var(--target);font:inherit;letter-spacing:1px;color:var(--text);background:var(--surface3);border:1px solid var(--border2);-webkit-user-select:text;user-select:text;border-radius:6px;padding:0 12px;font-size:18px;font-weight:700}.name-field input:focus{border-color:var(--accent2);outline:none}.sound-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sound-filters select,.sound-filters .dd{min-width:220px}.presets{height:100%;min-height:0}.sound-list{touch-action:pan-y;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.sound-row{box-sizing:border-box;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;grid-template-columns:46px minmax(0,1fr) 260px 56px auto;align-items:center;gap:6px;min-height:60px;padding:5px 8px;display:grid}.sound-num{color:var(--accent);text-align:left;font-size:16px;font-weight:800}.sound-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding-left:6px;font-size:16px;font-weight:700;overflow:hidden}.sound-src{white-space:nowrap;font-size:12px}.sound-tags{flex-wrap:wrap;gap:4px;display:flex}.sound-tags .tag{color:var(--accent);font-size:12px}.sound-row .chip{height:var(--target);min-height:var(--target);align-self:center;padding:0 12px;font-size:11px}.sound-row .chip:first-of-type{padding:0}.sound-filters .segmented .chip{letter-spacing:.08em;padding:0 20px}.load-to{justify-content:center;gap:8px;display:flex}.load-to .chip{width:96px;font-size:16px;font-weight:800}.chip.part-pick{color:var(--pc);border-color:var(--pc)}.mangle-head{min-height:var(--target);grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;display:grid}.mangle-name{letter-spacing:0;white-space:nowrap;padding-right:4px;font-size:19px;font-weight:700;line-height:1}.mangle-head .chip.hold-button,.mangle-head .chip.mangle-latch{height:var(--target);min-height:var(--target);padding:0 4px;font-size:12px}.mangle-col{gap:6px}.mangle-col.stacked,.mangle-col.stacked .mangle-options{flex:none}.mangle-option.inline{flex-direction:row;align-items:center;gap:6px}.mangle-option.inline>.seq-label{flex:none;width:58px}.mangle-option.inline>.segmented,.mangle-option.inline>.mangle-parts{flex:1;min-width:0}.mangle-bottom{min-height:0}.mangle-spacer{height:var(--target)}.mangle-quad{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.part-slider .vslider-fill{background:var(--pc);opacity:.55}.mangle-options>.chip{height:var(--target);flex:none}@keyframes mod-mark{0%{opacity:.95}to{opacity:0}}.fader-mark{pointer-events:none;background:#fff;border-radius:1px;width:2px;margin-left:-1px;animation:.7s ease-out forwards mod-mark;position:absolute;top:3px;bottom:3px}.lfo-page{height:100%;padding:8px 12px}.lfo-page .part-cols{height:100%}.lfo-col{gap:6px}.lfo-col.on{box-shadow:inset 0 0 0 1px var(--pc)}.lfo-name{color:var(--pc);flex:1;font-size:18px;font-weight:800}.lfo-col .pad-row .vslider{flex:1;min-width:0}.lfo-dest select,.lfo-dest .dd{flex:none;width:104px;font-size:12px;font-weight:700}.lfo-scope{background:var(--surface3);border:1px solid var(--border2);border-radius:6px;flex:1;width:100%;min-height:110px}.bars-select{width:96px;font-weight:700}.sound-name.unnamed{color:var(--text3)}.row-buttons{gap:6px;display:flex}.sound-row.active{outline-offset:-2px;outline:2px solid #fff}.sound-row.queued{outline-offset:-2px;outline:2px solid #fff;animation:.4s ease-in-out infinite alternate queued-pulse}.lfo-waves{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.lfo-waves .chip{padding:0;font-size:11px}.lfo-col .pad-row .segmented .chip{padding:0 8px;font-size:11px}.mangle-col{gap:5px;padding-top:6px;padding-bottom:6px}.mangle-name{font-size:15px}.mangle-buttons .chip.hold-button,.mangle-buttons .chip.mangle-latch{height:var(--target);min-height:var(--target);font-size:12px}.mangle-options{gap:5px}.mangle-option .segmented .chip{min-width:0;padding:0}.toggle-slider{align-items:center;gap:5px;display:flex}.toggle-slider .chip.part-toggle{width:var(--target);flex:none}.toggle-slider .vslider{flex:1;min-width:0}.toggle-slider.off .vslider{opacity:.4}.mangle-bottom{flex-direction:column;gap:5px;display:flex}.pad-col,.randoms .part-col,.lfo-col{border-color:var(--pc)}.gate{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.gate-box{text-align:center;width:100%;max-width:520px;color:var(--text);flex-direction:column;align-items:center;gap:14px;display:flex}.gate-box .takt-logo{color:var(--text);margin-bottom:8px}.gate-box p{margin:0}.gate-lead{color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-size:14px}.gate-box a,.account a{color:var(--accent)}.gate-actions{justify-content:center;gap:10px;display:flex}.gate-error{color:var(--red)}.gate-who{font-size:12px}.gate-message{width:100%;min-height:96px;font:inherit;color:var(--text);background:var(--surface3);border:1px solid var(--border2);resize:none;-webkit-user-select:text;user-select:text;border-radius:6px;padding:10px 12px}.gate-message:focus{border-color:var(--accent2);outline:none}.account{flex-direction:column;gap:12px;max-width:80ch;display:flex}.account .gate-actions{justify-content:flex-start}.account-facts{grid-template-columns:max-content 1fr;gap:8px 20px;margin:0;display:grid}.account-facts dt{font-size:var(--label,12px);color:var(--text2);letter-spacing:1px}.account-facts dd{margin:0}.pad-axis select,.pad-axis .dd{flex:none;width:104px;font-size:12px;font-weight:700}button.logo{min-height:var(--target);font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 4px;display:flex}button.logo.recording{color:var(--red);animation:1s steps(2,start) infinite rec-blink}@keyframes rec-blink{to{opacity:.45}}.guest-banner{font-size:var(--label,12px);letter-spacing:1px;color:var(--accent);border-bottom:1px solid var(--accent2);background:#2a2008;align-items:center;gap:10px;padding:0 12px;display:flex}.guest-banner span{text-transform:uppercase;flex:1;min-width:0}.guest-banner .chip{font-size:11px}.dd{min-height:var(--target);min-width:var(--target);max-width:100%;font:inherit;letter-spacing:.04em;color:var(--text);background:var(--surface2);border:1px solid var(--border2);white-space:nowrap;text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 14px;font-size:13px;display:inline-flex}.dd:disabled{opacity:.35}.dd.open{border-color:var(--accent)}.dd-text{text-overflow:ellipsis;overflow:hidden}.dd-caret{color:var(--text2);flex:none}.dd-backdrop{z-index:110;position:fixed;inset:0}.dd-list{background:var(--surface2);border:1px solid var(--accent2);border-radius:6px;flex-direction:column;gap:2px;max-height:calc(100vh - 16px);padding:4px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0009}.dd-opt{text-align:left;width:100%}.dd-list .dd-opt:not(.active){background:0 0;border-color:#0000}.dd-sheet{max-width:920px;max-height:calc(100vh - 32px);overflow-y:auto}.dd-sheet-head h3{margin:0}.dd-group{flex-direction:column;gap:6px;display:flex}.dd-group-name{font-size:var(--label,12px);color:var(--text2);letter-spacing:1px}.dd-grid{gap:6px;display:grid}.dd-grid .dd-opt{text-overflow:ellipsis;padding:0 8px;overflow:hidden}.dev-badge{font-size:var(--label,12px);letter-spacing:2px;color:var(--dev);border:1px solid var(--dev);background:#24102e;border-radius:4px;align-self:center;padding:4px 8px;font-weight:700}