@font-face{font-family:Bitroad;src:url(/fonts/Bitroad-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Bitroad;src:url(/fonts/Bitroad-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:Inter;src:url(/fonts/Inter-latin.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-SemiBold-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #e4e3df;--rail: #dcdbd6;--panel: #eeede9;--card: #f7f6f3;--well: #d8d7d2;--field: #fbfaf8;--line: #c3c2bd;--line-soft: #d3d2cd;--screen: #1b1b19;--screen-ink: #d8d7d2;--text: #1a1a18;--dim: #5b5a55;--faint: #8b8a84;--accent: #ff4d00;--accent-ink: #fff;--accent-dim: #ff4d0059;--ok: #217a31;--amber: #8f6400;--red: #cc3a2b;--blue: #2b5fcc;--ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--brand: "Bitroad", "IBM Plex Mono", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--shadow-sm: 0 1px 2px #1a1a1814;--shadow-md: 0 6px 16px #1a1a1829;--t-fast: .12s cubic-bezier(.2,0,0,1);--t-base: .18s cubic-bezier(.2,0,0,1)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.5 var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}#app{height:100%}button{font-family:inherit;color:inherit}input[type=range]{accent-color:var(--accent)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:11px;font-weight:600}.app{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.topbar{display:flex;align-items:center;gap:var(--s2);padding:6px var(--s3);border-bottom:1px solid var(--line);background:var(--rail);flex-wrap:wrap;min-height:48px;position:relative;z-index:1000}.topbar .logo{font-weight:600;letter-spacing:-.01em;font-size:15px;display:flex;align-items:center;gap:8px;margin-right:6px}.topbar .logo i{display:inline-block;width:10px;height:10px;background:var(--accent)}.topbar .spacer{flex:1}@media (max-width: 900px){.topbar .kn{display:none}}.desk-wrap{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.desk{position:relative;overflow:auto;min-height:0;background:var(--bg);background-image:radial-gradient(var(--line-soft) 1px,transparent 1px);background-size:24px 24px;background-position:12px 12px}.desk-canvas{position:relative;min-height:100%}.win{position:absolute;left:0;top:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);box-shadow:0 1px 2px #1a1a1814,0 10px 30px #1a1a1822;min-width:200px;will-change:transform}.win.focused{border-color:var(--text);box-shadow:0 1px 2px #1a1a1822,0 18px 44px #1a1a1838}.win.max{border-color:var(--line)}.win-h{display:flex;align-items:center;gap:var(--s2);height:34px;padding:0 8px;border-bottom:1px solid var(--line-soft);background:var(--panel);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex:none}.win.focused .win-h{background:var(--rail)}.win-h:active{cursor:grabbing}.win-title{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}.win.focused .win-title{color:var(--text)}.win-h .spacer{flex:1}.tl{display:flex;gap:6px;margin-right:4px}.tl-b{width:11px;height:11px;border:1px solid var(--dim);background:var(--field);padding:0;cursor:pointer}.tl-b:hover{background:var(--text);border-color:var(--text)}.tl-b.close:hover,.win.focused .tl-b.close{background:var(--accent);border-color:var(--accent)}.win.focused .tl-b.min{background:var(--well)}.win-tools{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;cursor:default;touch-action:auto;max-width:75%;scrollbar-width:none}.win-tools::-webkit-scrollbar{display:none}.win-b{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.win-b.padded{padding:var(--s2)}.win-rs{position:absolute;touch-action:none;z-index:2}.win-rs.n,.win-rs.s{left:10px;right:10px;height:7px;cursor:ns-resize}.win-rs.e,.win-rs.w{top:10px;bottom:10px;width:7px;cursor:ew-resize}.win-rs.n{top:-4px}.win-rs.s{bottom:-4px}.win-rs.e{right:-4px}.win-rs.w{left:-4px}.win-rs.ne,.win-rs.nw,.win-rs.se,.win-rs.sw{width:16px;height:16px}.win-rs.ne{top:-4px;right:-4px;cursor:nesw-resize}.win-rs.nw{top:-4px;left:-4px;cursor:nwse-resize}.win-rs.sw{bottom:-4px;left:-4px;cursor:nesw-resize}.win-rs.se{right:0;bottom:0;width:24px;height:24px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--line) 50%,var(--line) 60%,transparent 60%,transparent 75%,var(--line) 75%,var(--line) 85%,transparent 85%)}.dock{display:flex;align-items:stretch;gap:2px;padding:4px 8px;border-top:1px solid var(--line);background:var(--rail);overflow-x:auto;justify-content:center}.dock-b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:64px;height:44px;border:1px solid transparent;background:transparent;color:var(--dim);cursor:pointer;font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;position:relative;flex:none}.dock-b svg{width:18px;height:18px}.dock-b:hover{background:var(--panel);color:var(--text)}.dock-b.open:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;background:var(--dim)}.dock-b.active{color:var(--text);background:var(--card);border-color:var(--line)}.dock-b.min{color:var(--faint)}.dock-sep{width:1px;background:var(--line);margin:6px}.win .screen-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border:0;box-shadow:none}.win .screen-wrap canvas{max-height:100%;width:auto;height:100%;aspect-ratio:320 / 150;max-width:100%;object-fit:contain}.win .pads{flex:1;min-height:0;aspect-ratio:auto;grid-auto-rows:minmax(0,1fr)}.btn{border:1px solid var(--line);background:var(--field);padding:0 14px;height:32px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);border-radius:0}.btn:hover:not(.on):not(.primary){background:var(--card)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--text)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.on{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.rec.on{background:var(--red);border-color:var(--red);color:#fff;animation:blink 1s steps(2) infinite}.btn.icon{width:32px;padding:0;justify-content:center}.btn:disabled{opacity:.5;cursor:default}.btn.sm,.field.sm{height:26px;font-size:12px;padding:0 10px}select.field.sm{background-position:calc(100% - 11px) 11px,calc(100% - 6px) 11px;padding-right:20px}@keyframes blink{50%{opacity:.6}}.card{background:var(--card);border:1px solid var(--line-soft);box-shadow:var(--shadow-sm)}.card-h{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line-soft);min-height:40px}.card-h .spacer{flex:1}.card-b{padding:var(--s3)}.screen-wrap{background:var(--screen);border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff0a,var(--shadow-md);position:relative}.screen-wrap canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s2);aspect-ratio:1;max-height:70vh}@media (max-width: 900px){.pads{aspect-ratio:auto;grid-auto-rows:minmax(64px,12vh)}}.pad{position:relative;border:1px solid var(--line);background:var(--panel);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;overflow:hidden;touch-action:none;transition:background 60ms}.pad .num{position:absolute;top:6px;left:8px;font-family:var(--mono);font-size:11px;color:var(--faint)}.pad .key{position:absolute;top:6px;right:8px;font-family:var(--mono);font-size:10px;color:var(--faint);text-transform:uppercase}.pad .name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dim)}.pad .swatch{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:var(--accent);transition:opacity .25s ease-out}.pad.hit .swatch{opacity:.9;transition:none}.pad.sel{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.pad.empty .name{color:var(--faint);font-weight:400}.pad .role{position:absolute;bottom:8px;right:8px;width:6px;height:6px}.pad.playing:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}.seq{display:grid;grid-template-columns:96px 1fr;gap:0;min-width:520px}.seq .lane-h{display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:11.5px;color:var(--dim);border-bottom:1px solid var(--line-soft);cursor:pointer;white-space:nowrap;overflow:hidden}.seq .lane-h.sel{color:var(--text);font-weight:600;background:var(--panel)}.seq .lane-h .m{width:14px;height:14px;border:1px solid var(--line);font-size:9px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);flex:none}.seq .lane-h .m.on{background:var(--text);color:var(--bg)}.seq .grid{display:grid;grid-template-rows:repeat(16,24px)}.seq .row{display:grid;grid-template-columns:repeat(var(--steps),1fr);border-bottom:1px solid var(--line-soft)}.seq .cell{border-left:1px solid var(--line-soft);position:relative;cursor:pointer;touch-action:none}.seq .cell.beat{border-left-color:var(--line)}.seq .cell.alt{background:#00000006}.seq .cell .dot{position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--text);opacity:0;transform:scale(.5);transition:opacity 80ms,transform 80ms}.seq .cell.on .dot{opacity:1;transform:scale(1)}.seq .cell.cur{background:var(--accent-dim)}.seq .cell.on.cur .dot{background:var(--accent)}.seq .cell.sel-lane{background:#0000000a}.seq .cell.sel-lane.cur{background:var(--accent-dim)}.seq .ruler{display:grid;grid-template-columns:repeat(var(--steps),1fr);height:18px}.seq .ruler div{font-family:var(--mono);font-size:9px;color:var(--faint);border-left:1px solid transparent;padding-left:3px}.seq .ruler div.beat{color:var(--dim)}.ctl-row{display:flex;gap:var(--s3);flex-wrap:wrap;align-items:flex-end}.ctl{display:flex;flex-direction:column;gap:4px;min-width:88px;flex:1}.ctl label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);display:flex;justify-content:space-between}.ctl label b{color:var(--text);font-weight:600}.ctl input[type=range]{width:100%;margin:0;height:28px}.knob{width:56px;height:56px;position:relative;cursor:ns-resize;touch-action:none}.knob svg{width:100%;height:100%;display:block}.knobctl{display:flex;flex-direction:column;align-items:center;gap:4px;width:72px}.knobctl label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.knobctl .val{font-family:var(--mono);font-size:11px;color:var(--text)}.wave{position:relative;height:96px;background:var(--well);border:1px solid var(--line);touch-action:none;overflow:hidden}.wave canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wave .handle{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;cursor:ew-resize}.wave .handle:before{content:"";position:absolute;top:0;bottom:0;left:6px;width:2px;background:var(--accent)}.wave .handle:after{content:"";position:absolute;top:0;left:2px;width:10px;height:10px;background:var(--accent)}.wave .handle.end:after{top:auto;bottom:0}.wave .shade{position:absolute;top:0;bottom:0;background:#1a1a1866;pointer-events:none}.wave .ph{position:absolute;top:0;bottom:0;width:1px;background:var(--text);pointer-events:none}.field{height:32px;border:1px solid var(--line);background:var(--field);padding:0 10px;font:inherit;color:inherit;min-width:0}.field:focus{outline:none;box-shadow:0 0 0 2px var(--accent-dim)}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:24px;background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),linear-gradient(135deg,var(--dim) 50%,transparent 50%);background-position:calc(100% - 13px) 14px,calc(100% - 8px) 14px;background-size:5px 5px;background-repeat:no-repeat}.pill{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:24px;border:1px solid var(--line);background:var(--field);font-size:11.5px;color:var(--dim)}.pill b{color:var(--text);font-weight:500}.bpm{display:flex;align-items:center;border:1px solid var(--line);background:var(--field);height:32px}.bpm input{width:56px;border:0;background:transparent;text-align:center;font:600 14px var(--mono);color:inherit;padding:0;height:100%}.bpm input:focus{outline:none}.bpm button{width:28px;height:100%;border:0;background:transparent;cursor:pointer;color:var(--dim);font-size:14px}.bpm button:hover{color:var(--text);background:var(--card)}.drop{border:1px dashed var(--line);padding:var(--s4);text-align:center;color:var(--dim);cursor:pointer;transition:background var(--t-fast)}.drop.over{background:var(--panel);border-color:var(--accent);color:var(--text)}.drop b{color:var(--text)}.tabs{display:flex;border-bottom:1px solid var(--line-soft)}.tab{padding:8px 12px;cursor:pointer;font-weight:600;color:var(--faint);border-bottom:2px solid transparent;margin-bottom:-1px;font-size:12.5px}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{height:26px;padding:0 10px;border:1px solid var(--line);background:var(--field);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip:hover:not(.on){background:var(--card)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--screen);color:var(--screen-ink);padding:10px 16px;font-family:var(--mono);font-size:12px;box-shadow:var(--shadow-md);z-index:50;pointer-events:none}.song{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.song .slot{height:32px;min-width:40px;padding:0 10px;border:1px solid var(--line);background:var(--field);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:600;cursor:pointer;position:relative}.song .slot.cur{background:var(--accent);color:#fff;border-color:var(--accent)}.song .slot.ghost{border-style:dashed;color:var(--faint);font-weight:400}.pattern-tabs{display:flex;gap:4px}.pattern-tabs .pt{width:28px;height:28px;border:1px solid var(--line);background:var(--field);font-family:var(--mono);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pattern-tabs .pt.on{background:var(--text);color:var(--bg);border-color:var(--text)}.pattern-tabs .pt.has{box-shadow:inset 0 -3px 0 var(--accent)}.help kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:var(--field);padding:1px 5px}.help{color:var(--dim);font-size:12px;line-height:1.7}.ctl{display:flex;flex-direction:column;gap:3px}.ctl-h{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-top:8px}.ctl-h:first-child{margin-top:0}.ctl-row{display:grid;grid-template-columns:minmax(150px,40%) 1fr;gap:10px;align-items:baseline}.ctl-k{color:var(--text);font-family:var(--mono);font-size:11px}@container win (max-width: 480px){.ctl-row{grid-template-columns:1fr;gap:0}.ctl-row+.ctl-row{margin-top:4px}}.pad-editor{display:flex;flex-direction:column;gap:8px}.pad-editor.over{outline:2px dashed var(--accent);outline-offset:-2px}.pad-editor-top{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.pad-editor-top .wave{flex:1 1 260px;height:88px}.pad-editor-top .knobs{display:flex;gap:4px;align-items:center}.pad-editor-top .toggles{display:flex;flex-direction:column;gap:4px;margin-left:4px}.pad-editor-top .toggles .chip{height:24px;font-size:11px;padding:0 8px}.knobctl{width:58px}.knobctl .val{font-size:10px}.sounds{display:flex;gap:8px;align-items:center}.sounds .kits{flex:none}.sounds .kit-all{border-style:dashed;margin-left:4px;position:sticky;right:0;z-index:1;box-shadow:-8px 0 8px -4px var(--card)}.pad-editor-top .hitpad{flex:none;width:88px;height:88px}.pad-editor-top .hitpad.empty{cursor:default}.pad-nav{display:inline-flex;align-items:center;gap:2px}.pad-nav .btn.icon{width:24px;height:24px;padding:0;font-size:15px;line-height:1}.sounds .chips.scroll{flex:1;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.sounds .chips.scroll .chip{flex:none}@media (max-width: 600px){.sounds{flex-direction:column;align-items:stretch}}:root{--ink-sh: #1a1a18;--raise: 2px 2px 0 var(--ink-sh);--raise-sm: 1px 1px 0 var(--ink-sh);--raise-lg: 3px 3px 0 var(--ink-sh);--press: inset 1px 1px 0 var(--ink-sh)}.btn,.chip,.pattern-tabs .pt,.song .slot,.bpm,select.field,.dock-b,.drop{border-color:var(--text);box-shadow:var(--raise)}.btn:hover:not(.on):not(.primary),.chip:hover:not(.on),.dock-b:hover{background:var(--card)}.btn:active,.chip:active,.pattern-tabs .pt:active,.song .slot:active,.dock-b:active,.bpm button:active{box-shadow:none;transform:translate(2px,2px)}.btn.on,.btn.primary,.chip.on,.pattern-tabs .pt.on,.song .slot.cur,.btn.rec.on{box-shadow:var(--raise)}.btn.primary{box-shadow:2px 2px 0 var(--ink-sh)}.bpm button{box-shadow:none}.bpm button:active{transform:none;background:var(--well)}.tl-b{border-color:var(--text);box-shadow:var(--raise-sm)}.tl-b:active{box-shadow:none;transform:translate(1px,1px)}.field{border-color:var(--line)}select.field{border-color:var(--text)}.pad{border-color:var(--text);box-shadow:var(--raise-lg);transition:transform 50ms,box-shadow 50ms,background 60ms}.pad.hit{transform:translate(3px,3px);box-shadow:none}.pad.sel{box-shadow:inset 0 0 0 1px var(--text),var(--raise-lg)}.pad.sel.hit{box-shadow:inset 0 0 0 1px var(--text)}.knob svg circle:nth-of-type(1){fill:var(--field);stroke:var(--text);filter:drop-shadow(1.5px 1.5px 0 var(--ink-sh))}.knob:active svg circle:nth-of-type(1){filter:none;transform:translate(1.5px,1.5px)}.dock-b{background:var(--field);margin:0 3px 2px 0;color:var(--dim)}.dock-b.active{background:var(--text);color:var(--bg);border-color:var(--text)}.dock-b.active:after{background:var(--accent)}.dock-b.open:not(.active):after{background:var(--text)}.win{border-color:var(--text);box-shadow:4px 4px #1a1a1840}.win.focused{box-shadow:6px 6px 0 var(--ink-sh)}.win.max{box-shadow:none}.win-h{border-bottom-color:var(--text)}.seq .cell.on .dot{box-shadow:1px 1px #1a1a1860}.seq .cell.on.cur .dot{box-shadow:1px 1px 0 var(--ink-sh)}.wave .handle:after{box-shadow:1px 1px 0 var(--ink-sh)}.wave{border-color:var(--text)}.win .screen-wrap{border:0}.toast{box-shadow:var(--raise-lg)}.win .pads{padding:1px 4px 4px 1px}.banks{display:flex;align-items:center;gap:4px}.banks .bank{width:26px;height:26px;border:1px solid var(--text);background:var(--field);font:600 12px var(--mono);cursor:pointer;position:relative;box-shadow:var(--raise-sm);color:var(--faint)}.banks .bank.sounds{color:var(--text)}.banks .bank.notes:after{content:"";position:absolute;right:3px;top:3px;width:4px;height:4px;background:var(--accent)}.banks .bank.on{background:var(--text);color:var(--bg)}.banks .bank:active{box-shadow:none;transform:translate(1px,1px)}.banks .bank-hint{font-size:11px;color:var(--faint);margin-left:4px;white-space:nowrap}.wordmark{font-family:var(--brand);font-style:italic;font-weight:400;text-transform:uppercase;line-height:.82;letter-spacing:.02em;display:inline-block;white-space:pre;-webkit-font-smoothing:none;font-smooth:never}.topbar .logo{font-family:var(--brand);font-style:italic;font-size:17px;letter-spacing:.02em;text-transform:uppercase}.topbar .logo i{display:none}.tracks{display:flex;flex-direction:column;gap:4px}.track{display:flex;align-items:center;gap:10px;padding:4px 8px;border:1px solid var(--line-soft);background:var(--field);cursor:pointer;font-size:12.5px}.track.on{border-color:var(--text);box-shadow:var(--raise-sm)}.track .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.track .bank-tag{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--text);color:var(--bg);font:600 11px var(--mono);flex:none}.pattern-tabs .pt.queued{border-color:var(--accent);color:var(--accent);animation:queued .5s steps(2) infinite}.pattern-tabs .pt.queued.on{color:var(--bg)}@keyframes queued{50%{background:var(--accent-dim)}}.browser{min-height:100%;padding:40px 24px 60px;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.browser.over{outline:2px dashed var(--accent);outline-offset:-12px}.browser-head{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.browser-sub{color:var(--dim);font-size:14px;padding-bottom:6px}.browser-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.browser-empty{color:var(--faint);padding:40px;text-align:center;border:1px dashed var(--line)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.proj{background:var(--card);border:1px solid var(--text);box-shadow:var(--raise-lg);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform 60ms,box-shadow 60ms}.proj:hover{background:var(--field)}.proj:active{transform:translate(3px,3px);box-shadow:none}.proj-name{font-family:var(--brand);font-style:italic;text-transform:uppercase;font-size:22px;line-height:1;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}input.proj-name{font:600 14px var(--ui);text-transform:none;width:100%;height:30px}.proj-meta{font-size:11px;color:var(--dim)}.proj-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.btn.danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.topbar .proj-title{width:150px;font-weight:600}@media (max-width: 900px){.topbar .proj-title{width:110px}}.topbar{flex-direction:column;align-items:stretch;gap:6px;padding:6px var(--s3)}.tb-main,.tb-rest{display:flex;align-items:center;gap:var(--s2);min-width:0}.tb-rest{flex-wrap:wrap}.tb-rest .spacer,.tb-main .spacer{flex:1}@media (min-width: 1100px){.topbar{flex-direction:row;align-items:center}.tb-main{flex:none}.tb-rest{flex:1;justify-content:flex-end;flex-wrap:nowrap}}@media (max-width: 700px){.tb-rest{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin:0 calc(-1 * var(--s3));padding-left:var(--s3);padding-right:var(--s3)}.tb-rest::-webkit-scrollbar{display:none}.tb-rest>*{flex:none}.topbar .kn{display:flex}.topbar .logo{font-size:15px}.bpm input{width:48px}.btn{padding:0 10px}}.desk-wrap.stacked .desk{background-image:none}.desk-wrap.stacked .desk-canvas{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s2);padding-bottom:calc(var(--s2) + env(safe-area-inset-bottom))}.win.stack{position:static;width:auto!important;height:auto!important;transform:none!important;box-shadow:3px 3px 0 var(--ink-sh)}.win.stack .win-h{cursor:default}.win-fold{display:none}.win.stack .win-fold{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:2px;border:0;background:none;padding:0;color:var(--faint);font-size:11px;cursor:pointer}.win.stack.focused .win-fold{color:var(--dim)}.win.stack.folded .win-h{border-bottom:0;min-height:34px}.win.stack.folded .win-title{color:var(--faint)}.win.stack .win-b{overflow:visible}.win.stack .pads{aspect-ratio:1;grid-auto-rows:auto;width:100%}.win.stack .screen-wrap canvas{width:100%;height:auto}.win.stack .seq-wrap{overflow-x:auto}.dock{justify-content:flex-start;padding-bottom:calc(4px + env(safe-area-inset-bottom));scrollbar-width:none}.dock::-webkit-scrollbar{display:none}@media (min-width: 700px){.dock{justify-content:center}}@media (max-width: 700px){.dock-b{width:56px;height:42px;font-size:9px}}@media (pointer: coarse){.seq .grid{grid-template-rows:repeat(16,30px)}.seq .lane-h{height:30px}.seq{min-width:620px}.knob{touch-action:none}}@media (max-width: 700px){.seq{grid-template-columns:80px 1fr}.seq .lane-h{font-size:11px;padding:0 6px}}@media (max-width: 700px){.pad-editor-top .knobs{flex-wrap:wrap;justify-content:space-between;width:100%}.pad-editor-top .hitpad{width:72px;height:72px}.pad-editor-top .wave{flex-basis:160px;height:72px}.pad-editor-top .toggles{flex-direction:row;margin-left:0}.win-tools{max-width:100%}.win-h{height:auto;min-height:34px;flex-wrap:wrap;padding:4px 8px}}@media (max-width: 600px){.browser{padding:24px 14px 40px;gap:16px}.browser .wordmark{font-size:36px!important}.proj-grid{grid-template-columns:1fr}.browser-tools .btn{height:40px}}html,body{overflow-x:hidden}.app{grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw}.topbar,.tb-main,.tb-rest,.desk-wrap,.desk{min-width:0}@media (max-width: 700px){.tb-main{flex-wrap:wrap}.browser-tools .note{flex:1 1 100%}.browser-tools .spacer{display:none}}.win.stack{min-width:0!important;width:100%!important;max-width:100%}.win.stack .win-b{overflow:hidden}.win.stack .win-b>*{min-width:0}.win.stack .seq-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.win.stack .pads{padding:1px 4px 4px 1px}.win.stack .screen-wrap canvas{width:100%;height:auto;max-height:none}@media (max-width: 1099px){.tb-rest{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--s3));padding:0 var(--s3) 2px}.tb-rest::-webkit-scrollbar{display:none}.tb-rest>*{flex:none}.topbar .kn{display:flex}}@media (max-height: 480px){.topbar .kn{display:none}.topbar{padding:4px var(--s3);gap:4px}}.win-tools{max-width:80%}@media (pointer: coarse){.pad{touch-action:pan-y}.seq .cell{touch-action:pan-y pan-x}.win.stack .win-h{touch-action:auto}.desk{-webkit-overflow-scrolling:touch}}.win.stack{scroll-margin-top:8px}.pads.keys .pad{background:linear-gradient(#f7f6f3,#eeede9)}.pads.keys .pad .num{font-size:12px;color:var(--text);font-weight:600}.pads.keys .pad.sel{background:var(--field)}select.field.sm.on{background-color:var(--text);color:var(--bg)}.seq .cell .semi{position:absolute;right:2px;top:1px;font:600 8px var(--mono);color:var(--accent);pointer-events:none}.song .slot{touch-action:none;gap:6px;padding:0 6px 0 10px}.song .slot .x{border:0;background:transparent;color:var(--dim);font-size:14px;cursor:pointer;padding:0 2px;line-height:1}.song .slot .x:hover{color:var(--red)}.song .slot.cur .x{color:#fffa}.song .slot.dragging{opacity:.4}.song .slot.over{box-shadow:-3px 0 0 var(--accent),var(--raise)}.narrow-only{display:none!important}@media (max-width: 700px){.narrow-only{display:inline-flex!important}.wide-only{display:none!important}.topbar{padding:6px 10px;gap:0}.tb-main{flex-wrap:nowrap;gap:6px}.tb-main .logo{font-size:13px;margin-right:2px;letter-spacing:0}.tb-main .btn{height:30px;padding:0 9px}.tb-main .btn.icon{width:30px}.tb-main .bpm{height:30px}.tb-main .bpm input{width:40px;font-size:13px}.tb-main .bpm button{width:24px}.tb-rest{display:none;flex-wrap:wrap;overflow:visible;margin:6px 0 0;padding:8px 0 4px;gap:8px;border-top:1px solid var(--line)}.tb-rest>*{flex:none}.tb-rest .proj-title{flex:1 1 120px}.topbar.open .tb-rest{display:flex}.topbar .kn{display:flex;gap:2px;width:100%;justify-content:space-between}.topbar .kn .knobctl{width:auto;flex:1}}.fx{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;align-content:start}.fxc{border:1px solid var(--text);background:var(--panel);box-shadow:var(--raise);display:flex;flex-direction:column;min-width:0}.fxc.span{grid-column:1 / -1}.fxc.off .fxc-b{opacity:.45}.fxc-h{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--card);min-height:32px}.fxc-h .eyebrow{color:var(--text)}.fxc-h .spacer{flex:1}.fxc-b{padding:8px;display:flex;flex-direction:column;gap:8px;flex:1}.fx-knobs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.fx-read{font-size:11px;color:var(--dim);line-height:1.2;margin-left:6px}.fx-read small{color:var(--faint);font-size:10px}.fx-hint{font-size:11px;color:var(--faint);line-height:1.4}.fx-hint b{color:var(--text)}.chip.pw{height:22px;padding:0 8px;font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.chip.pw.on{background:var(--accent);border-color:var(--accent);color:#fff}.fx-gr{display:flex;flex-direction:column;gap:4px;margin-left:8px;min-width:60px}.fx-gr .eyebrow{font-size:9px}.meter{display:inline-block;width:56px;height:6px;border:1px solid var(--text);background:var(--field);overflow:hidden;flex:none}.meter i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.mix{display:grid;grid-template-columns:repeat(5,minmax(56px,1fr));gap:8px;align-content:start;height:100%;grid-template-rows:1fr auto}.mix .strip{border:1px solid var(--text);background:var(--panel);box-shadow:var(--raise);display:flex;flex-direction:column;min-width:0;min-height:220px}.mix .strip.silent .strip-body{opacity:.4}.mix .strip.empty .strip-name{color:var(--faint)}.mix .strip.master{background:var(--card)}.strip-h{display:flex;align-items:center;gap:6px;padding:6px;border-bottom:1px solid var(--line);background:var(--card);min-height:32px;min-width:0}.strip-h .bank-tag{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--text);color:var(--bg);font:600 11px var(--mono);flex:none}.strip-h .bank-tag.out{width:auto;padding:0 5px;background:var(--accent)}.strip-name{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-body{flex:1;display:flex;gap:6px;justify-content:center;padding:10px 6px 6px;min-height:0}.vmeter{display:inline-block;width:6px;border:1px solid var(--text);background:var(--field);overflow:hidden;flex:none;align-self:stretch}.vmeter i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:bottom;transform:scaleY(0)}.fader{position:relative;width:26px;align-self:stretch;border:1px solid var(--text);background:var(--field);box-shadow:var(--raise-sm);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex:none}.fader-fill{position:absolute;left:0;right:0;bottom:0;background:var(--accent);opacity:.35}.fader-unity{position:absolute;left:0;right:0;height:1px;background:var(--text);opacity:.5}.fader-cap{position:absolute;left:-1px;right:-1px;height:10px;background:var(--text);border:1px solid var(--bg);box-sizing:border-box}.strip-db{text-align:center;font-size:10px;color:var(--text);padding:0 4px 4px}.strip-btns{display:flex;gap:4px;justify-content:center;padding:0 6px 8px;flex-wrap:wrap}.chip.ms{height:22px;width:26px;padding:0;justify-content:center;font:600 11px var(--mono)}.chip.ms.on.mute{background:var(--red);border-color:var(--red);color:#fff}.chip.ms.on.solo{background:var(--accent);border-color:var(--accent);color:#fff}.mix-hint{grid-column:1 / -1}@media (max-width: 520px){.mix{grid-template-columns:repeat(5,minmax(48px,1fr));gap:4px}.fader{width:22px}}.send-grid{display:grid;grid-template-columns:minmax(96px,150px) 1fr 1fr;gap:4px 8px;align-items:center}.send-col{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.send-bank{display:flex;align-items:center;gap:6px;min-width:0}.send-bank .bank-tag{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--text);color:var(--bg);font:600 11px var(--mono);flex:none}.send-name{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.send-bank .meter{width:28px}@container win (max-width: 480px){.send-grid{grid-template-columns:72px 1fr 1fr}.send-name{display:none}.send-bank .meter{flex:1}}.bar{position:relative;height:20px;border:1px solid var(--text);background:var(--field);box-shadow:var(--raise-sm);cursor:ew-resize;touch-action:none;overflow:hidden;-webkit-user-select:none;user-select:none}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--accent);opacity:.85}.bar-l,.bar-v{position:absolute;top:0;line-height:18px;font:600 10px var(--mono);mix-blend-mode:difference;color:#fff;pointer-events:none}.bar-l{left:6px;text-transform:uppercase;letter-spacing:.08em}.bar-v{right:6px}.banks .bank.fxtab{width:auto;padding:0 8px;color:var(--accent)}.banks .bank.fxtab.on{background:var(--accent);color:#fff;border-color:var(--accent)}.pads.fxpads .pad{background:linear-gradient(#f7f6f3,#eeede9)}.pads.fxpads .pad .name{color:var(--text);white-space:normal;line-height:1.15}.pads.fxpads .pad.held{background:var(--accent);color:#fff;transform:translate(3px,3px);box-shadow:none}.pads.fxpads .pad.held .name,.pads.fxpads .pad.held .num,.pads.fxpads .pad.held .key{color:#fff}.win{container-type:inline-size;container-name:win}.win-b>*{min-width:0}.btn.icon svg{width:16px;height:16px}@container win (max-width: 620px){.win-h{height:auto;min-height:34px;flex-wrap:wrap;padding:4px 8px;row-gap:4px}.win-tools{max-width:100%;flex-basis:100%;flex-wrap:wrap;overflow:visible}}@container win (max-width: 420px){.banks .bank-hint{display:none}}.seq-wrap{display:flex;flex-direction:column;min-height:0}.win .seq{flex:1;min-width:calc(96px + var(--steps) * 12px);min-height:306px;grid-template-rows:18px minmax(0,1fr)}.win .seq .lanes{display:grid;grid-template-rows:repeat(16,minmax(0,1fr));min-height:0}.win .seq .lane-h{height:auto;min-height:0}.win .seq .grid{grid-template-rows:repeat(16,minmax(0,1fr));min-height:0}.win .seq .row{min-height:0}@container win (max-width: 560px){.win .seq{grid-template-columns:72px 1fr;min-width:calc(72px + var(--steps) * 12px)}.win .seq .lane-h{font-size:11px;padding:0 6px;gap:4px}}@container win (max-width: 420px){.win .seq{grid-template-columns:56px 1fr;min-width:calc(56px + var(--steps) * 12px)}.win .seq .lane-h .m{display:none}}.win .pads{max-height:none}@container win (max-width: 320px){.pad .key{display:none}.pad{padding:6px}.pad .name{font-size:11px}}@container win (max-width: 240px){.pad .num{display:none}}.win .pad-editor{flex:1 0 auto}.win .pad-editor-top{flex:1 1 auto;min-height:88px}.win .pad-editor-top .wave{height:auto;min-height:72px;align-self:stretch}.win .sounds{flex:none}@container win (max-width: 620px){.pad-editor-top .knobs{flex-wrap:wrap;width:100%;justify-content:flex-start}.pad-editor-top .toggles{flex-direction:row;margin-left:0}}@container win (max-width: 520px){.sounds{flex-direction:column;align-items:stretch}.sounds .kits{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sounds .kits .chip{flex:none}}.win .screen-wrap canvas{width:100%;height:100%;max-height:100%;max-width:100%;object-fit:contain}.dock-b{justify-content:flex-start;padding-top:5px;gap:3px}.dock-b:after{bottom:3px}.ws{position:relative;display:inline-flex;gap:4px}.ws svg{width:16px;height:16px}.ws-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--card);border:1px solid var(--text);box-shadow:var(--raise-lg);padding:8px;display:flex;flex-direction:column;gap:6px;z-index:2000}.ws-row{display:flex;gap:6px}.ws-row .field{flex:1}.ws-item{display:flex;align-items:center;gap:4px}.ws-load{flex:1;text-align:left;height:28px;padding:0 8px;border:1px solid var(--line);background:var(--field);cursor:pointer;font:600 12px var(--ui)}.ws-load:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.ws-x{width:28px;height:28px;border:1px solid var(--line);background:var(--field);cursor:pointer;color:var(--dim);font-size:14px}.ws-x:hover{color:#fff;background:var(--red);border-color:var(--red)}.ws-sep{height:1px;background:var(--line);margin:2px 0}.songwin{display:flex;flex-direction:column;gap:10px}.song-sec{display:flex;flex-direction:column;gap:8px}.song-h{display:flex;align-items:center;gap:10px;min-height:26px}.song-h .eyebrow{color:var(--text)}.song-h .spacer{flex:1}.song-meta{font-size:11px;color:var(--dim)}.song .slot small{font:9px var(--mono);color:var(--faint);margin-left:2px}.song .slot.cur small{color:#fffa}.song-add{display:inline-flex;align-items:center;gap:6px;margin-left:4px}.export-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.export-row .spacer{flex:1}.chip:disabled{opacity:.45;cursor:default}.share-banner{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--text);color:var(--bg);font-size:12px;flex-wrap:wrap}.share-banner .spacer{flex:1}.share-banner .btn{height:26px;font-size:12px;padding:0 10px}.share-banner .btn:not(.primary){background:var(--bg);color:var(--text)}.app-top{display:flex;flex-direction:column}.admin-loading{padding:40px;color:var(--dim)}.admin{max-width:1100px;margin:0 auto;padding:24px 20px 60px;display:flex;flex-direction:column;gap:22px;font-size:13px}.admin h1{font-family:var(--brand);font-style:italic;text-transform:uppercase;font-size:28px;margin:0;letter-spacing:.02em}.admin-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.admin-head .spacer{flex:1}.admin section{display:flex;flex-direction:column;gap:8px}.admin section>.eyebrow{color:var(--text)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.tile{border:1px solid var(--text);background:var(--card);box-shadow:var(--raise);padding:8px 10px;display:flex;flex-direction:column;gap:2px}.tile b{font:600 22px var(--mono)}.tile span{font-size:11px;color:var(--dim)}.funnel{display:flex;flex-direction:column;gap:4px}.funnel-row{display:grid;grid-template-columns:150px 1fr 60px 60px;align-items:center;gap:10px;font-family:var(--mono);font-size:12px}.funnel-row .bar-bg{height:12px;background:var(--well);border:1px solid var(--line)}.funnel-row .bar-fg{height:100%;background:var(--accent)}.funnel-row .pct{text-align:right}.funnel-row .tgt{text-align:right;color:var(--faint)}.admin table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:11.5px}.admin th,.admin td{text-align:right;padding:4px 6px;border-bottom:1px solid var(--line-soft);white-space:nowrap}.admin th:first-child,.admin td:first-child{text-align:left}.admin th{color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.admin .tbl-wrap{overflow-x:auto}.admin .warn{color:var(--red)}.admin .ok{color:var(--ok)}.admin .dim{color:var(--faint)}.login{max-width:360px;margin:80px auto;display:flex;flex-direction:column;gap:10px;padding:0 20px}.login .field{height:40px}.kv{display:flex;flex-wrap:wrap;gap:6px}.kv span{border:1px solid var(--line);background:var(--field);padding:2px 8px;font:11px var(--mono)}.kv span b{color:var(--text);margin-left:4px}.login-alt{display:flex;gap:14px;flex-wrap:wrap}.linkish{border:0;background:none;padding:0;color:var(--dim);text-decoration:underline;cursor:pointer;font:12px var(--ui)}.linkish:hover{color:var(--text)}.admin-note{max-width:1100px;margin:12px auto 0;padding:8px 20px;color:var(--ok);font-size:12px}.admin table.launch td{white-space:normal;text-align:left;vertical-align:top}.admin table.launch code{font-size:11px;-webkit-user-select:all;user-select:all}.launch-copy{background:var(--panel)}.launch-copy pre{white-space:pre-wrap;font:12px/1.5 var(--ui);margin:8px 0;max-width:760px;-webkit-user-select:text;user-select:text}.launch-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.admin-tabs{border-bottom:0;margin-left:12px}.admin-tabs .tab{padding:6px 10px}.song .slot.real{cursor:grab;position:relative}.song .slot.dragging{cursor:grabbing;opacity:.9;box-shadow:var(--raise-lg);transition:none}.player{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.player-card{width:100%;max-width:560px;background:var(--card);border:1px solid var(--text);box-shadow:6px 6px 0 var(--ink-sh);padding:16px;display:flex;flex-direction:column;gap:12px}.player-head{display:flex;align-items:center;gap:14px}.player-mark{font-size:22px;color:var(--text);text-decoration:none;cursor:pointer;flex:none}.player-mark:hover,.player-mark:active{color:var(--accent)}.player-back{width:100%;max-width:592px;margin:0 auto;padding:12px 16px 0;display:flex;flex:none}.player-title{display:flex;flex-direction:column;gap:2px;min-width:0}.player-title b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-title .mono{font-size:11px}.player-lineage a{color:inherit;text-decoration:underline;text-decoration-color:var(--dim, #888)}.player-screen{border:1px solid var(--text)}.player-screen .screen-wrap canvas{width:100%;height:auto}.player-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.player-play{height:44px;font-size:15px;padding:0 22px}.player-play.on{background:var(--text);border-color:var(--text)}.player.embed{padding:0;align-items:stretch}.player.embed .player-card{max-width:none;border:0;box-shadow:none}.player-controls a.btn{text-decoration:none}.dlg-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1866;display:flex;align-items:center;justify-content:center;z-index:5000;padding:20px}.dlg{width:100%;max-width:380px;background:var(--card);border:1px solid var(--text);box-shadow:6px 6px 0 var(--ink-sh);padding:16px;display:flex;flex-direction:column;gap:10px}.dlg-title{font-weight:600;font-size:14px}.dlg-body{font-size:12.5px;color:var(--dim);line-height:1.5}.dlg-text{width:100%;font-size:11px}.dlg-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.dlg.terms{max-width:440px}.dlg.tut{max-width:960px;padding:14px 16px 12px}.tut-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tut-h .dlg-title{font-size:15px}.tut-video{display:block;width:100%;aspect-ratio:16 / 9;background:var(--screen, #1b1b19);border:1px solid var(--text)}.dlg.tut .dlg-actions{align-items:center;flex-wrap:wrap}.terms-back{background:#1a1a18b3}.terms-list{margin:0;padding:0 0 0 16px;font-size:12.5px;color:var(--dim);line-height:1.5;display:flex;flex-direction:column;gap:6px}.terms-list b{color:var(--text)}.terms-list a,.terms-tick a{color:var(--text);text-decoration:underline}.terms-tick{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:600;cursor:pointer;padding:8px 0 0;border-top:1px solid var(--line-soft)}.terms-tick input{margin:2px 0 0;accent-color:var(--accent);flex:none}.btn.danger-solid{background:var(--red);border-color:var(--red);color:#fff}.feed{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:18px;border-top:1px solid var(--line)}.feed-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.feed-h .eyebrow{color:var(--text)}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.feed-card{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:var(--card);border:1px solid var(--text);box-shadow:var(--raise);color:inherit;text-decoration:none;cursor:pointer}.feed-card:hover{background:var(--field)}.feed-card:active{transform:translate(2px,2px);box-shadow:none}.feed-name{font-family:var(--brand);font-style:italic;text-transform:uppercase;font-size:18px;line-height:1;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-meta{font-size:10.5px;color:var(--dim)}.legal-foot{position:sticky;bottom:0;margin-top:auto;display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--faint);padding:10px 24px calc(10px + env(safe-area-inset-bottom));background:var(--rail);border-top:1px solid var(--line);z-index:20}.legal-foot a{color:var(--dim);text-decoration:none;border-bottom:1px solid var(--line)}.legal-foot a:hover{color:var(--text);border-bottom-color:var(--text)}.browser{padding-bottom:0}.browser>.legal-foot{margin-left:-24px;margin-right:-24px}@media (max-width: 600px){.browser>.legal-foot{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}}.player{flex-direction:column}.player .legal-foot{width:100%;margin-top:auto}.fx-hint a{color:var(--dim)}.dock{position:relative}.dock-legal{position:absolute;right:12px;bottom:0;height:100%;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--faint)}.dock-legal a{color:var(--dim);text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.dock-legal a:hover{color:var(--text)}@media (max-width: 900px){.dock-legal{display:none}}.player{padding:0}.player-card{margin:auto 16px}.player.embed .player-card{margin:0}.install-hint{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);background:var(--card);font-size:12px;color:var(--dim);line-height:1.4}.install-hint>span:nth-child(2){flex:1}.install-hint b{color:var(--text);font-weight:600}.install-hint .btn.icon{width:26px}.install-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}.install-dot.off{background:var(--faint)}.pk-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pk-head .spacer{flex:1}.pk-head .chips{align-items:center}.pk-new{display:flex;gap:6px;align-items:center}.pk-status{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border:1px solid var(--line);color:var(--dim)}.pk-status.published{color:var(--ok);border-color:var(--ok)}.pk-meta{display:grid;grid-template-columns:220px 1fr auto;gap:8px}.pk-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pk-search .field:first-child{flex:1;min-width:200px}.pk-search .spacer{flex:1}.pk-opt{display:inline-flex;align-items:center;gap:5px;font:11px var(--mono);color:var(--dim);white-space:nowrap}.pk-opt .field.sm{width:56px}.pk-lic{font:600 10px var(--mono);letter-spacing:.06em;padding:1px 5px;border:1px solid var(--line);color:var(--dim)}.pk-lic.cc0{color:var(--ok);border-color:var(--ok)}.pk-body{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}.pk-kit{display:flex;flex-direction:column;gap:8px}.pk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pk-pad{aspect-ratio:1;border:1px solid var(--line);background:var(--field);cursor:pointer;position:relative;padding:4px;display:flex;align-items:flex-end;text-align:left;font:10px/1.2 var(--mono);color:var(--text);overflow:hidden}.pk-pad.on{background:var(--card);border-width:2px;box-shadow:var(--raise)}.pk-pad .num{position:absolute;top:3px;left:4px;color:var(--faint);font-size:9px}.pk-pad .nm{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pk-pad:active{transform:translate(1px,1px);box-shadow:none}.pk-list{min-width:0}.pk-name{width:150px}.pk-gain{width:62px}.admin table.pk-hits td{vertical-align:middle}.pk-credits pre{font:11px/1.5 var(--mono);white-space:pre-wrap;background:var(--panel);padding:8px 10px;margin:6px 0 0;-webkit-user-select:text;user-select:text}.pk-seed{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);background:var(--card);padding:8px 10px}.pk-seed>.pk-head>.linkish{text-decoration:none;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text)}.pk-seed-body{display:grid;grid-template-columns:300px 1fr;gap:12px;align-items:start}.pk-recipe{height:auto;width:100%;box-sizing:border-box;padding:8px 10px;font:12px/1.5 var(--mono);resize:vertical}.pk-seed-side{display:flex;flex-direction:column;gap:8px;min-width:0}.pk-seed-side .pk-search .field.sm{width:auto}.pk-log{list-style:none;margin:0;padding:0;font:11.5px/1.8 var(--mono)}.pk-log li{display:flex;gap:8px;border-bottom:1px solid var(--line-soft);min-width:0}.pk-log .role{width:44px;flex:none;font-weight:600}.pk-log .q{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-log .st{margin-left:auto;flex:none;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.pk-seed code,.fx-hint code{font:11px var(--mono);background:var(--panel);padding:0 3px}@media (max-width: 800px){.pk-body{grid-template-columns:1fr}.pk-kit{max-width:260px}.pk-meta{grid-template-columns:1fr}}@media (max-width: 800px){.pk-seed-body{grid-template-columns:1fr}}.topbar{padding-top:calc(6px + env(safe-area-inset-top))}@media (max-height: 480px){.topbar{padding-top:calc(4px + env(safe-area-inset-top))}}.browser{padding-top:calc(40px + env(safe-area-inset-top))}@media (max-width: 600px){.browser{padding-top:calc(24px + env(safe-area-inset-top))}}.player{padding-top:env(safe-area-inset-top)}.player.embed{padding-top:0}.admin{padding-top:calc(24px + env(safe-area-inset-top))}.admin-loading{padding-top:calc(40px + env(safe-area-inset-top))}.toast{bottom:calc(20px + env(safe-area-inset-bottom))}.packs{display:flex;flex-direction:column;gap:6px}.packs-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:10px}.packs-h:first-child{margin-top:0}.packs .warn{color:var(--red)}.pack-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);background:var(--card)}.pack-row.cur{border-color:var(--text);box-shadow:var(--raise)}.pack-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12px}.pack-main b{font-size:13px}.pack-main .mono{font-size:11px}.pack-bar{height:4px;background:var(--line-soft);margin-top:4px}.pack-bar i{display:block;height:100%;background:var(--accent);transition:width .2s}.pack-credits summary{cursor:pointer;font-size:11px;color:var(--dim);text-decoration:underline;list-style:none}.pack-credits summary::-webkit-details-marker{display:none}.pack-credits pre{white-space:pre-wrap;font:11px/1.5 var(--mono);color:var(--dim);margin:4px 0 0;user-select:text;-webkit-user-select:text}@media (max-width: 700px){.pack-row{flex-wrap:wrap}.pack-main{flex-basis:100%}}.daily{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--card);border:1px solid var(--text);box-shadow:var(--raise-lg)}.daily-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.daily-h .eyebrow{color:var(--text)}.daily-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.daily-main{flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px}.daily-name{font-family:var(--brand);font-style:italic;text-transform:uppercase;font-size:28px;line-height:1;letter-spacing:.02em}.daily-credit{font-size:11px}.daily-credit a{color:inherit}.daily-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.daily-stats{align-items:center}.daily-top{font:11px var(--mono);color:var(--dim);text-decoration:underline}.daily-y{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--line-soft)}.feed-card.mine{border-color:var(--accent)}.room-locked{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px;border:1px dashed var(--line);color:var(--dim)}.name-field{display:flex;align-items:center;gap:6px}.name-field .field{flex:1}.dlg .warn{color:var(--red);font-size:12px}.flip-pill{font:600 12px var(--mono);padding:0 10px;height:30px;display:inline-flex;align-items:center;background:var(--text);color:var(--bg);letter-spacing:.04em;white-space:nowrap}.flip-pill.hot{background:var(--accent);color:var(--accent-ink)}.daily-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.daily-day{border:1px solid var(--line);background:var(--field);padding:6px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}.daily-day b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.daily-day .mono{font-size:10px;color:var(--faint)}.daily-day.gap b{color:var(--red)}.daily-day.kept b{color:var(--dim)}.daily-day.ok{border-color:var(--ok)}.daily-day.today{border-color:var(--text)}.daily-hits td .btn.sm{min-width:30px}a.daily-day{color:inherit;text-decoration:none}a.daily-day:hover{background:var(--card)}.daily-day span.mono:last-child:not(:first-child){color:var(--accent)}.arr{display:flex;flex-direction:column;min-height:0;flex:1}.arr-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}.arr-bar .spacer{flex:1}.arr-bar .pt{touch-action:none;cursor:grab}.arr-bar .pt:disabled{opacity:.4;cursor:default;box-shadow:none}.arr-body{flex:1;min-height:0;overflow:auto;position:relative;background:var(--well)}.arr-grid{position:relative;min-height:100%}.arr-row{display:flex;position:relative;border-bottom:1px solid var(--line)}.arr-head{position:sticky;left:0;z-index:3;background:var(--panel);border-right:1px solid var(--line);flex:none;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:3px 6px}.arr-lane.target .arr-head{box-shadow:inset 3px 0 0 var(--accent)}.arr-head-top,.arr-head-bot{display:flex;align-items:center;gap:4px}.arr-head-bot .knobctl{width:auto;gap:0;flex-direction:row}.arr-head-bot .knobctl label,.arr-head-bot .knobctl .val{display:none}.arr-name{flex:1;min-width:0;height:20px;border:1px solid transparent;background:transparent;font-size:11.5px;font-weight:600;padding:0 3px;color:inherit}.arr-name:hover,.arr-name:focus{border-color:var(--line);background:var(--field);outline:none}.arr-x{border:0;background:transparent;color:var(--dim);font-size:14px;cursor:pointer;padding:0 2px;line-height:1}.arr-x:hover{color:var(--red)}.arr-updown{display:inline-flex;flex-direction:column;margin-left:auto}.arr-updown button{border:0;background:transparent;color:var(--dim);font-size:9px;line-height:1;padding:1px 3px;cursor:pointer}.arr-updown button:disabled{opacity:.3;cursor:default}.arr-track{position:relative;flex:none;background-color:var(--card);background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px var(--z)),repeating-linear-gradient(90deg,var(--line-soft) 0 1px,transparent 1px var(--pz))}.arr-lane.silent .arr-track{opacity:.55}.arr-ruler .arr-track{background-color:var(--panel);cursor:pointer;touch-action:none}.arr-tick{position:absolute;top:2px;font-size:9px;color:var(--dim);padding-left:3px;pointer-events:none}.arr-end{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed var(--faint);pointer-events:none}.arr-clip{position:absolute;top:5px;bottom:5px;background-color:hsl(var(--hue) 70% 88%);border:1px solid hsl(var(--hue) 45% 40%);box-shadow:var(--raise);cursor:grab;overflow:hidden;touch-action:none;display:flex;align-items:center;padding-left:6px;background-image:repeating-linear-gradient(90deg,hsl(var(--hue) 45% 40% / .35) 0 1px,transparent 1px var(--loop));background-position:var(--off) 0}.arr-clip.sel{outline:2px solid var(--text);outline-offset:-2px;z-index:2}.arr-clip.empty{opacity:.5;border-style:dashed}.arr-clip.dragging{opacity:.85;z-index:5;cursor:grabbing;box-shadow:var(--raise-lg);transition:none}.arr-clip-l{font-size:11px;font-weight:600;color:hsl(var(--hue) 50% 22%);white-space:nowrap;pointer-events:none;display:flex;gap:4px;align-items:baseline}.arr-clip-l small{font-size:9px;letter-spacing:.1em}.arr-clip-l i{font-style:normal;font-size:10px;opacity:.7}.arr-clip-h{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:ew-resize;background:linear-gradient(90deg,transparent,hsl(var(--hue) 45% 40% / .35))}.arr-playhead{position:absolute;top:0;bottom:0;width:0;border-left:2px solid currentColor;color:var(--text);z-index:4;pointer-events:none}.arr-playhead.live{color:var(--accent)}.arr-playhead:before{content:"";position:absolute;top:0;left:-6px;border:5px solid transparent;border-top:7px solid currentColor}.arr-clipbar{display:flex;align-items:center;gap:8px;padding:6px 8px;border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;min-height:38px}.arr-clipbar .spacer{flex:1}.arr-clipbar.hint{color:var(--faint);font-size:11px}.arr-ghost{position:fixed;top:0;left:0;z-index:10000;height:28px;min-width:40px;background:var(--accent-dim);border:1px dashed var(--accent);pointer-events:none;display:flex;align-items:center;padding-left:6px;font-size:11px;font-weight:600;opacity:.5}.arr-ghost.ok{opacity:1}.pattern-tabs.sm .pt{width:24px;height:24px;font-size:11px}.arr-meta{white-space:nowrap}@container win (max-width: 520px){.arr-bar .eyebrow,.arr-clipbar .song-meta{display:none}}.arr-clip.audio{--hue: 200;background-color:#f1efe9;background-image:none;color:#2b3a4a;border-color:#3f4a55}.arr-clip.audio .arr-clip-l{position:absolute;left:6px;top:3px;color:#1f2a36;background:#f1efe9cc;padding:0 3px}.arr-wave{position:absolute;left:1px;top:5px;pointer-events:none;color:#4a6a8a}.arr-clip-hl{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:ew-resize;background:linear-gradient(270deg,transparent,hsl(var(--hue) 45% 40% / .35))}.arr-audio .chip{max-width:140px;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px}.arr-clip-name{font-size:11px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arr-clipbar .knobctl{flex-direction:row;width:auto;gap:4px}.arr-clipbar .knobctl .val{display:none}.arr-clipbar .chips .eyebrow{margin-right:2px}.arr-sections .arr-track{background-color:var(--well);background-image:none}.arr-marker{position:absolute;top:1px;bottom:1px;border-left:2px solid var(--text);background:#00000008;font:600 10px var(--mono);padding-left:4px;overflow:hidden;white-space:nowrap;cursor:pointer;touch-action:none;display:flex;align-items:center}.arr-marker.alt{background:#00000014}.arr-marker.sel{background:var(--text);color:var(--bg)}.arr-marker.looped{box-shadow:inset 0 -3px 0 var(--accent)}.arr-looprange{position:absolute;top:0;bottom:0;background:var(--accent-dim);pointer-events:none}.arr-auto .arr-track{background-color:var(--panel)}.arr-env{display:block;touch-action:none;cursor:crosshair}.arr-env path{stroke:var(--accent);stroke-width:2}.arr-env circle{fill:var(--field);stroke:var(--text);stroke-width:1.5;cursor:grab}.arr-env circle:hover{fill:var(--accent)}.arr-target{flex:1;min-width:0;height:22px;font-size:11px;padding:0 4px}.shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0}.topbar.shell-top{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;min-height:48px}.shell-top .proj-title{width:180px}.mode-switch{display:inline-flex;border:1px solid var(--text);box-shadow:var(--raise);background:var(--field);margin-left:6px}.mode-switch button{border:0;background:transparent;height:30px;padding:0 14px;font:600 13px var(--ui);cursor:pointer;color:var(--dim)}.mode-switch button.on{background:var(--text);color:var(--bg)}.mode-switch button:not(.on):hover{background:var(--card);color:var(--text)}.tab{min-height:0;height:100%;padding:12px;gap:12px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}.two-col{display:grid;grid-template-columns:clamp(280px,30%,400px) minmax(0,1fr)}.two-col .col{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.two-col .col.left,.tab-fx{overflow:auto}.win.panel{position:static;left:auto;top:auto;will-change:auto;min-width:0;min-height:0;display:flex;flex-direction:column;flex:none}.win.panel .win-h{cursor:default}.panel.screen .screen-wrap{display:block}.panel.screen .screen-wrap canvas{width:100%;height:auto;max-height:none}.panel.pads-p .pads{aspect-ratio:1;grid-auto-rows:auto;flex:none;max-height:none;width:100%}.panel.pads-p.sample .win-b{min-height:220px}.seg{display:inline-flex;border:1px solid var(--text);box-shadow:var(--raise-sm);background:var(--field);margin-left:6px}.seg button{border:0;background:transparent;height:24px;padding:0 9px;font:600 11px var(--ui);cursor:pointer;color:var(--dim)}.seg button.on{background:var(--text);color:var(--bg)}.panel.seq-p,.panel.arr-p,.panel.packs-p{flex:1}.panel.sound-p,.panel.export-p{flex:none}.panel.fx-p .fx{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.panel.mix-p .mix{height:auto}.quick{flex:none}.quick-b{display:flex;align-items:center;gap:10px;padding:6px 12px;flex-wrap:wrap}.quick-b .knobctl{width:50px}.quick-b .vsep{width:1px;height:36px;background:var(--line)}.quick-b .kitrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.quick-b .kitrow::-webkit-scrollbar{display:none}.feel{display:flex;flex-direction:row;gap:18px;align-items:center;flex-wrap:wrap}.feel-knobs{display:flex;gap:12px;flex-wrap:wrap}.feel-btns{display:flex;gap:8px;flex-wrap:wrap}.feel .fx-hint{flex:1 1 260px}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1866;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px 16px;overflow:auto}.sheet{width:min(720px,100%);background:var(--card);border:1px solid var(--text);box-shadow:var(--raise-lg);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.sheet-h{display:flex;align-items:center;gap:10px}.sheet-h .spacer{flex:1}.phone-body{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;height:100%}.phone-page{overflow:auto;-webkit-overflow-scrolling:touch;min-height:0}.phone-page .tab{height:auto;overflow:visible;padding:8px;gap:8px}.phone-page .two-col{display:flex;flex-direction:column}.phone-page .two-col .col.left{overflow:visible}.phone-page .win.panel{box-shadow:3px 3px 0 var(--ink-sh)}.phone-page .panel.seq-p{min-height:55vh}.phone-page .panel.seq-p .seq-wrap{overflow-x:auto}.phone-page .panel.arr-p{height:calc(100vh - 210px);height:calc(100dvh - 210px);min-height:280px}.phone-page .quick .fx-hint{display:none}.phone-hint{padding:0 4px}.phone-tabs{display:flex;justify-content:space-around;padding:4px 4px calc(4px + var(--dock-inset, env(safe-area-inset-bottom)));border-top:1px solid var(--line);background:var(--rail)}.phone-tabs .dock-b{width:72px;height:44px;font-size:9px}.shell.phone .shell-top{padding:calc(6px + env(safe-area-inset-top)) 8px 6px;gap:6px}html.phone-shell,html.phone-shell body{overflow:hidden;overscroll-behavior:none}.shell.phone .shell-top .logo{font-size:13px;margin-right:0}.shell.phone .shell-top .bpm input{width:44px}.shell.phone .shell-top .btn{padding:0 8px}.shell.phone .shell-top .btn.icon{width:30px}@media (max-width: 1100px){.shell-top .proj-title{width:120px}}.quick .quick-b{flex-direction:row;flex:none}.win.panel .win-tools{max-width:none;flex:1;justify-content:flex-end}.win.panel .win-tools .chips,.win.panel .win-tools .banks{flex-wrap:nowrap}.win.panel .win-tools{justify-content:flex-start}.win.panel .win-tools .chip,.win.panel .win-tools .btn{white-space:nowrap;flex:none}.win.panel .win-tools .pattern-tabs{flex:none}.seg.title{margin-left:0}.panel .bank-hint,.export-p .song-h .eyebrow{display:none}.shell.phone .win.panel .win-tools{flex-wrap:wrap;overflow:visible;max-width:none}.shell.phone .win.panel .win-tools .chips,.shell.phone .win.panel .win-tools .banks{flex-wrap:wrap}.shell.phone .win.panel .win-h{height:auto;min-height:34px;padding:4px 8px;flex-wrap:wrap}.win.panel .win-h .spacer{flex:0 1 8px}.win.panel .win-tools{flex:1 1 auto}.win.panel .win-tools select.field{flex:none}.pad-title{display:flex;align-items:center;gap:8px;min-width:0}.pad-title .pad-nav{display:inline-flex;align-items:center;gap:4px}.shell.phone .pad-title{flex-wrap:wrap}