@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=noche]{--bg: #0B0B0C;--bar: #0F0F11;--panel: #131315;--well: #0B0B0C;--raise: #1A1A1D;--line: rgba(255,255,255,.07);--line2: rgba(255,255,255,.12);--text: #ECECEE;--sub: #8C8C94;--dim: #5E5E66;--chip: rgba(255,255,255,.06);--hover: rgba(255,255,255,.05);--sel: rgba(255,255,255,.08);--track: #26262B;--knob: #1B1B1F;--pad: linear-gradient(180deg,#1C1C20,#151518);--pad-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 0 #000;--led-off: #2A2A2F;--cell: rgba(255,255,255,.035);--cell-sep: rgba(255,255,255,.08);--acc: #FF6A1A;--acc-soft: rgba(255,106,26,.16);--steel: #7D93B2;--white: #ECECEE;--rec: #E5484D;--ok: #3DD68C;--screen: #08080A;--screen-line: rgba(255,255,255,.07);color-scheme:dark}[data-theme=dia]{--bg: #E9E9EC;--bar: #F4F4F6;--panel: #FAFAFB;--well: #EFEFF2;--raise: #FFFFFF;--line: rgba(0,0,0,.08);--line2: rgba(0,0,0,.14);--text: #141416;--sub: #6A6A72;--dim: #9A9AA2;--chip: rgba(0,0,0,.05);--hover: rgba(0,0,0,.04);--sel: rgba(0,0,0,.06);--track: #DADADF;--knob: #FFFFFF;--pad: linear-gradient(180deg,#FFFFFF,#ECECEF);--pad-shadow: inset 0 -1px 0 rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.08);--led-off: #D4D4D9;--cell: rgba(0,0,0,.045);--cell-sep: rgba(0,0,0,.1);--screen-line: rgba(0,0,0,.25);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 Inter,system-ui,sans-serif;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em}h1{font-size:20px}h2{font-size:12px;letter-spacing:.01em}.muted{color:var(--sub)}.dim{color:var(--dim)}.label{font:500 9px/1 JetBrains Mono,monospace;letter-spacing:.14em;color:var(--sub);text-transform:uppercase}.app{height:100%;display:flex;flex-direction:column;min-height:640px}.topbar{height:56px;flex:none;display:flex;align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--bar)}.topbar .side{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px}.topbar .side.right{justify-content:flex-end}.brand{display:flex;align-items:center;gap:12px;min-width:0}.sessname{border:0;background:transparent;font-weight:600;padding:2px 4px;margin-left:-4px;border-radius:6px;width:220px;max-width:100%}.sessname:hover,.sessname:focus{background:var(--hover);outline:none}.transport{display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:var(--well);border:1px solid var(--line)}.tbtn{height:36px;min-width:36px;border-radius:9px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text)}.tbtn:hover{background:var(--hover)}.tbtn.rec .dot{width:11px;height:11px;border-radius:50%;background:var(--rec);transition:transform .2s}.tbtn.rec[aria-pressed=true]{background:#e5484d2e}.tbtn.rec[aria-pressed=true] .dot{animation:recblink 1s steps(2) infinite}@keyframes recblink{50%{opacity:.35}}.tbtn.play{padding:0 16px 0 12px;font-weight:600;background:var(--acc);color:#0b0b0c}.tbtn.play[aria-pressed=true]{background:var(--text);color:var(--bg)}.tdiv{width:1px;height:22px;background:var(--line);margin:0 4px}.pos{font-size:15px;font-weight:500;min-width:84px;text-align:center;font-variant-numeric:tabular-nums}.bpm{display:flex;align-items:center}.bpm input{width:44px;border:0;background:transparent;text-align:center;font:500 15px JetBrains Mono,monospace;-moz-appearance:textfield}.bpm input::-webkit-inner-spin-button{display:none}.bpm button{width:24px;height:36px;border:0;background:transparent;color:var(--sub)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;background:var(--chip);color:var(--sub);font:500 10px JetBrains Mono,monospace;letter-spacing:.08em;white-space:nowrap}.chip.acc{background:var(--acc-soft);color:var(--acc)}.btn{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;white-space:nowrap}.btn:hover{background:var(--hover)}.btn[aria-pressed=true]{background:var(--sel);border-color:var(--line2)}.btn.primary{background:var(--text);color:var(--bg);border-color:transparent;font-weight:600}.btn.acc{background:var(--acc);color:#0b0b0c;border-color:transparent;font-weight:600}.btn.ghost{border-color:transparent}.btn.danger{color:#ff6b6b;border-color:transparent}.btn.lg{height:42px;padding:0 18px;border-radius:10px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.iconbtn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;justify-content:center}.iconbtn:hover{background:var(--hover)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none}.status-dot.on{background:var(--ok);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3dd68c80}70%{box-shadow:0 0 0 7px #3dd68c00}to{box-shadow:0 0 #3dd68c00}}.avatar{display:flex;align-items:center;gap:8px;height:32px;padding:0 2px 0 8px;border-radius:16px;border:1px solid var(--line)}.avatar span:last-child{width:26px;height:26px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px}.body{flex:1;display:flex;min-height:0}.rail{width:72px;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;border-right:1px solid var(--line);background:var(--bar);overflow-y:auto}.rail a{position:relative;width:60px;padding:8px 0 6px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--sub);font-size:10px;font-weight:500}.rail a:hover{background:var(--hover);color:var(--text)}.rail a[aria-current=page]{background:var(--sel);color:var(--text)}.rail a .pro{position:absolute;top:5px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--acc)}.rail .spacer{flex:1}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:10px;overflow:auto}.statusbar{height:28px;flex:none;display:flex;align-items:center;gap:18px;padding:0 14px;border-top:1px solid var(--line);background:var(--bar);font:10px JetBrains Mono,monospace;letter-spacing:.04em;color:var(--sub);white-space:nowrap;overflow:hidden}.statusbar .right{margin-left:auto}.guide{display:flex;flex-wrap:nowrap;align-items:center;gap:8px 22px;padding:8px 16px;font-size:12px;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);background:var(--panel);animation:fadein .25s ease-out}.guide .n{width:18px;height:18px;border-radius:50%;border:1px solid var(--acc);color:var(--acc);font:10px JetBrains Mono,monospace;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.guide span{color:var(--sub);display:inline-flex;align-items:center;min-width:0}.guide>span{overflow:hidden;text-overflow:ellipsis}@keyframes fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel{padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.well{border-radius:10px;background:var(--well)}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:var(--well);border:1px solid var(--line)}.seg button{height:28px;padding:0 11px;border-radius:6px;border:0;background:transparent;color:var(--sub);font-size:12px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.seg button[aria-pressed=true],.seg button[aria-selected=true],.seg button[aria-checked=true]{background:var(--text);color:var(--bg)}.seg.on-screen{background:#141416d9;border-color:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.seg.on-screen button{color:#9a9aa2}.seg.on-screen button[aria-pressed=true]{background:#ececee;color:#0b0b0c}.stat{padding:8px 10px;border-radius:8px;background:var(--well);flex:1;min-width:0}.stat .v{font:500 14px JetBrains Mono,monospace;margin-top:3px}input[type=range]{accent-color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--sub)}.input,select.input{height:36px;border-radius:8px;border:1px solid var(--line2);background:var(--well);padding:0 10px;min-width:0}.row{display:flex;gap:10px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center;gap:10px}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:6px 4px 0}.page-head p{margin:3px 0 0;color:var(--sub);max-width:720px}.badge-pro{font:600 9px JetBrains Mono,monospace;letter-spacing:.1em;padding:2px 6px;border-radius:5px;background:var(--acc);color:#0b0b0c}.toast{position:fixed;left:50%;bottom:44px;transform:translate(-50%);padding:10px 16px;border-radius:10px;background:var(--raise);border:1px solid var(--line2);box-shadow:0 10px 30px #00000059;display:flex;gap:12px;align-items:center;z-index:50;animation:rise .25s ease-out}.studio-top{flex:1;display:flex;gap:10px;min-height:420px}.screen{position:relative;flex:1;min-width:0;border-radius:14px;background:var(--screen);border:1px solid var(--screen-line);overflow:hidden;color:#ececee}.screen canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.screen .vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 55% 60%,rgba(255,106,26,.06),transparent 55%),radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55))}.screen .grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px}.hud{position:absolute;left:16px;top:14px;display:flex;gap:22px;pointer-events:none}.hud .label{color:#77777f}.hud .v{font:500 22px JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.hud .v small{font-size:11px;color:#77777f}.screen .tr{position:absolute;right:12px;top:12px}.screen .bl{position:absolute;left:16px;bottom:12px;display:flex;gap:14px;align-items:center}.screen .br{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.legend{display:flex;align-items:center;gap:6px;font:10px JetBrains Mono,monospace;letter-spacing:.08em;color:#9a9aa2}.legend i{width:7px;height:7px;border-radius:50%;border:1.5px solid;display:inline-block}.tag{position:absolute;left:0;top:0;font:10px JetBrains Mono,monospace;color:#8c8c94;pointer-events:none;white-space:nowrap;transition:color .15s}.tag.hot{color:#ececee}.tag.sel{color:var(--acc)}.inspector{width:300px;flex:none;display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;scrollbar-width:thin}.inspector>.panel{flex:none!important}.knobs{display:flex;gap:10px}.knob{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border-radius:10px;background:var(--well);-webkit-user-select:none;user-select:none}.knob svg{cursor:ns-resize;touch-action:none}.knob input{width:84%}.studio-bottom{height:290px;flex:none;display:flex;gap:10px}.pads-panel{width:330px;flex:none}.pads{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:6px;min-height:0}.pad{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:var(--pad);box-shadow:var(--pad-shadow);padding:6px 8px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;transition:transform .06s,border-color .15s}.pad:active{transform:translateY(1px)}.pad[aria-pressed=true]{border-color:var(--pc)}.pad .glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 120%,var(--pg),transparent 70%);opacity:0;transition:opacity .25s ease-out;pointer-events:none}.pad .led{position:absolute;top:5px;right:7px;width:14px;height:3px;border-radius:2px;background:var(--led-off);transition:background .2s,box-shadow .2s}.pad.hit .glow{opacity:1;transition:none}.pad.hit .led{background:var(--pc);box-shadow:0 0 6px var(--pc);transition:none}.pad .k{position:relative;font:600 11px JetBrains Mono,monospace;color:var(--sub)}.pad .n{position:relative;font:500 10px JetBrains Mono,monospace}.pad .v{position:absolute;right:7px;top:13px;font:9px JetBrains Mono,monospace;color:var(--dim)}.pad.off{opacity:.4}.lanes-panel{flex:1;min-width:0}.tracks{display:flex;gap:6px;flex-wrap:wrap}.trk{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 10px;border-radius:9px;border:1px solid var(--line);background:var(--well)}.trk[aria-current=true]{border-color:var(--line2);background:var(--sel)}.trk .nm{border:0;background:transparent;padding:0;font-weight:600;font-size:12px;display:flex;align-items:center;gap:8px}.trk .ms{width:22px;height:22px;border-radius:5px;border:1px solid var(--line);background:transparent;font:600 10px JetBrains Mono,monospace;color:var(--sub);padding:0}.trk .ms[aria-pressed=true].m{background:var(--steel);color:#0b0b0c;border-color:transparent}.trk .ms[aria-pressed=true].s{background:var(--acc);color:#0b0b0c;border-color:transparent}.lanes{flex:1;display:flex;gap:8px;min-height:0}.lane-names{display:grid;grid-template-rows:repeat(12,1fr);gap:3px;width:64px}.lane-names span{font:9.5px/1 JetBrains Mono,monospace;color:var(--sub);display:flex;align-items:center;white-space:nowrap;overflow:hidden}.lane-names span.sel{color:var(--text)}.lane-grid{position:relative;flex:1;min-width:0;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(12,1fr);gap:3px}.cell{border-radius:3px;background:var(--cell);transition:background .35s}.cell.beat{box-shadow:inset 1px 0 0 var(--cell-sep)}.playhead{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--text);opacity:.7;border-radius:1px;pointer-events:none}.meters{display:flex;gap:3px;padding-left:8px;border-left:1px solid var(--line)}.meter{width:6px;border-radius:3px;background:var(--well);position:relative;overflow:hidden}.meter i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--acc),#FFB37A);transition:height .12s linear}.page{display:flex;flex-direction:column;gap:12px;animation:rise .3s ease-out;min-height:100%}.stage{position:relative;flex:1;border-radius:14px;background:var(--screen);border:1px solid var(--screen-line);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:480px;color:#ececee}.drop{position:relative;width:min(640px,90%);height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;border-radius:16px}.drop svg.border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.drop svg.border rect{animation:march 1.2s linear infinite}.drop.over svg.border rect{stroke:var(--acc)}@keyframes march{to{stroke-dashoffset:-24}}.cols{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;padding:8px;color:var(--sub);font-weight:500;border-bottom:1px solid var(--line)}.table td{padding:7px 8px;border-bottom:1px solid var(--line)}.list-item{text-align:left;display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);width:100%}.list-item[aria-pressed=true]{border-color:var(--line2);background:var(--sel)}.setting{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.setting:last-child{border-bottom:0}.setting .t{font-weight:600}.setting .d{font-size:12px;color:var(--sub);margin-top:2px;max-width:460px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:40;animation:fadein .2s}.modal{width:100%;max-width:480px;padding:22px;border-radius:16px;background:var(--panel);border:1px solid var(--line2);display:flex;flex-direction:column;gap:14px}.radio-card{text-align:left;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;width:100%}.radio-card[aria-checked=true]{border-color:var(--text)}.radio-card .o{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--line2)}.radio-card[aria-checked=true] .o{border-color:var(--text);background:radial-gradient(circle,var(--text) 40%,transparent 45%)}.doc{max-width:720px;line-height:1.65;color:var(--sub)}.doc h3{color:var(--text);font-size:15px;margin:18px 0 6px}.doc code{font-family:JetBrains Mono,monospace;font-size:12px;background:var(--chip);padding:1px 5px;border-radius:4px;color:var(--text)}details.doc-item{border:1px solid var(--line);border-radius:12px;background:var(--well);padding:0 14px}details.doc-item summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between}details.doc-item summary:after{content:"+";color:var(--sub)}details.doc-item[open] summary:after{content:"−"}details.doc-item .doc{padding-bottom:14px}@media (max-width: 1100px){.studio-top{flex-direction:column}.inspector{width:auto;flex-direction:row;flex-wrap:wrap}.inspector>*{flex:1 1 280px}.studio-bottom{height:auto;flex-direction:column}.pads-panel{width:auto}.pads,.lanes-panel{min-height:300px}.screen{min-height:420px}}@media (max-width: 720px){.topbar{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}.topbar .side{flex:1 1 45%}.transport{order:3;width:100%;justify-content:space-between}.body{flex-direction:column-reverse}.rail{width:100%;flex-direction:row;justify-content:space-around;padding:4px;border-right:0;border-top:1px solid var(--line);overflow-x:auto}.rail .spacer{display:none}.rail a{width:56px;flex:none}.main{padding:8px}.guide{flex-wrap:wrap;white-space:normal}.screen .tr{top:auto;bottom:44px;right:8px}.hud>div+div+div{display:none}.statusbar{display:none}.sessname{width:140px}.hide-sm{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;transition:none!important}}.rail-sep{width:28px;height:1px;background:var(--line);margin:6px 0;flex:none}@media (max-width: 760px){.rail-sep{display:none}}.lane-grid.edit .cell{cursor:pointer}.lane-grid.edit .cell:hover{outline:1px solid var(--sub)}.cell.on,.cell.on.beat{box-shadow:inset 0 0 0 1.5px var(--acc)}html{-webkit-tap-highlight-color:transparent}button,.btn,.iconbtn,.pad,.cell,.seg button,.knob svg,input[type=range]{touch-action:manipulation}.pad,.cell,.knob,.lane-grid,.stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (display-mode: standalone){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media (pointer: coarse){.iconbtn{min-width:36px;min-height:36px}.seg button{height:34px}}