: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)}.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-inner{display:flex;flex-direction:column;align-items:center;gap:22px;position:relative;padding:24px}.landing canvas{image-rendering:pixelated;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}.landing .floor{width:150px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(184,255,41,.35),transparent);margin-top:-24px}.hero-cats{display:flex;gap:42px;align-items:flex-end}.hero-cat{display:flex;flex-direction:column;align-items:center;gap:7px}.hero-cat canvas{image-rendering:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}.hero-name{font-size:9px;letter-spacing:2.5px}.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{margin:-6px 0 0;color:var(--dim);font-size:13px;letter-spacing:2px}.landing .pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.landing .pill{border:1px solid var(--brd2);border-radius:999px;padding:5px 13px;font-size:10px;letter-spacing:1.5px;color:var(--dim)}.landing .enter{margin-top:8px;font-size:17px;font-weight:700;letter-spacing:4px;padding:16px 52px;border:2px solid var(--acc);color:var(--acc);background:transparent;border-radius:999px;cursor:pointer;box-shadow:var(--glow-acc)}.landing .enter:hover{background:var(--acc);color:var(--accink);box-shadow:0 0 40px #b8ff298c}.landing .note{margin:2px 0 0;color:var(--dim);font-size:11px}.landing .note b{color:var(--acc3);font-weight:400}.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 24s linear infinite;color:var(--dim);font-size:11px;letter-spacing:4px}.landing .corner{position:absolute;top:16px;right:20px;color:var(--dim);font-size:10px;letter-spacing:1px}.transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 12px;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;align-items:center;gap:5px;padding:0 10px;border-left:1px solid var(--brd)}.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)}.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)}.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}.viz-strip{position:relative;background:#050208;border-bottom:1px solid var(--brd);flex-shrink:0}.viz-strip .viz{display:block;width:100%;height:54px}.viz-controls{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:3px;align-items:center}.viz-chip{padding:2px 7px;font-size:8.5px;letter-spacing:1px;border-radius:3px;background:#00000061;border:1px solid var(--brd2);color:var(--dim)}.viz-chip:hover{color:var(--tx);border-color:var(--acc)}.viz-chip.on{background:var(--acc);border-color:var(--acc);color:var(--accink);font-weight:700}.viz-chip.bg.on{background:var(--acc3);border-color:var(--acc3);color:var(--acc2ink)}.bg-viz{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.14;pointer-events:none;z-index:0}.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}.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-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)}.trip-amt{width:56px;height:11px}.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}.fx-trip{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;opacity:0;mix-blend-mode:overlay;background:conic-gradient(from 0deg at 50% 50%,#ff2e8880,#29e5ff80,#b26bff80,#ffc32e80,#ff2e8880)}.fx-strobe{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:88;opacity:0;background:#fff}.fly-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:85;overflow:hidden}@keyframes krfly{0%{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(30vw) translateY(-26px) rotate(7deg)}50%{transform:translate(60vw) translateY(8px) rotate(-6deg)}75%{transform:translate(90vw) translateY(-20px) rotate(7deg)}to{transform:translate(120vw) translateY(0) rotate(0)}}.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}}