:root{--bg: #05060b;--panel: #0b0d15;--raised: #11141f;--brd: #1d2130;--brd2: #2b3147;--tx: #e8f0ec;--dim: #67718a;--acc: #b8ff29;--acc2: #ff2ea6;--acc3: #29e5ff;--warn: #ffb02e;--step-off: #131624;--step-beat: #181c2e;--accink: #0c1400;--acc2ink: #1c0210;--glow-acc: 0 0 9px rgba(184, 255, 41, .4);--glow-acc2: 0 0 9px rgba(255, 46, 166, .45);--glow-acc3: 0 0 9px rgba(41, 229, 255, .4);--fd: "Unbounded", sans-serif;--fm: "JetBrains Mono", Consolas, monospace;--scan: .5;--radius: 5px;--text: var(--tx);--text-dim: var(--dim);--accent: var(--acc);--accent2: var(--acc2);--accent3: var(--acc3);--bg-raised: var(--raised);--bg-panel: var(--panel);--border: var(--brd)}:root[data-theme=miami]{--bg: #0b0518;--panel: #130b26;--raised: #1b1136;--brd: #2a1d4e;--brd2: #3b2a6d;--tx: #f4ecff;--dim: #8f7fb8;--acc: #ff2e88;--acc2: #29e5ff;--acc3: #b26bff;--warn: #ffc32e;--step-off: #180f31;--step-beat: #1f1441;--accink: #1c0210;--acc2ink: #001318;--glow-acc: 0 0 10px rgba(255, 46, 136, .5);--glow-acc2: 0 0 10px rgba(41, 229, 255, .45);--glow-acc3: 0 0 10px rgba(178, 107, 255, .45);--scan: .35}:root[data-theme=clinic]{--bg: #161616;--panel: #1d1d1d;--raised: #262626;--brd: #313131;--brd2: #3f3f3f;--tx: #ececec;--dim: #8f8f8f;--acc: #ff7a3d;--acc2: #ffd028;--acc3: #7ab8ff;--warn: #ffd028;--step-off: #212121;--step-beat: #282828;--accink: #1d0d00;--acc2ink: #1d1600;--glow-acc: none;--glow-acc2: none;--glow-acc3: none;--scan: 0}:root[data-theme=cyber]{--bg: #060604;--panel: #0c0c08;--raised: #14140c;--brd: #26251a;--brd2: #3a3824;--tx: #f2f0dc;--dim: #8a8768;--acc: #fcee0a;--acc2: #00f0ff;--acc3: #ff003c;--warn: #ff9f1a;--step-off: #12120a;--step-beat: #1a1910;--accink: #1a1800;--acc2ink: #001a1c;--glow-acc: 0 0 10px rgba(252, 238, 10, .45);--glow-acc2: 0 0 10px rgba(0, 240, 255, .45);--glow-acc3: 0 0 10px rgba(255, 0, 60, .45);--scan: .55}:root[data-theme=tron]{--bg: #010409;--panel: #04101c;--raised: #071a2c;--brd: #0c2a44;--brd2: #12405f;--tx: #dff6ff;--dim: #5f8aa8;--acc: #00d9ff;--acc2: #ffb217;--acc3: #7df9ff;--warn: #ffb217;--step-off: #041220;--step-beat: #071d30;--accink: #001318;--acc2ink: #1c1000;--glow-acc: 0 0 10px rgba(0, 217, 255, .5);--glow-acc2: 0 0 10px rgba(255, 178, 23, .45);--glow-acc3: 0 0 10px rgba(125, 249, 255, .4);--scan: .4}:root[data-theme=ghost]{--bg: #0a0c12;--panel: #10131c;--raised: #171b28;--brd: #232939;--brd2: #333c52;--tx: #eef1f8;--dim: #7d8699;--acc: #9aa8ff;--acc2: #6ee7d8;--acc3: #f0f3ff;--warn: #ffd28a;--step-off: #141826;--step-beat: #1a1f30;--accink: #0a0e2a;--acc2ink: #00201a;--glow-acc: 0 0 12px rgba(154, 168, 255, .45);--glow-acc2: 0 0 12px rgba(110, 231, 216, .4);--glow-acc3: 0 0 12px rgba(240, 243, 255, .3);--scan: .2}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--tx);font-family:var(--fm);font-size:13px;overflow:hidden}a{color:var(--acc)}a:hover{color:var(--acc3)}button,select,input{font-family:var(--fm);color:inherit}button{background:var(--raised);border:1px solid var(--brd2);border-radius:var(--radius);padding:5px 10px;cursor:pointer;font-size:11px;transition:border-color .12s,background .12s,color .12s}button:hover{border-color:var(--acc)}button.active{background:var(--acc);color:var(--accink);border-color:var(--acc);font-weight:700}button.danger:hover{border-color:var(--acc2);color:var(--acc2)}select,input[type=text],input[type=number]{background:var(--raised);border:1px solid var(--brd2);border-radius:var(--radius);padding:4px 8px;font-size:11px}input[type=range]{accent-color:var(--acc);height:12px}@keyframes krpulse{50%{opacity:.45}}@keyframes krmarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--brd2);border-radius:5px}::-webkit-scrollbar-track{background:transparent}.app{height:100%;position:relative}.studio{display:flex;flex-direction:column;height:100%;position:relative}.main-row{display:flex;flex:1;min-height:0;position:relative}.main{flex:1;overflow:auto;padding:10px 12px 4px;min-width:0;position:relative;z-index:1}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip{padding:4px 10px;font-size:10px;letter-spacing:1px;border-radius:4px;cursor:pointer;font-weight:700;white-space:nowrap;background:var(--raised);border:1px solid var(--brd2);color:var(--dim)}.chip:hover{border-color:var(--acc);color:var(--tx)}.chip.on{background:var(--acc);border-color:var(--acc);color:var(--accink)}.chip.warn{border-color:var(--warn);color:var(--warn)}.kchip{padding:1px 5px;font-size:8px;border-radius:3px;cursor:pointer;letter-spacing:.5px;background:var(--raised);border:1px solid var(--brd2);color:var(--dim)}.kchip.on{background:var(--acc);border-color:var(--acc);color:var(--accink);font-weight:700}.icon-x{background:none;border:none;color:var(--dim);cursor:pointer;font-size:13px;padding:0 2px}.icon-x:hover{color:var(--acc2);border-color:transparent}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;opacity:calc(var(--scan) * .14);background:repeating-linear-gradient(0deg,#000 0px,#000 1px,transparent 1px,transparent 3px)}.landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing .blob{position:absolute;border-radius:50%;pointer-events:none}.landing .blob.a{left:50%;top:30%;transform:translate(-50%,-50%);width:900px;height:600px;background:radial-gradient(closest-side,rgba(184,255,41,.13),transparent)}.landing .blob.b{left:12%;bottom:0;width:600px;height:400px;background:radial-gradient(closest-side,rgba(255,46,166,.1),transparent)}.landing .blob.c{right:8%;top:10%;width:500px;height:400px;background:radial-gradient(closest-side,rgba(41,229,255,.09),transparent)}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--brd) 1px,transparent 1px),linear-gradient(90deg,var(--brd) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 45%,#000 10%,transparent 75%)}.landing-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 60px 34px;border:1px solid var(--brd2);border-radius:22px;background:color-mix(in srgb,var(--panel) 70%,transparent);box-shadow:0 30px 80px #0000008c;max-width:min(860px,92vw)}.dj-pick-label{font-size:10px;letter-spacing:5px;color:var(--dim)}.dj-cards{display:flex;gap:14px;align-items:center}.dj-card{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;padding:12px 14px;border-radius:16px;cursor:pointer;background:transparent;border:1px solid transparent}.dj-card:hover{border-color:var(--brd2)}.dj-card.sel{background:var(--raised);border-color:var(--brd2)}.dj-card canvas{image-rendering:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}.dj-card .dj-name{font-size:9px;letter-spacing:2.5px;color:var(--dim)}.dj-card.sel .dj-name{color:var(--acc);font-weight:700}.dj-card .dj-crown{position:absolute;top:-12px;font-size:20px;filter:drop-shadow(0 0 8px var(--acc2))}.landing h1{margin:0;font-family:var(--fd);font-weight:900;font-size:58px;letter-spacing:6px;color:var(--tx);text-shadow:-3px 0 var(--acc2),3px 0 var(--acc3),0 0 40px rgba(184,255,41,.25)}.landing .tag-serif{margin:-8px 0 0;color:var(--tx);font-size:19px;font-style:italic;font-family:Georgia,Times New Roman,serif;letter-spacing:.3px;text-align:center}.landing .tag-mono{margin:-4px 0 0;color:var(--dim);font-size:10.5px;letter-spacing:2.5px;text-align:center}.landing .tag-mono code{font-family:var(--fm);color:var(--acc3);letter-spacing:.5px}.landing .enter{margin-top:6px;font-size:17px;font-weight:700;letter-spacing:4px;padding:17px 56px;border:none;border-radius:999px;cursor:pointer;color:#fff;background:linear-gradient(90deg,var(--acc2),var(--acc3));box-shadow:0 8px 30px #00000073}.landing .enter:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 10px 38px #0000008c}.landing .enter:disabled{opacity:.65;cursor:default}.landing .note{margin:2px 0 0;color:var(--dim);font-size:11px}.landing .note b{color:var(--acc2);font-weight:700}.landing .note i{color:var(--acc3);font-style:normal}.landing .marquee{position:absolute;bottom:26px;left:0;right:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.landing .marquee-inner{display:inline-flex;white-space:nowrap;animation:krmarquee 42s linear infinite;color:var(--dim);opacity:.55;font-family:var(--fm);font-size:11px;letter-spacing:1.5px}.landing .corner{position:absolute;top:16px;right:20px;color:var(--dim);font-size:10px;letter-spacing:1px}.transport{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--brd)}.transport .brandbox{display:flex;align-items:baseline;gap:8px;margin-right:4px}.transport .brand-icon{font-size:16px;color:var(--acc);text-shadow:var(--glow-acc)}.transport .brand{font-family:var(--fd);font-weight:700;font-size:12px;letter-spacing:3px}.transport .badge{font-size:9px;color:var(--accink);background:var(--acc);border-radius:3px;padding:1px 5px;font-weight:700}.transport .group{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 7px;border-left:1px solid var(--brd)}.transport .group>.grow{display:flex;align-items:center;gap:4px}.transport .group.tight>.grow{gap:3px}.transport .glabel{font-size:7px;letter-spacing:2px;color:var(--dim);opacity:.7;white-space:nowrap}.transport .group.noborder{border-left:none;padding-left:0}.transport .spacer{flex:1}.transport label{color:var(--dim);font-size:8px;letter-spacing:2px}.btn-icon{width:34px;height:30px;padding:0;font-size:12px;line-height:1}.btn-play{width:42px;height:30px;padding:0;font-size:13px;color:var(--acc)}.btn-play.on{background:var(--acc);border-color:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.btn-break{color:var(--warn);font-size:13px}.btn-break:hover{background:var(--warn);border-color:var(--warn);color:#201500;box-shadow:0 0 8px var(--warn)}.btn-rec{color:var(--acc2)}.btn-rec.recording{background:var(--acc2);border-color:var(--acc2);color:#fff;animation:krpulse 1s infinite;box-shadow:var(--glow-acc2)}.bpm-box{display:flex;flex-direction:column;align-items:center;background:#000;border:1px solid var(--brd2);border-radius:5px;padding:2px 12px;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.bpm-box .val{font-size:20px;font-weight:700;color:var(--acc);text-shadow:var(--glow-acc);letter-spacing:2px;line-height:1.1}.bpm-box .unit{font-size:8px;letter-spacing:2px;color:var(--dim)}.bpm-spin{display:flex;flex-direction:column;gap:2px}.bpm-spin button{width:18px;height:13px;font-size:8px;padding:0;color:var(--dim);border-radius:3px}.bpm-spin button:hover{color:var(--acc)}.swing-box{display:flex;flex-direction:column;gap:1px;margin-left:4px}.swing-box input[type=range]{width:74px;height:12px}.transport select{padding:5px 6px;font-size:11px}.transport select.upper{text-transform:uppercase;letter-spacing:1px}.gen-btn{background:transparent;border:1px solid var(--acc);border-radius:5px;padding:5px 12px;color:var(--acc);cursor:pointer;font-size:11px;letter-spacing:1px;font-weight:700}.gen-btn:hover{background:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.gen-btn{border-radius:5px 0 0 5px;border-right:none}.dice{position:relative;display:flex;align-items:center}.gen-more{background:transparent;border:1px solid var(--acc);border-radius:0 5px 5px 0;border-left:1px solid var(--brd2);color:var(--acc);cursor:pointer;font-size:10px;padding:5px 6px;line-height:1}.gen-more:hover,.gen-more.on{background:var(--acc);color:var(--accink)}.dice-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.dice-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:61;min-width:214px;background:var(--panel);border:1px solid var(--brd2);border-radius:6px;padding:4px;box-shadow:0 10px 26px #0000008c}.dice-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;color:var(--tx)}.dice-menu button:hover{background:var(--raised)}.dice-menu b{display:block;font-size:10px;letter-spacing:1px;color:var(--acc);font-weight:700}.dice-menu i{display:block;font-size:10px;font-style:normal;color:var(--dim);margin-top:1px}.dice-foot{padding:5px 8px 3px;font-size:9px;color:var(--dim);border-top:1px solid var(--brd);margin-top:3px}.seg{display:flex;align-items:center;gap:0}.seg .chip.l{border-radius:4px 0 0 4px}.seg .chip.m{border-radius:0;border-left:none}.seg .chip.r{border-radius:0 4px 4px 0;border-left:none}.theme-dots{display:flex;align-items:center;gap:5px;padding:0 8px}.theme-dot{width:14px;height:14px;border-radius:50%;cursor:pointer;padding:0;border:2px solid transparent}.theme-dot.sel{border-color:var(--tx)}.io-btn{width:30px;height:30px;padding:0;font-size:12px;color:var(--dim)}.io-btn:hover{color:var(--acc)}.io-btn.logout:hover{color:var(--warn);border-color:var(--warn)}.meterbar{width:70px;height:8px;background:#000;border:1px solid var(--brd2);border-radius:4px;overflow:hidden}.meterbar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--warn),var(--acc2));transition:width .05s linear}.tracks{display:flex;flex-direction:column;gap:5px}.bar-ruler{display:flex;align-items:center;gap:8px;padding:0 8px 1px 6px}.bar-ruler .ruler-spacer{height:1px}.ruler-cells{display:flex;gap:2px;flex:1;min-width:0}.ruler-cell{flex:1;font-size:8px;color:var(--dim);letter-spacing:1px}.ruler-cell.strong{color:var(--tx);font-weight:700}.ruler-cell:nth-child(4n+1):not(:first-child){margin-left:5px}.track-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--raised);border:1px solid var(--brd);border-radius:6px}.track-row.selected{border-color:var(--acc);box-shadow:var(--glow-acc)}.track-row.is-muted{opacity:.55}.track-head{display:flex;align-items:center;gap:6px;width:268px;flex-shrink:0}.tnum{font-size:9px;color:var(--dim);width:16px;flex-shrink:0}.track-name{cursor:pointer;width:64px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase}.track-source{color:var(--dim);font-size:9.5px;width:74px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.track-source:hover{color:var(--acc)}.tbtn{width:21px;height:21px;font-size:10px;background:var(--step-off);border:1px solid var(--brd);border-radius:4px;color:var(--tx);padding:0}.tbtn.on{background:var(--acc3);border-color:var(--acc3);color:#00171d}.tbtn.mute.on{background:var(--warn);border-color:var(--warn);color:#201500}.tbtn.solo.on{background:var(--acc);border-color:var(--acc);color:var(--accink)}.tbtn.danger{color:var(--dim)}.mini-kitty{position:relative;width:16px;height:16px;margin-left:2px;transition:transform .09s ease;flex-shrink:0}.mini-kitty .ear{position:absolute;top:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #48507a}.mini-kitty .ear.l{left:1px}.mini-kitty .ear.r{right:1px}.mini-kitty .head{position:absolute;left:0;top:4px;width:16px;height:11px;background:#48507a;border-radius:5px}.mini-kitty .shades{position:absolute;left:2px;top:8px;width:12px;height:2.5px;background:#0a0a0a;border-radius:2px}.stepgrid{display:flex;gap:2px;flex:1;min-width:0;position:relative}.step-playhead{position:absolute;top:-2px;bottom:-2px;left:0;width:0;opacity:0;border:1px solid rgba(255,255,255,.55);background:#ffffff14;border-radius:3px;pointer-events:none;will-change:transform}.step{flex:1;height:36px;min-width:9px;border-radius:3px;background:var(--step-off);border:1px solid transparent;cursor:pointer;position:relative;padding:0;overflow:visible;touch-action:none}.stepgrid.tall .step{height:46px}.step:nth-child(4n+1):not(:first-child){margin-left:5px}.step.beat{background:var(--step-beat)}.step.on{box-shadow:var(--glow-acc)}.step.on.melodic{box-shadow:var(--glow-acc3)}.step.prob{border:1px dashed var(--dim)}.step.playhead{outline:1px solid rgba(255,255,255,.6);background-color:#ffffff12}.step .vel{position:absolute;left:1px;right:1px;bottom:1px;border-radius:2px;pointer-events:none;background:linear-gradient(180deg,var(--acc),transparent 160%);opacity:.95}.step.melodic .vel{background:linear-gradient(180deg,var(--acc3),transparent 160%)}.step .prob-mark{position:absolute;top:0;right:2px;font-size:8px;color:var(--warn);font-weight:700;pointer-events:none}.step .roll-mark{position:absolute;bottom:-1px;right:2px;font-size:9px;color:var(--tx);font-weight:700;pointer-events:none}.addtrack{display:flex;gap:6px;align-items:center;margin:12px 0 4px}.addtrack button:hover{color:var(--acc)}.hint{color:var(--dim);font-size:10px;padding:6px 2px 10px;letter-spacing:.4px}kbd{background:var(--raised);border:1px solid var(--brd);border-radius:3px;padding:0 5px;font-size:9px}.mixer{display:flex;gap:8px;align-items:stretch;padding-bottom:8px}.strip{background:var(--panel);border:1px solid var(--brd);border-radius:8px;padding:10px 8px;width:118px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;align-items:center}.strip.master{width:130px;border-color:var(--acc2);box-shadow:var(--glow-acc2)}.strip-head{display:flex;align-items:center;gap:5px;width:100%}.strip-name{font-size:10px;font-weight:700;letter-spacing:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}.strip.master .strip-name{color:var(--acc2);letter-spacing:2px}.fader-wrap{display:flex;gap:7px;align-items:flex-end}.fader{position:relative;width:30px;height:168px;background:#000;border:1px solid var(--brd2);border-radius:5px;cursor:ns-resize;touch-action:none}.fader .fill{position:absolute;left:2px;right:2px;bottom:2px;border-radius:3px;background:linear-gradient(180deg,var(--acc),transparent 170%);opacity:.4}.strip.master .fader .fill{background:linear-gradient(180deg,var(--acc2),transparent 170%)}.fader .thumb{position:absolute;left:-3px;right:-3px;height:10px;border-radius:3px;background:var(--tx);border:1px solid var(--brd2);box-shadow:0 2px 6px #00000080}.vmeter{width:7px;height:168px;background:#000;border:1px solid var(--brd2);border-radius:4px;overflow:hidden;display:flex;align-items:flex-end}.vmeter i{width:100%;background:linear-gradient(0deg,var(--acc),var(--warn) 78%,var(--acc2));transition:height .05s linear}.db{font-size:9.5px;color:var(--dim)}.knob{width:34px;height:34px;border-radius:50%;background:var(--raised);border:1px solid var(--brd2);position:relative;cursor:ns-resize;touch-action:none}.knob .ptr{position:absolute;left:50%;top:50%;width:2px;height:12px;margin-left:-1px;background:var(--acc);transform-origin:50% 0;border-radius:2px}.knob.small{width:26px;height:26px}.knob.small .ptr{height:9px;background:var(--acc2)}.klabel{font-size:8.5px;color:var(--dim);letter-spacing:.5px}.knob-col{display:flex;flex-direction:column;align-items:center;gap:2px}.knob-col .klabel{font-size:7.5px}.strip-sliders{width:100%;display:flex;flex-direction:column;gap:3px}.strip-sliders label{font-size:8px;color:var(--dim);letter-spacing:1px}.strip-sliders input[type=range]{width:100%;height:10px}.strip-sc{width:100%;border-top:1px dashed var(--brd);padding-top:6px;display:flex;flex-direction:column;gap:3px}.strip-sc label{font-size:8px;color:var(--dim);letter-spacing:1px}.strip-sc select{width:100%;font-size:9px;padding:2px 3px;border-radius:4px}.strip-sc input[type=range]{width:100%;height:10px}.strip-btns{display:flex;gap:4px}.strip .chip.wide{width:100%;text-align:center}.code-dock{width:330px;flex-shrink:0;border-left:1px solid var(--brd);background:var(--panel);display:flex;flex-direction:column;min-height:0}.code-dock>header{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--brd)}.code-dock .brace{color:var(--acc2);font-weight:700;font-size:11px}.code-dock .title{font-size:10px;letter-spacing:2.5px;color:var(--tx);font-weight:700}.code-dock .sub{font-size:9px;color:var(--dim)}.code-dock>header .spacer{flex:1}.code-lines{flex:1;overflow:auto}.code-line{padding:8px 12px;border-bottom:1px solid var(--brd)}.code-line .meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}.code-line .lbl{font-size:9.5px;color:var(--dim);letter-spacing:1px}.code-line .linked{font-size:8.5px;color:var(--acc);letter-spacing:.5px}.code-line .meta .spacer{flex:1}.code-line .row{display:flex;align-items:center;gap:6px}.code-line .prompt{color:var(--acc2);font-size:11px;font-weight:700}.code-line input{flex:1;background:#000;border:1px solid var(--brd2);border-radius:4px;padding:5px 8px;color:var(--acc);font-size:11.5px;font-family:var(--fm)}.code-line input:focus{border-color:var(--acc);outline:none}.code-line .err{color:var(--acc2);font-size:9px;margin-top:3px;min-height:3px}.code-legend{padding:9px 12px;border-top:1px solid var(--brd);color:var(--dim);font-size:9px;line-height:1.7;letter-spacing:.3px}.code-legend b{color:var(--acc);font-weight:400}.code-legend i{color:var(--acc3);font-style:normal}.bottom-panel{border-top:1px solid var(--brd);background:var(--panel);height:252px;max-height:42vh;display:flex;flex-direction:column;flex-shrink:0}.panel-tabs{display:flex;gap:4px;padding:7px 12px 0;align-items:center}.panel-tabs .spacer{flex:1}.sel-meta{color:var(--dim);font-size:9px;margin:0 6px}.sel-name{color:var(--tx);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.panel-body{flex:1;overflow:auto;padding:10px 12px}.notation-bar{display:flex;gap:8px;align-items:center;margin-bottom:9px}.notation-bar .brace{color:var(--acc2);font-weight:700;font-size:11px}.notation-bar input[type=text]{flex:1;background:#000;border:1px solid var(--brd2);border-radius:4px;padding:6px 9px;color:var(--acc);font-size:12px;font-family:var(--fm)}.notation-bar input[type=text]:focus{border-color:var(--acc);outline:none}.notation-bar .apply{letter-spacing:1px;font-size:10px;padding:6px 12px}.notation-bar .apply:hover{color:var(--acc)}.notation-error{color:var(--acc2);font-size:10px}.proll{display:grid;gap:2px}.proll-row{display:flex;gap:2px;align-items:center}.proll-label{width:36px;font-size:9px;color:var(--dim);text-align:right;padding-right:5px;flex-shrink:0}.proll-row.root .proll-label{color:var(--acc);font-weight:700}.pcell{flex:1;height:15px;min-width:9px;background:var(--step-off);border-radius:2px;border:none;cursor:pointer;padding:0}.pcell:nth-child(4n+2):not(:nth-child(2)){margin-left:5px}.pcell.beat{background:var(--step-beat)}.pcell.on{background:var(--acc3);box-shadow:var(--glow-acc3)}.pcell.playhead{outline:1px solid rgba(255,255,255,.55)}.proll-tools{display:flex;gap:5px;align-items:center;margin-bottom:7px;color:var(--dim);font-size:9.5px;letter-spacing:.5px}.fx-add{display:flex;gap:6px;align-items:center;margin-bottom:10px}.fx-add button:hover{color:var(--acc)}.fxrack{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.fxslot{background:var(--raised);border:1px solid var(--brd);border-radius:6px;padding:7px 9px;width:196px}.fxslot.disabled{opacity:.45}.fxslot header{display:flex;align-items:center;gap:4px;margin-bottom:5px}.fxslot header .fx-name{font-weight:700;flex:1;color:var(--acc);font-size:10.5px;letter-spacing:.5px;text-transform:uppercase}.fxslot header button{padding:0 5px;font-size:9px;background:var(--step-off);border:1px solid var(--brd);border-radius:3px;color:var(--dim);height:17px}.fx-param{display:grid;grid-template-columns:52px 1fr 46px;gap:5px;align-items:center;margin:3px 0}.fx-param label{font-size:9px;color:var(--dim)}.fx-param input[type=range]{height:10px}.fx-param output{font-size:9px;text-align:right;color:var(--tx)}.channel-tab{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.channel-col{display:flex;flex-direction:column;gap:8px;min-width:280px}.channel-col.sc{border-left:1px dashed var(--brd);padding-left:24px}.channel-col .head{font-size:9px;color:var(--dim);letter-spacing:2px}.channel-row{display:grid;grid-template-columns:78px 1fr 52px;gap:8px;align-items:center}.channel-row.nolabel{grid-template-columns:78px 1fr}.channel-row label{font-size:9px;color:var(--dim);letter-spacing:1px}.channel-row span{font-size:9.5px;color:var(--tx);text-align:right}.channel-note{font-size:9px;color:var(--dim)}.browser{display:flex;flex-direction:column;gap:8px}.browser-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.browser-controls>label{color:var(--dim);font-size:9.5px;letter-spacing:1px}.browser-list{max-height:130px;overflow:auto;display:flex;flex-direction:column;gap:2px}.browser-item{display:flex;gap:8px;align-items:center;padding:2px 8px;border-radius:4px;cursor:pointer;font-size:11px}.browser-item:hover{background:var(--raised)}.browser-item.current{background:var(--acc3);color:#00171d}.browser-item .pack{color:var(--dim);font-size:9px;margin-left:auto;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-item.current .pack{color:#00171d}.browser-item .play{padding:0 7px;font-size:10px;background:var(--step-off);border:1px solid var(--brd);border-radius:3px;color:var(--acc);height:18px}.browser-item .play:hover{border-color:var(--acc)}.statusbar{display:flex;align-items:center;gap:10px;padding:5px 12px;background:var(--panel);border-top:1px solid var(--brd);font-size:9.5px;color:var(--dim);flex-shrink:0}.statusbar .cat{color:var(--acc)}.statusbar .log{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.statusbar .keys{letter-spacing:.5px;white-space:nowrap}.kitty-win{position:fixed;z-index:40;background:var(--panel);border:1px solid var(--brd2);border-radius:10px;box-shadow:0 18px 50px #0009;overflow:hidden}.kitty-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--brd);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.kitty-bar .title{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--acc)}.kitty-bar .sep{font-size:8px;color:var(--dim)}.kitty-bar .spacer{flex:1}.kitty-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 90%,rgba(255,255,255,.05),transparent 65%);overflow:hidden}.kitty-stage canvas{image-rendering:pixelated;margin-bottom:14px}.kitty-stage pre{margin:0 0 16px;color:var(--acc);line-height:1.15;text-shadow:var(--glow-acc);font-family:var(--fm)}.kitty-floor{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:56%;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent)}.kitty-note{position:absolute;right:16px;top:14px;color:var(--acc3);font-size:15px;opacity:0;text-shadow:var(--glow-acc3)}.kitty-foot{display:flex;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid var(--brd)}.kitty-foot .info{font-size:8.5px;color:var(--dim);letter-spacing:.5px}.kitty-foot .spacer{flex:1}.kitty-vec{position:relative;width:130px;height:140px;margin-bottom:14px;transform-origin:50% 100%}.kitty-stage.photo{align-items:center;padding:9px 0 6px;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.04),transparent 70%)}.kitty-stage.photo canvas{image-rendering:auto;margin:0}.kitty-paw{padding:7px 10px 4px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--brd)}.kitty-paw .paw-label{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:2px;color:var(--dim)}.kitty-paw .paw-label .spacer{flex:1}.kitty-paw .paw-read{font-size:8px;color:var(--acc2)}.paw-pad{position:relative;height:56px;background:#000;border:1px solid var(--brd2);border-radius:6px;cursor:crosshair;touch-action:none;overflow:hidden}.paw-pad .paw-grad{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 18%,transparent),transparent 55%),linear-gradient(0deg,transparent 55%,color-mix(in srgb,var(--acc2) 14%,transparent))}.paw-pad .paw-dot{position:absolute;transform:translate(-50%,-50%);font-size:14px;pointer-events:none;filter:drop-shadow(0 0 6px var(--acc))}.song-panel{border-bottom:1px solid var(--brd);background:var(--raised);padding:6px 12px;display:flex;flex-direction:column;gap:6px}.song-row{display:flex;align-items:flex-start;gap:10px}.song-row>label{color:var(--dim);font-size:10px;letter-spacing:1px;width:64px;padding-top:7px;flex:none}.pattern-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.pattern-chip{display:inline-flex;border:1px solid var(--brd);border-radius:var(--radius);overflow:hidden}.pattern-chip .chip-name{border:none;border-radius:0;background:var(--panel)}.pattern-chip.active{border-color:var(--acc)}.pattern-chip.active .chip-name{background:var(--acc);color:var(--accink);font-weight:700}.pattern-chip .chip-x{border:none;border-radius:0;padding:5px 7px;background:var(--panel);color:var(--dim)}.pattern-chip .chip-x:hover{color:var(--acc2)}.timeline{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;flex:1}.section-block{position:relative;border:1px solid var(--brd);border-radius:var(--radius);background:var(--panel);padding:4px 7px;cursor:pointer;overflow:hidden;flex:none}.section-block:hover{border-color:var(--acc3)}.section-block.playing{border-color:var(--acc);box-shadow:var(--glow-acc)}.section-progress{position:absolute;left:0;top:0;bottom:0;background:#b8ff2917;pointer-events:none}.section-block header{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin-bottom:3px;position:relative}.section-name{font-weight:700;color:var(--acc3)}.section-block.playing .section-name{color:var(--acc)}.section-bars{color:var(--dim);font-size:10px}.section-controls{display:flex;gap:2px;align-items:center;position:relative}.section-controls select{font-size:10px;padding:1px 2px;max-width:66px}.section-controls button{font-size:9px;padding:2px 5px;line-height:1.4}.timeline-actions{display:flex;gap:5px;align-items:center}.song-total{color:var(--dim);font-size:10px;margin-left:4px;white-space:nowrap}.kitty-dock{position:relative}.kitty-dock.right{width:420px}.kitty-dock.bottom{width:100%;border-left:none;border-top:1px solid var(--brd)}.kitty-dock.collapsed{height:auto!important}.kitty-dock.collapsed .kitty-editor,.kitty-dock.collapsed .kitty-errors,.kitty-dock.collapsed .kitty-footer,.kitty-dock.collapsed .dock-resize{display:none}.dock-resize{position:absolute;z-index:6}.kitty-dock.bottom .dock-resize{top:-2px;left:0;right:0;height:6px;cursor:ns-resize}.kitty-dock.right .dock-resize{top:0;left:-2px;bottom:0;width:6px;cursor:ew-resize}.dock-resize:hover{background:color-mix(in srgb,var(--acc) 40%,transparent)}.kitty-modified{color:var(--acc2);font-size:12px;line-height:1}.kitty-demo-select{font-size:9.5px;max-width:150px;padding:3px 4px}.kitty-editor{flex:1;display:flex;min-height:0;position:relative;background:#000}.kitty-cm{flex:1;min-width:0;min-height:0;overflow:hidden}.kitty-cm .cm-editor{height:100%}.kitty-cm .cm-editor.cm-focused{outline:none}.cm-kitty-selector{color:var(--acc);font-weight:600}.cm-kitty-verb{color:var(--acc3)}.cm-kitty-global{color:var(--acc2);font-weight:600}.cm-kitty-keyword{color:var(--warn);font-weight:700}.cm-kitty-string{color:color-mix(in srgb,var(--acc) 65%,var(--tx))}.cm-kitty-number{color:color-mix(in srgb,var(--acc3) 60%,var(--tx))}.cm-kitty-variable{color:var(--warn)}.cm-kitty-arg{color:var(--tx)}.cm-kitty-punct{color:var(--dim)}.cm-kitty-comment{color:var(--dim);font-style:italic;opacity:.85}.kitty-errors{max-height:96px;overflow:auto;border-top:1px solid var(--brd);padding:6px 12px;font-size:9.5px;line-height:1.6;color:var(--acc2);background:#ff2ea60d}.kitty-errors b{color:var(--tx);font-weight:700;margin-right:4px}.kitty-footer{display:flex;align-items:center;gap:10px}.kitty-run{background:var(--acc);border:1px solid var(--acc);color:var(--accink);border-radius:var(--radius);font-size:10px;font-weight:700;letter-spacing:1.5px;padding:5px 12px;cursor:pointer;flex-shrink:0}.kitty-run:hover{filter:brightness(1.15)}.kitty-line{background:transparent;border:1px solid var(--acc3);color:var(--acc3);border-radius:var(--radius);font-size:10px;font-weight:700;letter-spacing:1.5px;padding:5px 10px;cursor:pointer;flex-shrink:0}.kitty-line:hover{background:var(--acc3);color:#00171d}.kitty-break{background:transparent;border:1px solid var(--warn);color:var(--warn);border-radius:var(--radius);font-size:10px;font-weight:700;letter-spacing:1.5px;padding:5px 12px;cursor:pointer;flex-shrink:0}.kitty-break:hover{background:var(--warn);color:#201500}.kitty-dict{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel);display:flex;flex-direction:column;z-index:5;border-left:1px solid var(--brd)}.kitty-dict-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--brd);font-size:10px;letter-spacing:2px;color:var(--acc3);font-weight:700}.kitty-dict-head .spacer{flex:1}.kitty-dict-body{flex:1;overflow:auto;padding:10px 12px}.kitty-dict-body h4{margin:12px 0 6px;font-size:9.5px;letter-spacing:2px;color:var(--acc2);text-transform:uppercase}.kitty-dict-body section:first-child h4{margin-top:0}.kitty-dict-body p{margin:0 0 8px;font-size:10px;line-height:1.55;color:var(--dim)}.kitty-dict-body p b{color:var(--acc);font-weight:400;font-family:var(--fm)}.kitty-dict-window{position:fixed;top:52px;right:14px;bottom:46px;width:330px;max-width:calc(100vw - 28px);z-index:46;background:var(--panel);border:1px solid var(--brd2);border-radius:10px;overflow:hidden;box-shadow:0 18px 50px #0000008c;display:flex;flex-direction:column}.kitty-dict-window .kitty-dict-head{cursor:default}.landing-card{position:relative;z-index:1;width:min(380px,92vw);padding:30px 26px 22px;background:var(--panel);border:1px solid var(--brd2);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:0 24px 60px #00000080}.brand-icon.big{font-size:40px;color:var(--acc);text-shadow:var(--glow-acc)}.landing-card h1{margin:0;font-size:26px;letter-spacing:6px;color:var(--tx)}.landing-card .tagline{margin:-6px 0 4px;color:var(--dim);font-size:12px;letter-spacing:1px}.auth-pane{display:flex;flex-direction:column;gap:12px;width:100%}.auth-input{width:100%;padding:11px 12px;background:#000;border:1px solid var(--brd2);border-radius:6px;color:var(--tx);font-family:var(--fm);font-size:14px;outline:none}.auth-input:focus{border-color:var(--acc)}.enter-btn{width:100%;padding:12px;background:var(--acc);color:var(--accink);border:1px solid var(--acc);border-radius:6px;font-weight:700;letter-spacing:1px;cursor:pointer;font-size:13px}.enter-btn:hover:not(:disabled){box-shadow:var(--glow-acc)}.enter-btn:disabled{opacity:.5;cursor:default}.auth-link{background:none;border:none;color:var(--acc3);font-size:11px;cursor:pointer}.auth-note{color:var(--dim);font-size:12px;line-height:1.5}.auth-note b{color:var(--acc)}.auth-error{color:var(--warn);font-size:11px;margin:0}.auth-fine{color:var(--dim);font-size:10px;margin:6px 0 0}.phone-row{display:flex;gap:8px;width:100%}.phone-row .phone-input{flex:1;min-width:0}.cc-box{position:relative;display:flex;align-items:center;flex:none;background:#000;border:1px solid var(--brd2);border-radius:6px;padding:0 12px;cursor:pointer}.cc-box:focus-within{border-color:var(--acc)}.cc-face{display:flex;align-items:center;gap:5px;color:var(--tx);font-family:var(--fm);font-size:15px;white-space:nowrap}.cc-arrow{color:var(--dim);font-size:10px}.cc-box select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cc-box select option{color:#111;background:#fff;font-size:15px}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:6px;font-family:var(--fm);font-weight:700;font-size:14px;letter-spacing:.3px;cursor:pointer}.google-btn:hover:not(:disabled){box-shadow:0 2px 10px #00000059}.google-btn:disabled{opacity:.6;cursor:default}.google-btn svg{width:18px;height:18px}.auth-or{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:11px;letter-spacing:2px;margin:2px 0}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--brd2)}.auth-screen .landing-card{width:min(440px,94vw);padding:40px 34px 30px;gap:18px}.auth-screen .brand-icon.big{font-size:60px}.auth-screen .landing-card h1{font-size:42px;letter-spacing:8px}.auth-screen .landing-card .tagline{font-size:17px;letter-spacing:1.5px}.auth-screen .auth-input{font-size:16px;padding:13px 14px}.auth-screen .enter-btn{font-size:15px;padding:14px}.auth-screen .auth-fine{font-size:12px}.trial-timer{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--panel);border:1px solid var(--brd2);border-radius:999px;color:var(--dim);font-size:11px;letter-spacing:.5px;box-shadow:0 8px 24px #00000080}.trial-timer .trial-dot{color:var(--acc)}.trial-timer.low{border-color:var(--warn);color:var(--warn)}.trial-timer.low .trial-dot{color:var(--warn);animation:krpulse 1s infinite}.trial-timer.paid{color:var(--acc2);border-color:var(--acc2)}.trial-timer.paid .trial-dot{color:var(--acc2)}.trial-timer.paid.low{color:var(--warn);border-color:var(--warn)}.trial-unlock{background:var(--acc);color:var(--accink);border:none;border-radius:999px;padding:3px 10px;font-weight:700;font-size:10px;letter-spacing:1px;cursor:pointer}.paywall-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.paywall{width:min(560px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--brd2);border-radius:12px;box-shadow:0 24px 70px #0009}.paywall>header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--brd)}.paywall>header .brace{color:var(--acc2);font-weight:700}.paywall>header .title{font-size:11px;letter-spacing:2.5px;color:var(--tx);font-weight:700}.paywall>header .spacer{flex:1}.paywall-reason{margin:0;padding:14px 16px 4px;color:var(--tx);font-size:13px}.paywall-section{padding:12px 16px 6px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--acc2)}.paywall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:0 16px}.paywall-grid.single{grid-template-columns:1fr;padding:8px 16px 4px}.paywall-grid.single .plan-card{align-items:center;text-align:center;padding:22px 20px}.paywall-grid.single .plan-price{font-size:30px}.paywall-grid.single .plan-label{font-size:15px;letter-spacing:1px}.plan-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:8px;color:var(--tx)}.plan-card:hover:not(:disabled){border-color:var(--acc);box-shadow:var(--glow-acc)}.plan-card:disabled{opacity:.5;cursor:default}.plan-label{font-size:13px;font-weight:700}.plan-price{font-size:20px;color:var(--acc);font-weight:700}.plan-blurb{font-size:10.5px;color:var(--dim)}.plan-cta{margin-top:4px;font-size:10px;letter-spacing:1.5px;color:var(--acc3);text-transform:uppercase}.paywall-note{margin:0;padding:6px 16px 0;color:var(--acc3);font-size:11px;text-align:center}.paywall>.chip{margin:8px auto 0;display:block}.paywall-fine{text-align:center;color:var(--dim);font-size:10px;padding:14px 16px 16px;margin:0}.transport .group.tight{gap:4px}.pos-box{display:flex;align-items:baseline;justify-content:center;gap:3px;background:#000;border:1px solid var(--brd2);border-radius:5px;padding:2px 12px;min-width:52px}.pos-box .val{font-size:20px;font-weight:700;color:var(--acc2);text-shadow:var(--glow-acc2);letter-spacing:1px;line-height:1.1}.pos-box .unit{font-size:8px;letter-spacing:2px;color:var(--dim)}.master-meter{width:66px;height:22px;background:#000;border:1px solid var(--brd2);border-radius:4px;overflow:hidden;display:flex;align-items:flex-end;padding:2px;gap:2px}.master-meter i{flex:1;height:0;background:linear-gradient(0deg,var(--acc2),var(--warn) 75%,var(--acc));border-radius:2px;transition:height .05s linear}:root[data-perf=low]{--glow-acc: none;--glow-acc2: none;--glow-acc3: none}:root[data-perf=low] .scanlines{display:none}:root[data-perf=low] .landing .blob{display:none}@media (prefers-reduced-motion: reduce){.btn-rec.recording{animation:none}}.browser-side{width:225px;flex-shrink:0;border-right:1px solid var(--brd);background:var(--panel);display:flex;flex-direction:column;min-height:0;position:relative;z-index:1}.browser-side .bs-head{padding:8px 10px 6px;border-bottom:1px solid var(--brd);display:flex;flex-direction:column;gap:6px}.browser-side .bs-title{font-size:9px;letter-spacing:2.5px;color:var(--tx);font-weight:700}.browser-side .bs-search{background:#000;border:1px solid var(--brd2);border-radius:4px;padding:5px 8px;color:var(--tx);font-size:11px;width:100%}.browser-side .bs-search:focus{border-color:var(--acc);outline:none}.browser-side .bs-cats{display:flex;gap:3px;flex-wrap:wrap}.browser-side .bs-cat{padding:2px 7px;font-size:8.5px;letter-spacing:.5px;border-radius:3px;background:var(--raised);border:1px solid var(--brd2);color:var(--dim)}.browser-side .bs-cat:hover{color:var(--tx);border-color:var(--acc)}.browser-side .bs-cat.on{background:var(--acc);border-color:var(--acc);color:var(--accink);font-weight:700}.browser-side .bs-list{flex:1;overflow:auto;padding:4px}.browser-side .bs-item{display:flex;gap:6px;align-items:center;padding:3px 5px;border-radius:4px}.browser-side .bs-item:hover{background:var(--raised)}.browser-side .bs-item .bs-play{padding:0 6px;font-size:9px;background:var(--step-off);border:1px solid var(--brd);border-radius:3px;color:var(--acc2);height:17px;flex-shrink:0}.browser-side .bs-item .bs-play:hover{border-color:var(--acc2)}.browser-side .bs-item .bs-load{cursor:pointer;min-width:0;flex:1}.browser-side .bs-item .bs-name{font-size:10.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-side .bs-item.current .bs-name{color:var(--acc)}.browser-side .bs-item .bs-pack{font-size:8px;color:var(--dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-side .bs-foot{padding:6px 10px;border-top:1px solid var(--brd);font-size:8.5px;color:var(--dim);line-height:1.5}.browser-side .bs-foot b{color:var(--acc);font-weight:400}.bottom-panel.dock{height:308px;max-height:46vh}.panel-tabs .tab{padding:5px 10px;font-size:10px;letter-spacing:1px;border-radius:5px 5px 0 0;cursor:pointer;background:transparent;border:1px solid transparent;border-bottom:none;color:var(--dim);font-weight:700}.panel-tabs .tab:hover:not(:disabled){color:var(--tx)}.panel-tabs .tab.on{background:var(--raised);border-color:var(--brd2);color:var(--acc)}.panel-tabs .tab:disabled{opacity:.4;cursor:default}.panel-body.code{display:flex;overflow:hidden;padding:8px 12px}.panel-empty{color:var(--dim);font-size:11px;padding:20px 4px;letter-spacing:.3px}.kitty-code-panel{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}.kitty-code-panel .kcp-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.kitty-code-panel .kcp-toolbar .hint{margin-left:auto;padding:0}.kitty-code-panel .kitty-editor{flex:1;border:1px solid var(--brd2);border-radius:6px}.kitty-code-panel .kitty-errors{border-radius:0 0 6px 6px}.kitty-code-panel .kitty-footer{border-top:none;padding:0}.code-view{height:100%;display:flex;flex-direction:column;min-height:0}.code-view-tabs{display:flex;align-items:center;gap:6px;padding:0 0 8px;border-bottom:1px solid var(--brd);margin-bottom:8px}.code-tab{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:12px;color:var(--tx);background:var(--raised);border:1px solid var(--brd);border-bottom:none;border-radius:7px 7px 0 0}.code-tab .dot{width:7px;height:7px;border-radius:50%;background:var(--acc2);box-shadow:var(--glow-acc2)}.code-tab .icon-x{background:none;border:none;color:var(--dim);cursor:pointer;font-size:12px;padding:0 0 0 2px}.code-tab .icon-x:hover{color:var(--acc)}.code-back{background:var(--raised);border:1px solid var(--brd2);border-radius:5px;padding:5px 12px;color:var(--dim);cursor:pointer;font-size:11.5px;letter-spacing:1.5px}.code-back:hover{color:var(--tx);border-color:var(--acc)}.code-view-body{flex:1;display:flex;gap:10px;min-height:0}.code-view-editor{flex:1;display:flex;min-width:0;min-height:0}.code-view-dict{width:300px;flex-shrink:0;overflow:auto;border-left:1px solid var(--brd);background:#0a051499;border-radius:6px;padding:10px 14px}.code-view-dict .cvd-head{font-size:11px;letter-spacing:2px;color:var(--tx);font-weight:700;margin-bottom:8px}.code-view-dict .cvd-row{display:flex;flex-direction:column;padding:5px 0;border-bottom:1px dashed var(--brd)}.code-view-dict .cvd-k{color:var(--acc2);font-size:12px}.code-view-dict .cvd-v{color:var(--dim);font-size:11.5px}@media (max-width: 720px){.code-view-dict{display:none}}.door-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:18px;width:100%;margin:6px 0 2px}.door-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;width:auto;min-width:0;padding:20px 20px 17px;cursor:pointer;background:color-mix(in srgb,var(--raised) 82%,transparent);border:1px solid var(--brd2);border-radius:14px;color:var(--tx);font-family:inherit;transition:border-color .16s,transform .16s,box-shadow .16s}.door .landing-hero{max-width:min(1040px,94vw);padding:30px 40px 34px;flex-shrink:0;margin:auto}.door{overflow-y:auto;padding:28px 16px}.door-card:hover{transform:translateY(-3px);border-color:var(--acc);box-shadow:0 18px 44px #00000080}.door-card.art:hover{border-color:var(--acc3)}.door-card.jam:hover{border-color:var(--acc2)}.door-glyph{font-size:26px;color:var(--acc);line-height:1}.door-card.art .door-glyph{color:var(--acc3)}.door-card.jam .door-glyph{color:var(--acc2)}.door-title{font-family:var(--fd);font-size:17px;font-weight:700;letter-spacing:3px}.door-blurb{color:var(--dim);font-size:12px;line-height:1.5}.door-meta{color:var(--dim);font-family:var(--fm);font-size:10px;letter-spacing:1.4px;opacity:.8}.door-go{margin-top:3px;color:var(--acc);font-family:var(--fm);font-size:11px;letter-spacing:2px}.door-card.art .door-go{color:var(--acc3)}.door-card.jam .door-go{color:var(--acc2)}.corner-back{position:absolute;top:14px;left:20px;z-index:2;background:none;border:none;color:var(--dim);font-family:var(--fm);font-size:10px;letter-spacing:1.5px;cursor:pointer}.corner-back:hover{color:var(--acc)}.crash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg);display:flex;align-items:center;justify-content:center}.crash-card{width:min(520px,92vw);padding:30px 28px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:var(--panel);border:1px solid var(--brd2);border-radius:14px}.crash-card h2{margin:0;font-size:17px;letter-spacing:2px;color:var(--tx)}.crash-where{margin:0;color:var(--dim);font-size:12px}.crash-msg{margin:0;width:100%;max-height:130px;overflow:auto;padding:10px 12px;text-align:left;background:#000;border:1px solid var(--brd);border-radius:6px;color:var(--warn);font-family:var(--fm);font-size:11px;white-space:pre-wrap}.crash-actions{display:flex;gap:10px;align-items:center;margin-top:4px}.crash-home{background:none;border:none;color:var(--dim);font-family:var(--fm);font-size:11px;letter-spacing:1.5px;cursor:pointer}.crash-home:hover{color:var(--acc)}.art-room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.art-top{display:flex;align-items:center;gap:12px;flex-shrink:0;height:42px;padding:0 12px;border-bottom:1px solid var(--brd);background:var(--panel)}.art-title{flex:1;text-align:center;font-family:var(--fd);font-size:12px;letter-spacing:4px;color:var(--tx)}.art-back{background:none;border:1px solid var(--brd2);border-radius:5px;padding:6px 10px;color:var(--dim);font-family:var(--fm);font-size:10px;letter-spacing:1.5px;cursor:pointer}.art-back:hover{color:var(--acc);border-color:var(--acc)}.art-body{display:flex;flex:1;min-height:0}.art-stage{position:relative;flex:1;min-width:0}.art-canvas{display:block;width:100%;height:100%}.art-error{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:min(460px,88vw);padding:12px 16px;text-align:center;background:var(--panel);border:1px solid var(--warn);border-radius:8px;color:var(--tx);font-size:12px}.art-error span{color:var(--dim);font-family:var(--fm);font-size:11px}.art-panel{width:264px;flex-shrink:0;overflow-y:auto;padding:12px 12px 18px;border-left:1px solid var(--brd);background:var(--panel);display:flex;flex-direction:column;gap:14px}.art-panel-head{display:flex;align-items:center;justify-content:space-between}.art-brand{font-family:var(--fm);font-size:10px;letter-spacing:1.5px;color:var(--acc)}.art-status{font-family:var(--fm);font-size:10px;color:var(--dim)}.art-status.busy{color:var(--acc3)}.art-section{display:flex;flex-direction:column;gap:7px}.art-label{font-family:var(--fm);font-size:9px;letter-spacing:2px;color:var(--dim)}.art-gens{display:flex;flex-wrap:wrap;gap:5px}.art-gen{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--dim);font-family:var(--fm);font-size:10.5px}.art-gen:hover{color:var(--tx)}.art-gen.on{color:var(--accink);background:var(--acc);border-color:var(--acc)}.art-anim{font-size:8px;opacity:.8}.art-about{margin:2px 0 0;color:var(--dim);font-size:11px;line-height:1.45}.art-param{display:grid;grid-template-columns:76px 1fr 30px;align-items:center;gap:7px}.art-param-name{color:var(--dim);font-size:10.5px}.art-param input{width:100%;accent-color:var(--acc)}.art-param-val{color:var(--tx);font-family:var(--fm);font-size:10px;text-align:right}.art-param-choice{grid-template-columns:76px 1fr}.art-param-choice .art-chips{display:flex;flex-wrap:wrap;gap:3px}.art-chip{background:transparent;border:1px solid var(--brd2);border-radius:3px;color:var(--dim);cursor:pointer;font-size:9px;letter-spacing:.5px;padding:3px 6px}.art-chip:hover{color:var(--tx);border-color:var(--acc)}.art-chip.on{background:var(--acc);border-color:var(--acc);color:var(--accink);font-weight:700}.art-seed-row{display:flex;align-items:center;gap:8px}.art-seed{flex:1;color:var(--acc3);font-family:var(--fm);font-size:12px;letter-spacing:1px}.art-note{margin:0;color:var(--dim);font-size:10.5px}.art-actions{display:flex;gap:8px;margin-top:auto}.art-btn{flex:1;padding:8px 10px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:10.5px;letter-spacing:1px}.art-btn:hover{border-color:var(--acc);color:var(--acc)}.art-btn.primary{background:var(--acc);border-color:var(--acc);color:var(--accink)}@media (max-width: 720px){.art-body{flex-direction:column}.art-panel{width:auto;border-left:none;border-top:1px solid var(--brd);max-height:46%}.art-stage{flex:1;min-height:200px}}.art-seed.off{color:var(--dim);text-decoration:line-through;opacity:.6}.art-btn:disabled{opacity:.4;cursor:default;border-color:var(--brd);color:var(--dim)}@media (max-width: 720px){.door{justify-content:flex-start;padding:44px 12px 28px}.door .landing-hero{max-width:100%;padding:22px 18px 24px;border-radius:16px;gap:12px}.door h1{font-size:clamp(28px,11vw,52px);letter-spacing:3px}.door .tag-serif{font-size:15px}.door .note{text-align:center}.door-cards{grid-template-columns:1fr;gap:12px}}.paywall.donate{width:min(520px,94vw)}.donate-body{display:flex;gap:16px;align-items:flex-start;padding:12px 16px 4px}.donate-qr{flex-shrink:0;background:#fff;padding:8px;border-radius:8px;line-height:0;box-shadow:0 6px 20px #00000073}.donate-qr img{display:block;width:190px;height:190px}.donate-side{display:flex;flex-direction:column;gap:9px;min-width:0;flex:1}.donate-label{font-family:var(--fm);font-size:9px;letter-spacing:2px;color:var(--dim)}.donate-vpa-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.donate-vpa{flex:1;min-width:0;padding:7px 9px;background:#000;border:1px solid var(--brd2);border-radius:5px;color:var(--acc3);font-family:var(--fm);font-size:12px;overflow-wrap:anywhere}.donate-open{display:inline-block;padding:10px 14px;text-align:center;text-decoration:none;background:var(--acc);color:var(--accink);border-radius:6px;font-family:var(--fm);font-size:11px;letter-spacing:2px;font-weight:700}.donate-intl{color:var(--acc3);font-family:var(--fm);font-size:11px}.donate-intl-note{margin:0;color:var(--dim);font-size:11px;line-height:1.5}@media (max-width: 560px){.donate-body{flex-direction:column;align-items:center}.donate-side{width:100%}}.door-donate{margin-top:2px;padding:9px 18px;cursor:pointer;background:none;border:1px solid var(--brd2);border-radius:999px;color:var(--dim);font-family:var(--fm);font-size:11px;letter-spacing:1.5px}.door-donate:hover{color:var(--acc2);border-color:var(--acc2)}.lab-room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.lab-top{display:flex;align-items:center;gap:12px;flex-shrink:0;height:42px;padding:0 12px;border-bottom:1px solid var(--brd);background:var(--panel)}.lab-title{flex:1;text-align:center;font-family:var(--fd);font-size:12px;letter-spacing:4px;color:var(--tx)}.lab-back{background:none;border:1px solid var(--brd2);border-radius:5px;padding:6px 10px;color:var(--dim);font-family:var(--fm);font-size:10px;letter-spacing:1.5px;cursor:pointer}.lab-back:hover{color:var(--acc);border-color:var(--acc)}.lab-body{display:flex;flex:1;min-height:0}.lab-stage{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px;gap:10px}.lab-stage-head{display:flex;align-items:center;gap:8px}.lab-stage-head .spacer{flex:1}.lab-kitname{background:none;border:1px dashed transparent;border-radius:5px;padding:4px 8px;cursor:pointer;color:var(--tx);font-family:var(--fd);font-size:13px;letter-spacing:2px}.lab-kitname:hover{border-color:var(--brd2);color:var(--acc)}.lab-kitname-input{background:var(--raised);border:1px solid var(--acc);border-radius:5px;padding:4px 8px;color:var(--tx);font-family:var(--fd);font-size:13px;letter-spacing:2px;min-width:180px}.lab-grid-wrap{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;flex:1;min-height:0;align-content:stretch}.lab-pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;cursor:pointer;overflow:hidden;background:var(--raised);border:1px solid var(--brd2);border-radius:8px;color:var(--dim);font-family:var(--fm);font-size:11px;transition:background-color .09s linear,border-color .09s linear,transform .06s ease-out}.lab-pad:hover{border-color:var(--brd);color:var(--tx)}.lab-pad.filled{color:var(--tx);border-color:var(--brd);background:var(--panel)}.lab-pad.sel{border-color:var(--acc3);box-shadow:inset 0 0 0 1px var(--acc3)}.lab-pad.lit{background:var(--acc);border-color:var(--acc);color:var(--accink);transform:scale(.97)}.lab-pad.muted{opacity:.45}.lab-pad-key{position:absolute;top:5px;left:7px;font-size:9px;opacity:.5;text-transform:uppercase}.lab-pad-choke{position:absolute;top:5px;right:7px;font-size:9px;color:var(--warn);opacity:.8}.lab-pad-name{max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-status{flex-shrink:0;padding:6px 8px;border:1px solid var(--brd);border-radius:5px;background:var(--panel);color:var(--dim);font-family:var(--fm);font-size:10.5px}.lab-panel{width:272px;flex-shrink:0;overflow-y:auto;padding:12px 12px 18px;border-left:1px solid var(--brd);background:var(--panel);display:flex;flex-direction:column;gap:14px}.lab-panel-head{display:flex;align-items:center;justify-content:space-between}.lab-brand{font-family:var(--fm);font-size:10px;letter-spacing:1.5px;color:var(--acc)}.lab-section{display:flex;flex-direction:column;gap:7px}.lab-label{font-family:var(--fm);font-size:9px;letter-spacing:2px;color:var(--dim)}.lab-about{margin:2px 0 0;color:var(--dim);font-size:11px;line-height:1.45}.lab-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.lab-gens{display:flex;flex-wrap:wrap;gap:5px}.lab-gen,.lab-chip{padding:5px 9px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--dim);font-family:var(--fm);font-size:10.5px}.lab-gen:hover,.lab-chip:hover{color:var(--tx)}.lab-gen.on,.lab-chip.on{color:var(--accink);background:var(--acc);border-color:var(--acc)}.lab-param{display:grid;grid-template-columns:62px 1fr 48px;align-items:center;gap:7px}.lab-param-name{color:var(--dim);font-size:10.5px}.lab-param input{width:100%;accent-color:var(--acc)}.lab-param-val{color:var(--tx);font-family:var(--fm);font-size:10px;text-align:right}.lab-param-val i{color:var(--dim);font-style:normal;font-size:9px;margin-left:1px}.lab-seed-row{display:flex;align-items:center;gap:8px}.lab-seed{flex:1;color:var(--acc3);font-family:var(--fm);font-size:12px;letter-spacing:1px}.lab-seed.off{color:var(--dim);text-decoration:line-through;opacity:.6}.lab-actions{display:flex;gap:8px;margin-top:auto}.lab-btn{padding:7px 10px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:10.5px;letter-spacing:1px}.lab-btn:hover{border-color:var(--acc);color:var(--acc)}.lab-btn.primary{background:var(--acc);border-color:var(--acc);color:var(--accink)}.lab-btn.tiny{padding:4px 8px;letter-spacing:0}.lab-btn:disabled{opacity:.4;cursor:default;border-color:var(--brd);color:var(--dim)}.lab-actions .lab-btn{flex:1}.lab-wake{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.lab-wake-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:0 24px}.lab-wake-glyph{font-size:40px;color:var(--acc)}.lab-wake-title{margin:0;font-family:var(--fd);font-size:15px;letter-spacing:5px;color:var(--tx)}.lab-wake-note{margin:0;color:var(--dim);font-size:12px;line-height:1.6}@media (max-width: 720px){.lab-body{flex-direction:column}.lab-panel{width:auto;border-left:none;border-top:1px solid var(--brd);max-height:46%}.lab-stage{min-height:300px}}.jam-room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.jam-top{display:flex;align-items:center;gap:12px;flex-shrink:0;height:42px;padding:0 12px;border-bottom:1px solid var(--brd);background:var(--panel)}.jam-title{flex:1;text-align:center;font-family:var(--fd);font-size:12px;letter-spacing:4px;color:var(--tx)}.jam-back{background:none;border:1px solid var(--brd2);border-radius:5px;padding:6px 10px;color:var(--dim);font-family:var(--fm);font-size:10px;letter-spacing:1.5px;cursor:pointer}.jam-back:hover{color:var(--acc2);border-color:var(--acc2)}.jam-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding:14px;gap:14px}.jam-row{display:flex;flex-wrap:wrap;gap:6px}.jam-instrument-picker,.jam-assist-panel,.jam-midi-panel,.jam-fx-rack,.jam-keyboard-hint{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--panel);border:1px solid var(--brd);border-radius:8px}.jam-key-scale{display:flex;gap:6px}.jam-keyboard-hint p{margin:0;color:var(--dim);font-size:11px;line-height:1.6}.jam-keyboard-hint kbd{display:inline-block;margin:0 1px;padding:1px 5px;background:var(--raised);border:1px solid var(--brd2);border-radius:3px;color:var(--tx);font-family:var(--fm);font-size:10px}.jam-record-bar{display:flex;align-items:center;gap:10px}.jam-btn{padding:8px 14px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:11px;letter-spacing:1px}.jam-btn:hover{border-color:var(--acc2);color:var(--acc2)}.jam-btn.rec{background:var(--acc2);border-color:var(--acc2);color:var(--acc2ink);font-weight:700}.jam-record-timer{color:var(--dim);font-family:var(--fm);font-size:11px}.jam-record-timer.warn{color:var(--warn)}.jam-status{flex-shrink:0;padding:6px 8px;border:1px solid var(--brd);border-radius:5px;background:var(--panel);color:var(--dim);font-family:var(--fm);font-size:10.5px}.jam-wake{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer}.jam-wake-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:0 24px}.jam-wake-glyph{font-size:40px;color:var(--acc2)}.jam-wake-title{margin:0;font-family:var(--fd);font-size:15px;letter-spacing:5px;color:var(--tx)}.jam-wake-note{margin:0;color:var(--dim);font-size:12px;line-height:1.6}.lab-wave-wrap{display:flex;flex-direction:column;gap:4px}.lab-wave{display:block;width:100%;height:96px;cursor:ew-resize;border:1px solid var(--brd);border-radius:6px;background:var(--panel)}.lab-wave-meta{display:flex;color:var(--dim);font-family:var(--fm);font-size:9.5px}.lab-wave-meta .spacer{flex:1}.lab-browser{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.lab-browser-head{display:flex;align-items:center;gap:8px}.lab-browser-head .spacer{flex:1}.lab-search{width:160px;padding:5px 8px;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:10.5px}.lab-cats{display:flex;flex-wrap:wrap;gap:4px}.lab-browser-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid var(--brd);border-radius:6px;background:var(--panel);padding:4px}.lab-browser-item{display:flex;align-items:center;gap:6px}.lab-browser-load{flex:1;display:flex;align-items:baseline;gap:8px;padding:5px 8px;cursor:pointer;background:none;border:1px solid transparent;border-radius:5px;text-align:left;color:var(--tx);font-family:var(--fm);font-size:11px}.lab-browser-load:hover{border-color:var(--acc);color:var(--acc)}.lab-browser-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-browser-pack{color:var(--dim);font-size:9.5px}.lab-browser-empty{padding:14px;color:var(--dim);font-size:11px;text-align:center}.lab-btn.rec{background:var(--warn);border-color:var(--warn);color:var(--accink)}.lab-code{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.lab-code-head{display:flex;align-items:center;gap:6px}.lab-code-head .spacer{flex:1}.lab-code-editor{flex:1;min-height:0;overflow:hidden;border:1px solid var(--brd);border-radius:6px;background:var(--panel)}.lab-code-editor .cm-editor{height:100%}.lab-code-foot{flex-shrink:0;max-height:96px;overflow-y:auto;padding:6px 8px;border:1px solid var(--brd);border-radius:5px;background:var(--panel);font-family:var(--fm);font-size:10.5px}.lab-code-ok{color:var(--dim)}.lab-code-errors{display:flex;flex-direction:column;gap:3px;color:var(--warn)}.lab-code-errors b{color:var(--tx);font-weight:500}.lab-code-loading{flex:1;display:grid;place-items:center;color:var(--dim);font-size:11px}.lab-transport{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0;padding:7px 9px;border:1px solid var(--brd);border-radius:8px;background:var(--panel)}.lab-transport .spacer{flex:1}.lab-sep{width:1px;align-self:stretch;margin:0 3px;background:var(--brd2)}.lab-play{width:40px;padding:7px 0;cursor:pointer;text-align:center;background:var(--raised);border:1px solid var(--brd2);border-radius:6px;color:var(--tx);font-size:13px;line-height:1}.lab-play:hover{border-color:var(--acc);color:var(--acc)}.lab-play.on{background:var(--acc);border-color:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.lab-tempo{display:flex;align-items:baseline;gap:4px;color:var(--dim);font-size:9.5px;letter-spacing:1px}.lab-tempo input{width:56px;padding:5px 6px;background:var(--raised);border:1px solid var(--brd2);border-radius:5px;color:var(--tx);font-family:var(--fm);font-size:11.5px;text-align:right}.lab-swing{display:flex;align-items:center;gap:5px;color:var(--dim);font-size:9.5px;letter-spacing:1px}.lab-swing input[type=range]{width:70px}.lab-swing b{color:var(--tx);font-weight:500;font-size:10px;min-width:26px}.lab-len{display:flex;gap:3px}.lab-seq{--lab-lane-name: 124px;--lab-lane-gap: 7px;flex-shrink:0;display:flex;flex-direction:column;max-height:34%;overflow-y:auto;padding:7px;border:1px solid var(--brd);border-radius:8px;background:var(--panel)}.lab-seq.empty{display:grid;place-items:center;min-height:84px}.lab-seq-empty{margin:0;color:var(--dim);font-size:11px;line-height:1.7;text-align:center}.lab-seq-empty b{color:var(--acc);font-weight:500}.lab-seq-rows{position:relative;display:flex;flex-direction:column;gap:3px}.lab-seq-row{display:flex;align-items:stretch;gap:7px;min-height:22px}.lab-seq-row.dim{opacity:.42}.lab-seq-name{display:flex;align-items:center;gap:6px;width:var(--lab-lane-name);flex-shrink:0;padding:0 7px;cursor:pointer;text-align:left;background:none;border:1px solid transparent;border-radius:5px;color:var(--dim);font-family:var(--fm);font-size:10px}.lab-seq-name:hover{color:var(--tx);border-color:var(--brd2)}.lab-seq-row.sel .lab-seq-name{color:var(--acc3);border-color:var(--brd2)}.lab-seq-slot{flex-shrink:0;opacity:.55;font-size:9px}.lab-seq-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-seq-cells{position:relative;display:flex;flex:1;gap:2px;min-width:0}.lab-step{flex:1;min-width:0;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0;cursor:pointer;overflow:hidden;background:var(--step-off);border:1px solid transparent;border-radius:3px;transition:background-color .08s linear,border-color .08s linear}.lab-step.beat{background:var(--step-beat)}.lab-step:hover{border-color:var(--brd2)}.lab-step.on{background:var(--acc);border-color:var(--acc)}.lab-step-vel{width:100%;background:color-mix(in srgb,var(--accink) 34%,transparent)}.lab-seq-track{position:absolute;left:calc(var(--lab-lane-name) + var(--lab-lane-gap));right:0;top:0;bottom:0;pointer-events:none}.lab-seq-head{position:absolute;top:0;bottom:0;left:0;opacity:0;border-radius:3px;background:color-mix(in srgb,var(--acc3) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc3) 55%,transparent);will-change:transform}@media (max-width: 720px){.lab-seq{max-height:40%;--lab-lane-name: 86px}.lab-swing{display:none}}.kr-group{display:flex;flex-direction:column;border-top:1px solid var(--brd);padding-top:9px}.kr-group:first-of-type{border-top:none;padding-top:0}.kr-group-head{display:flex;align-items:center;gap:8px;min-height:18px}.kr-group-toggle{flex:1;display:flex;align-items:center;gap:6px;padding:0;cursor:pointer;text-align:left;background:none;border:none;color:var(--dim);font-family:var(--fm);font-size:9px;letter-spacing:2px}.kr-group-toggle:hover{color:var(--tx);border-color:transparent}.kr-group-caret{font-size:8px;opacity:.7}.kr-group-label{flex:1}.kr-group-aside{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--acc3);font-family:var(--fm);font-size:9.5px;opacity:.85}.kr-group-body{display:flex;flex-direction:column;gap:7px;padding:9px 0 2px}.lab-tools{display:flex;align-items:center;gap:4px;padding-right:7px;border-right:1px solid var(--brd)}.lab-tools:last-of-type{border-right:none}.lab-btn i{font-style:normal;color:var(--dim);letter-spacing:.5px}.lab-btn:hover i{color:inherit}.lab-btn.icon{padding:7px 9px}.lab-btn.primary i{color:inherit;opacity:.75}.lab-btn.send{box-shadow:var(--glow-acc)}.lab-pad-mark{position:absolute;top:5px;right:7px;font-size:9px;color:var(--acc3);opacity:.65}.lab-pad.lit .lab-pad-mark,.lab-pad.lit .lab-pad-key{color:var(--accink);opacity:.7}.lab-pad-empty{color:var(--dim);font-size:9.5px;letter-spacing:1.5px;opacity:.35}.lab-pad-seq{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:14px;height:2px;border-radius:2px;background:var(--acc3);opacity:.75}.lab-pad.lit .lab-pad-seq{background:var(--accink)}.lab-pad.filled .lab-pad-name{font-size:11.5px}.lab-blank{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:10px}.lab-blank-glyph{font-size:26px;color:var(--acc3);opacity:.5;line-height:1}.lab-blank-title{margin:0;color:var(--tx);font-family:var(--fd);font-size:12px;letter-spacing:2px}.lab-blank-note{margin:0;color:var(--dim);font-size:11px;line-height:1.6}.lab-wake-card{max-width:420px}.lab-wake-glyph{text-shadow:var(--glow-acc);animation:krpulse 2.6s ease-in-out infinite}.lab-wake-note b{color:var(--acc3);font-weight:500}.lab-wake-keys{display:flex;gap:5px;margin-top:4px;color:var(--dim);font-family:var(--fm);font-size:10px;letter-spacing:1px}.lab-wake-keys kbd{padding:3px 7px;border:1px solid var(--brd2);border-radius:4px;background:var(--raised);color:var(--tx);font-family:var(--fm);font-size:9.5px}.art-title i{color:var(--dim);font-style:normal;font-size:11px;letter-spacing:2px;margin-left:10px}.art-gallery{display:flex;flex-direction:column;gap:11px}.art-family{display:flex;flex-direction:column;gap:6px}.art-family-head{display:flex;align-items:baseline;gap:7px}.art-family-label{color:var(--acc3);font-family:var(--fm);font-size:8.5px;letter-spacing:2px}.art-family-note{color:var(--dim);font-family:var(--fm);font-size:8.5px;opacity:.7}.art-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.art-tile{display:flex;flex-direction:column;gap:4px;padding:4px;cursor:pointer;text-align:left;background:var(--raised);border:1px solid var(--brd2);border-radius:6px;color:var(--dim);transition:border-color .14s,color .14s,transform .14s}.art-tile:hover{color:var(--tx);border-color:var(--brd2);transform:translateY(-1px)}.art-tile.on{border-color:var(--acc);color:var(--acc)}.art-tile-frame{display:block;overflow:hidden;border-radius:4px;background:var(--bg);line-height:0}.art-tile-frame img{display:block;width:100%;height:auto}.art-tile-wait{display:block;width:100%;background:var(--step-off);animation:krpulse 1.6s ease-in-out infinite}.art-tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fm);font-size:9.5px;letter-spacing:.5px}.art-tile.on .art-tile-name{font-weight:700}.art-panel .art-chips{display:flex;flex-wrap:wrap;gap:4px}.art-panel .art-chip{padding:5px 9px;font-size:9.5px;letter-spacing:1px;border-radius:4px}.art-room.bare .art-top,.art-room.bare .art-panel{display:none}.art-bare-bar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:7px 14px;background:color-mix(in srgb,var(--panel) 84%,transparent);border:1px solid var(--brd2);border-radius:999px;font-family:var(--fm);font-size:10px;letter-spacing:1.5px;opacity:.25;transition:opacity .2s}.art-bare-bar:hover{opacity:1}.art-bare-name{color:var(--tx)}.art-bare-seed{color:var(--acc3)}.art-bare-exit{background:none;border:none;padding:0;color:var(--dim);cursor:pointer;font-size:10px;letter-spacing:1.5px}.art-bare-exit:hover{color:var(--acc);border-color:transparent}@media (max-width: 720px){.art-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.art-title i{display:none}}.lab-machine{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0}.lab-machine-body{display:flex;align-items:stretch;gap:9px;flex:1;min-height:0;padding:9px;border:1px solid var(--brd);border-radius:10px;background:var(--panel);box-shadow:inset 0 1px color-mix(in srgb,var(--tx) 6%,transparent)}.lab-screen{display:flex;align-items:center;gap:9px;flex-shrink:0;flex-wrap:wrap;padding:7px 11px;border:1px solid var(--brd);border-radius:8px;background:var(--bg);box-shadow:inset 0 0 14px color-mix(in srgb,var(--bg) 60%,transparent)}.lab-screen .spacer{flex:1}.lab-screen-pos{color:var(--dim);font-family:var(--fm);font-size:15px;letter-spacing:2px;font-variant-numeric:tabular-nums;transition:color .2s linear}.lab-screen-pos.on{color:var(--acc3);text-shadow:0 0 10px color-mix(in srgb,var(--acc3) 40%,transparent)}.lab-screen-count{color:var(--warn);font-family:var(--fm);font-size:10px;letter-spacing:2px;animation:krpulse .5s ease-in-out infinite}.lab-screen-kit{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx);font-family:var(--fd);font-size:11px;letter-spacing:2px}.lab-screen-stat{color:var(--dim);font-family:var(--fm);font-size:9.5px;letter-spacing:1px}.lab-screen-stat b{color:var(--tx);font-weight:500;font-size:11px}.lab-screen-tag{padding:2px 7px;border:1px solid var(--brd2);border-radius:999px;color:var(--dim);font-family:var(--fm);font-size:8.5px;letter-spacing:2px}.lab-screen-tag.rec{color:var(--accink);background:var(--warn);border-color:var(--warn)}.lab-groups{display:flex;flex-direction:column;gap:6px;flex-shrink:0;width:42px}.lab-group{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;background:var(--raised);border:1px solid var(--brd2);border-radius:7px;color:var(--dim);transition:background-color .12s linear,border-color .12s linear,color .12s linear}.lab-group:hover{color:var(--tx);border-color:var(--brd)}.lab-group.filled{color:var(--tx)}.lab-group.on{background:var(--acc);border-color:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.lab-group-name{font-family:var(--fd);font-size:14px;letter-spacing:1px}.lab-group-count{font-family:var(--fm);font-size:8.5px;opacity:.6}.lab-group-seq{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:12px;height:2px;border-radius:2px;background:var(--acc3);opacity:.8}.lab-group.on .lab-group-seq{background:var(--accink)}.lab-group-hint{text-align:center;color:var(--dim);font-family:var(--fm);font-size:9px;letter-spacing:2px;opacity:.5}.lab-grid-wrap{flex:1;min-width:0;padding:7px;border-radius:8px;background:var(--bg);box-shadow:inset 0 2px 8px color-mix(in srgb,var(--bg) 70%,transparent),inset 0 0 0 1px var(--brd)}.lab-grid.x8{grid-template-columns:repeat(8,1fr);gap:4px}.lab-grid.x8 .lab-pad{min-height:0;gap:1px;border-radius:6px;font-size:9px}.lab-grid.x8 .lab-pad.filled .lab-pad-name{font-size:9px}.lab-grid.x8 .lab-pad-key{top:3px;left:4px;font-size:7.5px}.lab-grid.x8 .lab-pad-mark{top:3px;right:4px;font-size:7.5px}.lab-grid.x8 .lab-pad-seq{bottom:3px;width:9px}.lab-pad.off-bank{opacity:.62}.lab-pad.off-bank:hover{opacity:1}.lab-pad.erasing{border-color:color-mix(in srgb,var(--warn) 55%,transparent)}.lab-pad.erasing:hover{border-color:var(--warn);color:var(--warn)}.lab-pad.repeating:hover{border-color:var(--acc3);color:var(--acc3)}.lab-grid-note{margin:6px 0 0;text-align:center;color:var(--dim);font-family:var(--fm);font-size:9.5px;letter-spacing:1px}.lab-grid-note b{color:var(--acc3);font-weight:500}.lab-modes{display:flex;flex-direction:column;gap:10px;flex-shrink:0;width:116px;overflow-y:auto}.lab-modes-group{display:flex;flex-direction:column;gap:4px}.lab-modes-cap{color:var(--dim);font-family:var(--fm);font-size:8px;letter-spacing:2px;opacity:.7}.lab-mode{padding:6px 8px;cursor:pointer;text-align:left;background:var(--raised);border:1px solid var(--brd2);border-radius:6px;color:var(--dim);font-family:var(--fm);font-size:9.5px;letter-spacing:.5px;transition:background-color .12s linear,border-color .12s linear,color .12s linear}.lab-mode:hover{color:var(--tx);border-color:var(--brd)}.lab-mode.on{background:var(--acc);border-color:var(--acc);color:var(--accink);box-shadow:var(--glow-acc)}.lab-mode.danger.on{background:var(--warn);border-color:var(--warn)}.lab-modes-rates{display:flex;flex-wrap:wrap;gap:3px}.lab-modes-rates .lab-chip{padding:3px 6px;font-size:9px}.lab-tgroup{display:flex;align-items:center;gap:5px}.lab-btn.rec-btn.rec{animation:krpulse 1.1s ease-in-out infinite}.lab-len-unit{margin-left:3px;color:var(--dim);font-family:var(--fm);font-size:9px;letter-spacing:1px}.lab-seq-bars{display:flex;align-items:center;gap:3px;margin-bottom:6px}.lab-seq-bars-cap{margin-right:3px;color:var(--dim);font-family:var(--fm);font-size:8.5px;letter-spacing:2px}.lab-seq-bars .lab-chip{min-width:24px;text-align:center}@media (max-width: 720px){.lab-machine-body{flex-direction:column}.lab-groups{flex-direction:row;width:auto;height:34px}.lab-group-hint{display:none}.lab-modes{width:auto;flex-direction:row;flex-wrap:wrap;gap:6px}.lab-modes-group{flex-direction:row;align-items:center}.lab-modes-cap,.lab-screen-kit{display:none}}