:root{--paper:#f2f1ee;--paper-2:#e9e7e2;--ink:#101014;--ink-2:#1010149e;--ink-3:#10101461;--line:#10101424;--signal:#ff4d00;--status-live:#1f9d57;--status-early:#1fb3aa;--status-soon:#c43c72;--ok:#1f8a4c;--warn:#b87900;--err:#d7261e;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif:"Instrument Serif", Georgia, serif;--gutter:16px;--bar:48px;--ease:.12s ease-out;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=768px){:root{--gutter:32px}}:root[data-theme=dark]{--paper:#0e0e10;--paper-2:#17171a;--ink:#edebe6;--ink-2:#edebe69e;--ink-3:#edebe666;--line:#edebe624;--signal:#ff5a14;--status-live:#3ccf7e;--status-early:#52ddd3;--status-soon:#e8649a;--ok:#3dbe73;--warn:#e0a526;--err:#ff5247;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.display{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(48px,11vw,112px);font-weight:700;font-stretch:125%;line-height:.95}.heading{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(26px,4vw,40px);font-weight:620;font-stretch:112%;line-height:1.05}.accent{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400;font-stretch:100%}.label{font:500 11px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.wrap{max-width:1280px;padding:0 var(--gutter);margin:0 auto}.grid{border-top:1px solid var(--line);border-left:1px solid var(--line);display:grid}.grid>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.topbar{z-index:10;height:var(--bar);background:var(--paper);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.topbar>*{border-right:1px solid var(--line);white-space:nowrap;flex:none;align-items:center;padding:0 16px;text-decoration:none;display:flex}.topbar .spacer{border-right:0;flex:1;padding:0}.topbar .cell{color:var(--ink-2);transition:background var(--ease), color var(--ease);cursor:pointer;background:0 0;border-top:0;border-bottom:0;border-left:0}.topbar .cell:hover{color:var(--ink);background:var(--paper-2)}.topbar .cell.active{color:var(--paper);background:var(--ink)}.topbar .cell.primary{color:var(--paper);background:var(--ink);border-right:0}.topbar .cell.primary:hover{color:var(--ink);background:var(--paper-2)}.topbar .nav{scrollbar-width:none;flex:auto;min-width:0;padding:0;display:flex;overflow-x:auto}.topbar .nav+.spacer{display:none}.topbar .env{color:var(--signal)}@media (width<=900px){.topbar .env,.logo-suffix{display:none}.topbar>*{padding:0 12px}}@media (width<=480px){.topbar .theme-hideable,.logo-word{display:none}.topbar>*,.topbar .nav>*{padding:0 10px}}.topbar .nav>*{border-right:1px solid var(--line);align-items:center;height:100%;padding:0 14px;text-decoration:none;display:flex}.topbar .nav>:last-child{border-right:0}.logo{color:var(--ink);align-items:center;gap:10px;display:flex}.logo svg{display:block}.logo span{font-family:var(--font-display);letter-spacing:-.02em;font-size:17px;font-weight:800;font-stretch:125%}.btn{height:40px;font:500 11px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;transition:background var(--ease), color var(--ease);white-space:nowrap;border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--paper);color:var(--ink)}.btn.secondary{color:var(--ink);background:0 0}.btn.secondary:hover{background:var(--ink);color:var(--paper)}.btn.quiet{color:var(--ink-2);background:0 0;border-color:#0000;padding:0 8px}.btn.quiet:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.btn.small{height:28px;padding:0 10px;font-size:10px}.btn:disabled,.btn[aria-disabled=true]{color:var(--ink-3);border-color:var(--line);cursor:default;background:0 0}.btn:focus-visible,.topbar .cell:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.panel{border:1px solid var(--line);background:var(--paper)}.panel-head{border-bottom:1px solid var(--line);height:40px;color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.panel-body{padding:16px}.tag{border:1px solid var(--line);height:22px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.dot{background:var(--ink-3);flex:none;width:6px;height:6px}.dot.signal{background:var(--signal)}.dot.live{background:var(--status-live)}.dot.early{background:var(--status-early)}.dot.soon{background:var(--status-soon)}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.err{background:var(--err)}.table-wrap{border:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;background:var(--paper-2);color:var(--ink-2);font:500 10px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;padding:12px 16px}td{border-top:1px solid var(--line);vertical-align:middle;padding:12px 16px}tr:hover td{background:color-mix(in srgb, var(--paper-2) 50%, transparent)}.field{gap:8px;display:grid}.field>.label{color:var(--ink-2)}input,select,textarea{font:400 15px/1.4 var(--font-body);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;min-height:40px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:inset 0 -2px 0 var(--signal);outline:none}textarea{resize:vertical;min-height:80px}.figure{gap:10px;padding:20px 16px;display:grid}.figure b{font-family:var(--font-display);letter-spacing:-.03em;font-size:40px;font-weight:700;font-stretch:125%;line-height:1}.note{border:1px solid var(--line);background:var(--paper-2);padding:12px 16px;font-size:14px}.error{color:var(--err)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.linkrow{transition:background var(--ease)}.linkrow:hover{background:var(--paper-2)}.footer-theme{cursor:pointer;background:0 0;border:0;padding:0;display:none}@media (width<=480px){.footer-theme{display:inline}}.clip-list{border-top:1px solid var(--line)}.clip-row{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(180px,1fr) minmax(260px,2fr) auto;align-items:center;gap:24px;padding:20px 0;display:grid}@media (width<=760px){.clip-row{grid-template-columns:32px 1fr;gap:12px 16px}.clip-row>:nth-child(3){grid-column:1/-1}.clip-date{display:none}}.shot-strip{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:#0d0d0d;display:flex;overflow-x:auto}.shot-strip::-webkit-scrollbar{display:none}.shot-strip img{aspect-ratio:2000/1087;object-fit:contain;scroll-snap-align:start;-webkit-user-select:none;user-select:none;flex:0 0 100%;width:100%;display:block}.krate-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}@media (width<=900px){.krate-hero{grid-template-columns:1fr}}.krate-shot{border:1px solid var(--line);background:#0e0e10;justify-self:center;width:100%;max-width:480px;height:auto;display:block}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations")}:root{--p1:#e74c3c;--p2:#e67e22;--p3:#2ecc71;--p4:#3498db;--on-part:#101014;--kit:#5f7489;--dev:#9b3fd1;--line-2:color-mix(in srgb, var(--ink) 24%, var(--paper));--tint:45%;--pc-fill:color-mix(in srgb, var(--ink) 16%, var(--paper));--target:48px;--label:11px}:root[data-theme=dark]{--kit:#8fa3b6;--dev:#c86bfa;--tint:60%}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font:400 13px/1.35 var(--font-mono);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;margin:0;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);white-space:nowrap;padding:0 14px}.chip,.dd,select{font:500 var(--label)/1.15 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line-2);background:0 0;border-radius:0}.chip:active,.dd:active{background:var(--paper-2)}.chip:disabled,.dd:disabled,select:disabled{color:var(--ink-3);border-color:var(--line)}.chip.active,.chip.tone-accent.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.chip.tone-go.active{color:var(--ok);border-color:var(--line-2);background:0 0}.chip.tone-danger{color:var(--err);border-color:var(--err);background:0 0;font-weight:700}.chip.tone-danger:active{color:var(--paper);background:var(--err)}.segmented{display:inline-flex}.segmented .chip+.chip{border-left-width:0}.dot{background:var(--ink-3);border-radius:0;flex:none;width:10px;height:10px}.dot.on{background:var(--ok)}.dot.off{background:var(--err)}.topbar{--label:12px;z-index:auto;flex-wrap:nowrap;align-items:stretch;height:57px;position:relative}.topbar>*{padding:0}.tb-group{border-right:1px solid var(--line);flex-wrap:nowrap;align-items:stretch;gap:0;min-width:0;display:flex}.tb-group:last-child{border-right:0;border-left:1px solid var(--line);margin-left:auto}.topbar .chip,.topbar .tb-group>*{border-width:0 1px 0 0;border-color:var(--line);height:100%;min-height:0}.topbar .tb-group>:last-child{border-right:0}.topbar .chip{font-size:var(--label);letter-spacing:.04em;padding:0 12px}.topbar .chip.active{color:var(--paper);background:var(--ink)}button.logo{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;margin:0 4px;padding:0 12px;display:flex}button.logo.recording{color:var(--err);animation:1s steps(2,start) infinite rec-blink}.takt-logo{display:block}.dev-badge{font:500 var(--label)/1 var(--font-mono);letter-spacing:.15em;color:var(--dev);align-items:center;padding:0 12px;display:flex}.engine-badge{text-align:center;width:72px;font:500 10px/1.3 var(--font-mono);letter-spacing:.12em;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;display:inline-flex}.engine-badge.running{color:var(--ok)}.engine-badge.suspended,.engine-badge.loading{color:var(--warn)}.engine-badge.error{color:var(--err)}.midi-leds{font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;display:flex}.midi-leds:active{background:var(--paper-2)}.midi-led{align-items:center;gap:7px;display:inline-flex}.led{background:var(--line-2);width:8px;height:8px}.led.on{background:var(--ok)}.led.off{background:var(--err)}.led-label{font:500 10px/1.25 var(--font-mono);letter-spacing:.12em;color:var(--ink-2);flex-direction:column;justify-content:center;display:flex}.bpm{align-items:stretch;display:flex}.nudge-btn:last-child{border-left-width:0}.bpm .nudge-btn{width:40px;min-width:40px;padding:0;font-weight:700}.topbar .chip.bpm-step{width:48px;font:400 24px/1 var(--font-mono);padding:0}.bpm-drag,.bpm.readonly,.bpm-input{border:0;border-right:1px solid var(--line);touch-action:none;background:0 0;justify-content:center;align-items:center;gap:4px;width:96px;height:100%;display:flex}.bpm.readonly{border-right:0}.bpm-input{text-align:center;-webkit-user-select:text;user-select:text;padding:0}.bpm-value,.bpm-input{font:500 22px/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}.bpm-unit{font:500 9px/1 var(--font-mono);letter-spacing:.15em;color:var(--ink-3)}.topbar .part-mutes{gap:4px;padding:4px}.topbar .chip.part-mute{width:64px;font:600 18px/1 var(--font-mono);color:var(--on-part);background:var(--pc);border:0;padding:0}.topbar .chip.part-mute.muted{color:var(--pc);background:var(--paper);box-shadow:inset 0 0 0 2px var(--pc)}.topbar .chip.part-mute.blink{color:var(--paper);background:var(--ink);box-shadow:none}.topbar .chip.start,.topbar .chip.start.active{color:var(--ok);border-color:var(--line);background:0 0}.topbar .chip.start.active.on-beat{color:var(--paper);background:var(--ink)}.topbar .chip.start.active.on-bar{color:var(--paper);background:var(--ok)}.topbar .chip.big-glyph{width:52px;padding:0;font-size:20px;font-weight:400}.topbar .chip.panic{color:var(--err);font-weight:700}.topbar .chip.panic:active{color:var(--paper);background:var(--err)}.topbar .chip.tone-accent.active{color:var(--paper);background:var(--signal)}.step-leds{background:var(--paper);border-bottom:1px solid var(--line);gap:12px;padding:5px 12px;display:flex}.step-leds .group{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.step-led{background:var(--line);align-self:center;height:9px}.step-led.downbeat{background:var(--line-2)}.step-led.counted{background:var(--ink-2)}.step-led.now{background:var(--signal)}.nav{--label:12px;border-bottom:1px solid var(--line);flex-wrap:nowrap;display:flex}.nav-tabs{flex:auto;display:flex}.nav .chip{min-height:var(--target);font-size:var(--label);letter-spacing:.04em;border-width:0 1px 0 0;border-color:var(--line)}.nav-tabs .chip{flex:none;width:84px;padding:0}.nav-tabs .chip.mangling{position:relative}.nav-tabs .chip.mangling:after{content:"";background:var(--warn);width:6px;height:6px;position:absolute;top:8px;right:8px}.nav .toolbar{flex-wrap:nowrap;gap:0;margin-left:auto}.nav .toolbar .chip,.nav .toolbar .dd{min-height:var(--target);border-width:0 0 0 1px;border-color:var(--line)}.notice{font:400 13px/1.4 var(--font-body);color:var(--ink);background:var(--paper-2);border-bottom:1px solid var(--line);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(--ink);text-transform:uppercase;margin:0;font-size:14px}.dim{color:var(--ink-2);max-width:70ch;margin:0}.soon{color:var(--ink);margin:0}.build{color:var(--ink-3);font-size:11px}.row,.field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field-label{width:130px;color:var(--ink-2)}.pads{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pad{min-height:140px;font:inherit;letter-spacing:2px;color:var(--ink);background:var(--paper);border:2px solid var(--pc,var(--line-2));touch-action:none;border-radius:0;font-size:18px;font-weight:700}.pad:active{background:var(--pc);color:var(--on-part)}.pad:disabled{opacity:.35}.part-1{--pc:var(--p1)}.part-2{--pc:var(--p2)}.part-3{--pc:var(--p3)}.part-4{--pc:var(--p4)}.part-1,.part-2,.part-3,.part-4{--pc-fill:color-mix(in srgb, var(--pc) var(--tint), var(--paper))}.port{align-items:center;gap:6px;display:flex}.port-label{color:var(--ink-2);font-size:11px}.port select,.port .dd{min-width:0;max-width:150px}.reminders{max-width:80ch;color:var(--ink-2);flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.reminders b{color:var(--ink);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(--ink-2))}.num{width:96px;min-height:var(--target);font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line-2);-webkit-user-select:text;user-select:text;border-radius:0;padding:0 12px;font-size:16px}.num.invalid{border-color:var(--err);color:var(--err)}.warn{color:var(--err);font-size:12px}.note-name{width:40px;color:var(--ink)}.notice.inline{border:1px solid var(--ink);border-radius:0;max-width:70ch}.cc-value{min-width:40px;color:var(--ink);font-size:18px}.slider{width:100%;max-width:720px;height:var(--target);accent-color:var(--pc,var(--ink));touch-action:none}.log{touch-action:pan-y;background:var(--paper);border:1px solid var(--line);border-radius:0;flex-direction:column;max-height:360px;padding:6px 10px;font-size:12px;display:flex;overflow-y:auto}.log-row{border-bottom:1px solid var(--paper-2);gap:12px;padding:2px 0;display:flex}.log-dir{width:30px;color:var(--ink-2)}.log-row.in .log-dir{color:var(--p4)}.log-kind{width:120px;color:var(--ink)}.log-detail{flex:1}.log-meta{color:var(--ink-2)}.sheet-backdrop{z-index:100;background:color-mix(in srgb, var(--paper) 80%, transparent);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);border:1px solid var(--line-2);border-radius:0;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:20px;display:flex}.sheet h3{color:var(--ink);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(--ok);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{border:1px solid var(--line);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,.chip.part-button{font-weight:600;color:var(--pc)!important;border-color:var(--pc)!important}.param-name{width:52px;font:500 10px/1.1 var(--font-mono);letter-spacing:.1em;color:var(--ink-2);flex:none}.fader{min-width:0;height:var(--target);border:1px solid var(--line-2);touch-action:none;border-radius:0;flex:1;position:relative;overflow:hidden}.fader-fill{position:absolute;inset:0 auto 0 0}.fader-fill,.vslider-fill,.part-slider .vslider-fill{background:var(--pc-fill);box-shadow:inset -3px 0 0 var(--pc,var(--ink))}.fader-value{pointer-events:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.fader.unknown .fader-value{color:var(--ink-3)}.fader.unknown .fader-fill{box-shadow:none}.fader-value,.vslider-value,.tweak-value{font:500 13px/1 var(--font-mono);font-variant-numeric:tabular-nums}.lock{margin-right:4px;font-size:10px}@keyframes pending-pulse{0%{box-shadow:inset 0 0 0 2px var(--ink)}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;display:flex;padding:0 4px!important}.switch-name{font:500 9px/1.1 var(--font-mono);letter-spacing:.1em;color:var(--ink-2)}.switch-pos{font:600 13px/1.15 var(--font-mono);color:var(--ink)}.chip.active .switch-name,.chip.active .switch-pos{color:var(--paper)}.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(--line-2);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(--paper-2);border-radius:0;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.range-fill{background:var(--pc,var(--ink));border-radius:0;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.range-handle{background:var(--ink);border-radius:0;width:22px;height:34px;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-label{width:56px;color:var(--ink-2);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(--ink)}.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(--ink-3);background:var(--paper-2);border:1px solid var(--line-2);border-radius:0;font-size:18px}.slot.filled{color:var(--signal);background:var(--paper);border:2px solid var(--signal);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(--ink);background:var(--paper);border-color:var(--line-2);font-size:10px;line-height:1.2}.slot.slot-action:active{background:var(--pc);color:var(--on-part)}.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:3px solid var(--ink);outline-offset:1px}.slot.active.edited{outline-color:var(--warn)}@keyframes queued-pulse{0%{outline-color:var(--ink)}to{outline-color:#0000}}.chip.queued,.slot.queued{outline:3px solid var(--ink);outline-offset:1px;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(--paper);border:2px solid var(--pc);touch-action:none;border-radius:0;flex:1;min-height:160px;position:relative;overflow:hidden}.xypad.down{background:color-mix(in srgb, var(--pc) 35%, var(--paper))}.xypad.latched{box-shadow:inset 0 0 0 4px var(--ink)}.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(--ink-2);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);border:2px solid var(--ink);pointer-events:none;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.pad-hint{letter-spacing:1px;color:var(--ink);pointer-events:none;font-size:10px;position:absolute;top:8px;right:8px}.fader.disabled{opacity:.25}.credits{flex-direction:column;gap:8px;max-width:80ch;display:flex}.credits pre{white-space:pre-wrap;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:0;margin:0;padding:10px 12px;font-size:11px}.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:0;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{font:600 13px/1.1 var(--font-mono);color:inherit}.picker{gap:6px;display:grid}.picker .chip{min-height:56px;font-size:16px;font-weight:700}.seq-label{font:500 10px/1.1 var(--font-mono);letter-spacing:.12em;color:var(--ink-2)}.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:8px;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);touch-action:none;min-width:0;font:600 13px/1 var(--font-mono);color:var(--ink-3);background:var(--paper);border:1px solid var(--line-2);border-radius:0}.step.downbeat{background:var(--paper-2)}.step.on{color:var(--on-part);background:var(--pc);border-color:var(--line-2);font-weight:700}.step.beyond{color:var(--line-2);border-color:var(--line);background:0 0}.step.now{outline:2px solid var(--ink);outline-offset:-2px}.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}.groups .group{gap:3px}.lane-params .strip .group{display:grid}.cell{background:var(--paper-2);border-radius:0}.cell.on{background:var(--pc)}.cell.beyond{border:1px solid var(--paper-2);border-color:var(--line);background:0 0}.cell.now{outline:2px solid var(--ink)}.cell.hit{background:var(--ink)}.group.burst .chip{flex:none;width:64px;padding:0;font-size:11px}.vslider{min-width:0;min-height:var(--target);border:1px solid var(--line-2);touch-action:none;border-radius:0;flex:1;position:relative;overflow:hidden}.vslider-fill{position:absolute;inset:0 auto 0 0}.vslider-label,.vslider-value{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.vslider-label{font:500 var(--label)/1 var(--font-mono);letter-spacing:.1em;color:var(--ink);left:8px}.vslider-value{color:var(--ink);right:8px}.pad-row.wide .segmented{width:100%}.pad-row.wide .segmented .chip{flex:1;padding:0;font-size:11px}.dot-xy.ball{background:var(--ink);border-color:var(--pc);z-index:1}.slot:disabled{opacity:.35}.chip.part-button{letter-spacing:1px;min-width:0;color:var(--pc);border-color:var(--pc);font-size:11px;width:auto!important;padding:0 10px!important}.chip.part-button.blink{background:var(--pc);color:var(--on-part)!important}.lock-icon{vertical-align:-1px;color:var(--ink-2)}.chip.active .lock-icon{color:var(--paper)}select:focus,select:focus-visible,button:focus,button:focus-visible{outline:none}select:focus{border-color:var(--ink)}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{counter-reset:fx;flex-direction:column;gap:6px;height:100%;padding:8px 12px;display:flex}.mangler .part-cols{flex:1;min-height:0}.mangle-col.on{border-color:var(--ink)}.mangle-col>.mangle-name{height:26px;font:500 var(--label)/1 var(--font-mono);letter-spacing:.15em;white-space:nowrap;color:var(--ink);border-bottom:1px solid var(--line);align-items:center;margin:0 -6px;padding:0 8px;display:flex}.mangle-col>.mangle-name:before{counter-increment:fx;content:counter(fx, decimal-leading-zero) " / ";color:var(--ink-3);white-space:pre}.mangle-col.on>.mangle-name{color:var(--paper);background:var(--ink)}.mangle-col.on>.mangle-name:before{color:var(--paper)}.chip.hold-button{touch-action:none;flex:none;height:54px;min-height:54px;font-size:16px;font-weight:500}.chip.hold-button.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.chip.mangle-latch{flex:none;height:54px;min-height:54px;font-size:14px;font-weight:500}.mangle-options{flex-direction:column;flex:1;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{font:600 16px/1 var(--font-mono);color:var(--pc);border-color:var(--pc);background:0 0;padding:0}.chip.part-toggle.active{color:var(--on-part);background:var(--pc);border-color:var(--pc)}.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(--ink-2);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;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:none;justify-content:flex-end}.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-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);border:1px solid var(--line-2);touch-action:none;border-radius:0;flex:1;position:relative;overflow:hidden}.tweak-fill{background:color-mix(in srgb, var(--ink) 22%, var(--paper));position:absolute;top:0;bottom:0}.tweak-centre{background:var(--ink-2);width:1px;position:absolute;top:0;bottom:0;left:50%}.tweak-value{color:var(--ink);pointer-events:none;font-size:13px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.level-bar{vertical-align:middle;background:var(--paper-2);border-radius:0;width:120px;height:8px;display:inline-block;overflow:hidden}.level-bar>span{background:var(--ok);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{background:var(--ink);box-shadow:0 0 0 1px var(--pc) inset}.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:280px}.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}.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(--ink);background:var(--paper-2);border:1px solid var(--line-2);-webkit-user-select:text;user-select:text;border-radius:0;padding:0 12px;font-size:18px;font-weight:700}.name-field input:focus{border-color:var(--ink);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(--paper);border:1px solid var(--line-2);border-radius:0;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(--ink);text-align:left;font-size:16px;font-weight:800}.sound-name{color:var(--ink);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(--ink);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-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}.mangle-options>.chip{height:var(--target);flex:none}@keyframes mod-mark{0%{opacity:.95}to{opacity:0}}.fader-mark{pointer-events:none;background:var(--ink);border-radius:0;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(--paper-2);border:1px solid var(--line-2);border-radius:0;flex:1;width:100%;min-height:110px}.bars-select{width:96px}.sound-name.unnamed{color:var(--ink-3)}.row-buttons{gap:6px;display:flex}.sound-row.active{outline:2px solid var(--ink);outline-offset:-2px}.sound-row.queued{outline:2px solid var(--ink);outline-offset:-2px;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{border:1px solid var(--line-2);gap:5px;padding:0 6px 6px}.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}.randoms .part-col,.pad-col,.lfo-col{border:2px solid var(--pc)}.gate{background:var(--paper);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(--ink);flex-direction:column;align-items:center;gap:14px;display:flex}.gate-box .takt-logo{color:var(--ink);margin-bottom:8px}.gate-box p{margin:0}.gate-lead{color:var(--ink);letter-spacing:2px;text-transform:uppercase;font-size:14px}.gate-box a,.account a{color:var(--ink)}.gate-actions{justify-content:center;gap:10px;display:flex}.gate-error{color:var(--err)}.gate-who{font-size:12px}.gate-message{width:100%;min-height:96px;font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--line-2);resize:none;-webkit-user-select:text;user-select:text;border-radius:0;padding:10px 12px}.gate-message:focus{border-color:var(--ink);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(--ink-2);letter-spacing:1px}.account-facts dd{margin:0}.pad-axis select,.pad-axis .dd{flex:none;width:104px;font-size:12px;font-weight:700}@keyframes rec-blink{to{opacity:.45}}.guest-banner{font:500 var(--label)/1 var(--font-mono);letter-spacing:.15em;color:var(--ink);background:var(--paper-2);border-bottom:1px solid var(--line);align-items:center;gap:0;padding:0 0 0 12px;display:flex}.guest-banner span{text-transform:uppercase;flex:1;min-width:0}.guest-banner .chip{border-width:0 0 0 1px;border-color:var(--line);font-size:var(--label)}.dd{min-height:var(--target);min-width:var(--target);max-width:100%;color:var(--ink);border:1px solid var(--line-2);white-space:nowrap;text-align:left;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 14px;display:inline-flex}.dd.open{border-color:var(--ink)}.dd-text{text-overflow:ellipsis;overflow:hidden}.dd-caret{color:var(--ink);flex:none}.dd-backdrop{z-index:110;position:fixed;inset:0}.dd-list{max-height:calc(100vh - 16px);box-shadow:none;background:var(--paper);border:1px solid var(--ink);border-radius:0;flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed;overflow-y:auto}.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(--ink-2);letter-spacing:1px}.dd-grid{gap:6px;display:grid}.dd-grid .dd-opt{text-overflow:ellipsis;padding:0 8px;overflow:hidden}.dd.dd-captioned{min-width:280px}.dd-stack{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.dd-caption{letter-spacing:.15em;color:var(--ink-2);font-size:9px}.dd-captioned .dd-text{white-space:nowrap;max-width:100%}.dd-short{color:var(--signal);font-weight:600}.dd-long{color:var(--ink)}.chip.active .dd-long{color:var(--paper)}.dd-sheet.two-line{max-width:1100px}.dd-sheet.two-line .dd-opt{height:64px}.dd-grid .dd-opt.two-line{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:0 12px;display:flex}.dd-opt.two-line .dd-short{font-size:13px}.dd-opt.two-line .dd-long{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}