:root{--bg: #000000;--bg2: #0c0c0d;--bg3: #161618;--panel: #08080a;--line: rgba(255, 255, 255, .09);--line2: rgba(255, 255, 255, .05);--grid-beat: rgba(255, 255, 255, .085);--grid-bar: rgba(255, 255, 255, .24);--grid-div: rgba(255, 255, 255, .04);--text: #f2f2f3;--text-dim: #7d7d82;--accent: #ffffff;--play: #ffffff;--brand-v: #8b7bff;--brand-c: #3fd6d0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}html:not([data-screen=lab]):not([data-screen=pocket]) body{overflow-y:auto}#root:empty{height:auto}html[data-screen=lab] .app-about,html[data-screen=pocket] .app-about{display:none}html[data-screen=studio] .app{touch-action:pinch-zoom}html[data-screen=studio] .app,html[data-screen=home] .app{contain:layout}.app-about{max-width:760px;margin:0 auto;padding:40px 24px 64px;color:var(--text);font-size:14px;line-height:1.65;-webkit-user-select:text;user-select:text}.app-about h1{font-size:22px;margin:0 0 12px}.app-about h2{font-size:16px;margin:28px 0 8px}.app-about p,.app-about li,.app-about dd{color:var(--text-dim)}.app-about dt{font-weight:600;margin-top:10px}.app-about dd{margin:2px 0 0}.app-about a{color:var(--text)}.app-about kbd{font:inherit;font-size:12px;padding:0 5px;border:1px solid var(--line);border-radius:4px}.app-about-foot{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px}button{font-family:inherit;font-size:12px;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:6px;padding:6px 11px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}button:hover{background:#ffffff0f;border-color:#fff3}button:active{transform:translateY(.5px)}button.active,button.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}button.primary:hover{background:#d9d9d9}button:disabled{opacity:.35;cursor:not-allowed}input[type=number],input[type=text]{font-family:inherit;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px;outline:none;transition:border-color .15s ease}input[type=text]:focus,input[type=number]:focus{border-color:#ffffff59}input[type=range]{accent-color:#cfcfcf}.app{display:flex;flex-direction:column;height:100%}.app-boot{align-items:center;justify-content:center;font-size:20px;color:var(--muted, #888)}.toolbar{display:flex;align-items:center;flex-wrap:nowrap;column-gap:10px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.hint-bar{display:flex;align-items:center;gap:10px;height:20px;padding:0 14px;background:var(--bg2);border-bottom:1px solid var(--line);flex-shrink:0;overflow:hidden}.hint-leds{display:flex;gap:3px;flex-shrink:0}.hint-leds i{width:7px;height:7px;border-radius:50%;background:#ffffff14;border:1px solid var(--line2);transition:background .08s linear}.hint-leds i.down{border-color:#ffffff38}.hint-leds i.on{background:#35e08a;border-color:#35e08a;box-shadow:0 0 6px #35e08aa6}.hint-leds i.down.on{background:#eaff7a;border-color:#eaff7a;box-shadow:0 0 7px #eaff7ab3}.hint-text{flex:1;min-width:0;font-size:11px;line-height:1.1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint-text.idle{color:var(--text-dim)}[data-theme=light] .hint-leds i{background:#00000012}@media (max-width: 720px),(max-height: 520px) and (pointer: coarse){.hint-bar{display:none}}.toolbar .menu-right{margin-left:auto;display:flex;align-items:center;gap:7px}.icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{display:block}.toolbar .group{display:flex;align-items:center;gap:7px}.toolbar .sep{width:1px;height:22px;background:var(--line)}.logo{font-weight:600;letter-spacing:2px;font-size:12px;color:var(--text);margin-right:2px}.tlabel{color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.transport-btn{width:38px;height:32px;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.transport-btn.play.active{background:var(--accent);border-color:var(--accent);color:#000}.file-menu{position:relative}.file-menu-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:50;display:flex;flex-direction:column;gap:2px;padding:5px;min-width:188px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0006}.file-menu-pop button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:none;border-radius:5px;text-align:left}.file-menu-pop button:hover{background:#ffffff14}.file-menu-pop .kbd{color:var(--text-dim);font-size:10px;letter-spacing:.5px}.file-menu-pop .menu-sep{height:1px;margin:4px 2px;background:var(--line)}.file-menu-pop.more-pop{left:auto;right:0}.file-menu-pop .discord-btn,.file-menu-pop .support-btn{justify-content:center;margin-top:2px}.note-clip{position:absolute;background:#ffffff12;border:1px solid rgba(255,255,255,.28);border-radius:5px;box-sizing:border-box;cursor:grab;overflow:hidden}.note-clip:active{cursor:grabbing}.note-clip.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#ffffff1f}.nclip-name{position:absolute;top:1px;left:5px;font-size:9px;color:var(--text-dim);white-space:nowrap;pointer-events:none}.nclip-note{position:absolute;height:2px;border-radius:1px;background:var(--accent);opacity:.9;pointer-events:none}.nclip-resize{position:absolute;right:0;top:0;width:7px;height:100%;cursor:ew-resize}.pr-pattern-name{background:var(--bg2);border:1px solid var(--line);border-radius:5px;color:var(--text);font-size:12px;padding:3px 7px;width:110px}.synth{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.synth-body{padding:16px 18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.synth-row{display:flex;align-items:center;gap:12px}.synth-waves{display:flex;gap:6px}.synth-group-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);margin-bottom:8px}.synth-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.synth-section{display:flex;flex-direction:column}.synth-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;align-items:start}.synth-col{display:flex;flex-direction:column;gap:10px;min-width:0}@media (max-width: 860px){.synth-grid{grid-template-columns:minmax(0,1fr)}}.synth-osc-stack{display:flex;flex-direction:column;gap:10px}.synth-filters{display:flex;flex-direction:column;gap:8px}.synth-filters-head{margin-bottom:0}.synth-block{--accent-synth: var(--text-dim)}.synth-osc{--accent-synth: #a78bfa}.synth-env,.synth-lfo{--accent-synth: #35d0c4}.synth-filter{--accent-synth: #e5a34a}.synth-voice{--accent-synth: #8d93a5}.synth-block .synth-block-head .synth-group-label{color:var(--accent-synth)}.synth-block{border-left:2px solid color-mix(in srgb,var(--accent-synth) 55%,transparent)}.synth-block.off{opacity:.55}.synth-block.off:hover,.synth-block.off:focus-within{opacity:1}.synth-osc .synth-osc-body{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:12px;align-items:center}@media (max-width: 620px){.synth-osc .synth-osc-body{grid-template-columns:minmax(0,1fr)}}.synth-osc .scope{margin:0;height:74px}.synth-osc .synth-knobs,.synth-filter .synth-knobs{grid-template-columns:repeat(4,minmax(0,1fr))}.edison-head .synth-group-label{margin-bottom:0}.scope{display:block;width:100%;height:54px;margin:2px 0 8px;background:var(--bg);border:1px solid var(--line);border-radius:5px;overflow:hidden}.scope-line{stroke:var(--accent-synth, var(--text));stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}.scope-fill{fill:color-mix(in srgb,var(--accent-synth, var(--text)) 26%,transparent)}.scope-ghost{stroke:color-mix(in srgb,var(--accent-synth, var(--text)) 45%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.scope-axis{stroke:var(--line2);stroke-width:1;vector-effect:non-scaling-stroke}.scope-grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.scope-cursor{stroke:color-mix(in srgb,var(--accent-synth, var(--text)) 70%,transparent);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.scope.muted .scope-fill{fill:none}.scope.muted .scope-line{stroke:var(--line2)}.scope-filter{height:62px}.synth-collapse{border-top:1px solid var(--line2);padding-top:10px;margin-top:10px}.synth-collapse>summary{cursor:pointer;list-style:none;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.synth-collapse>summary::-webkit-details-marker{display:none}.synth-collapse>summary:before{content:"▸";font-size:9px;transition:transform .1s}.synth-collapse[open]>summary:before{transform:rotate(90deg)}.synth-collapse[open]>summary{margin-bottom:8px}.synth-collapse>summary:hover{color:var(--text)}.synth-osc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.synth-block{background:var(--bg3);border:1px solid var(--line);border-radius:8px;padding:10px 10px 6px}.synth-block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.synth-block-head .synth-group-label{margin-bottom:0}.synth-block-head .synth-waves{gap:4px}.synth-block-head .synth-waves button{padding:2px 6px;font-size:10px}.synth-mod-row{margin-top:8px;justify-content:space-between;gap:8px}.synth-mod-target{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-dim)}.synth-mod-target select{font-size:10px;max-width:120px}.synth-mod-retrig{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim);white-space:nowrap}.synth-ctl{display:flex;align-items:center;gap:8px;font-size:11px;min-width:0;margin-bottom:7px}.synth-ctl-label{width:78px;color:var(--text-dim)}.synth-ctl input[type=range]{flex:1;min-width:0}.synth-ctl-val{width:50px;text-align:right;font-variant-numeric:tabular-nums}.synth-keys{position:relative;display:flex;height:96px;flex-shrink:0;background:var(--bg2);border:1px solid var(--line);border-radius:8px;overflow:hidden;touch-action:none}.synth-key{flex:1;border:none;border-right:1px solid rgba(0,0,0,.4);border-radius:0;padding:0}.synth-key.white{background:#e6e6e6}.synth-key.black{background:#2a2a2a;flex:.6}.synth-key:active{background:var(--accent)}.synth-mod-panel{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:8px}.synth-tabs{display:flex;flex-direction:column;gap:4px}.synth-tabs button{position:relative;text-align:left;padding:7px 8px;font-size:10.5px;letter-spacing:.08em;border-radius:5px;background:var(--bg2);border:1px solid transparent;color:var(--text-dim);cursor:pointer}.synth-tabs button:hover{color:var(--text)}.synth-tabs button.active{background:color-mix(in srgb,var(--accent-synth) 18%,var(--bg2));border-color:color-mix(in srgb,var(--accent-synth) 55%,transparent);color:var(--text)}.synth-tab-dot{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent-synth)}.synth-mod-view{min-width:0}.synth-mod-note{font-size:10px;color:var(--text-dim)}.synth-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line);margin-top:4px}.synth-file-actions{display:flex;gap:6px}.synth-file-actions button{font-size:11px;padding:3px 9px}.synth-file-note{font-size:10.5px;max-width:46ch}.synth-file-note.ok{color:var(--ok, #6fcf80)}.synth-file-note.err{color:var(--danger, #e2707a)}.synth-hint{font-size:10px;color:var(--text-dim)}.synth-ctl.automated .synth-ctl-label{color:var(--accent)}.synth-knobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:12px 8px;justify-items:center}.knob{display:flex;flex-direction:column;align-items:center;width:58px;cursor:ns-resize;user-select:none;-webkit-user-select:none}.knob-dial{width:40px;height:40px}.knob-track{stroke:var(--line);stroke-linecap:round}.knob-value{stroke:var(--accent-synth, var(--text-dim));stroke-linecap:round}.knob.automated .knob-value{stroke:var(--accent)}.knob-mod{stroke:#f0a500;stroke-linecap:round;opacity:.75}.knob-pointer{stroke:var(--text);stroke-width:2;stroke-linecap:round}.knob-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin-top:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.knob.automated .knob-label{color:var(--accent)}.knob-val{font-size:10px;font-variant-numeric:tabular-nums;color:var(--text)}.synth-adsr-row{flex-direction:column;align-items:stretch;gap:8px}.adsr-pad{display:flex;flex-direction:column;gap:6px}.adsr-fill{fill:color-mix(in srgb,var(--accent-synth, #d7d7d7) 20%,transparent)}.adsr-line{stroke:var(--accent-synth, #d7d7d7);vector-effect:non-scaling-stroke}.adsr-pad svg{background:var(--bg2);border:1px solid var(--line);border-radius:8px;touch-action:none}.adsr-handle{fill:#0a0a0a;stroke:var(--accent-synth, var(--accent));stroke-width:1.5}.adsr-handle:hover{fill:var(--accent-synth, var(--accent))}.adsr-seg{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:ns-resize}.adsr-legend{display:flex;gap:14px;font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums}.adsr-legend-hint{margin-left:auto;opacity:.7;font-style:italic}.slice-mode .clip,.slice-mode .clip *{cursor:col-resize}.paint-mode .lane-row{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='10' cy='10' r='7' fill='%23ffcc33' stroke='%231a1a1a' stroke-width='2'/%3E%3Cpath d='M10 17 L4 26 L13 22 Z' fill='%231a1a1a'/%3E%3C/svg%3E") 4 26,copy}.context-menu{position:fixed;z-index:200;min-width:168px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 34px #0009;padding:4px;display:flex;flex-direction:column}.context-item{display:flex;align-items:center;gap:6px;text-align:left;background:transparent;border:none;border-radius:5px;padding:7px 9px;font-size:12px;color:var(--text);cursor:pointer}.context-item:hover:not(:disabled){background:var(--bg2)}.context-item:disabled{opacity:.4;cursor:default}.context-item.danger{color:#e88}.context-check{width:10px;font-size:10px;color:var(--accent)}.support-btn{display:inline-flex;align-items:center;text-decoration:none;padding:5px 12px;border:1px solid #f0a500;border-radius:6px;background:#f0a500;color:#1a1200;font-size:12px;font-weight:600;white-space:nowrap}.support-btn:hover{filter:brightness(1.08)}.cloud-pop{min-width:250px}.cloud-note{font-size:11px;color:var(--text-dim);padding:7px 10px 5px}.cloud-quota{color:var(--text)}.cloud-sec{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-dim);padding:8px 10px 3px;border-top:1px solid var(--line);margin-top:4px}.cloud-proj{display:flex;align-items:stretch}.cloud-proj-open{flex:1;display:flex!important;justify-content:space-between;gap:10px}.cloud-proj-date{color:var(--text-dim);font-size:10px}.cloud-proj-del{flex:0 0 auto;width:30px}.cloud-upgrade{border-top:1px solid var(--line);color:#f0a500!important}.cloud-share-url{font-size:10px;color:var(--text-dim);padding:4px 10px 6px;word-break:break-all;text-align:left;background:none;border:none;cursor:pointer}.cloud-share-url:hover{color:var(--text)}.cloud-account{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--line);font-size:11px;color:var(--text-dim)}.projects-modal{width:720px;max-width:94vw;max-height:84vh;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px #000000b3;display:flex;flex-direction:column;overflow:hidden}.projects-body{padding:16px 18px;overflow-y:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.project-card{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--bg2);overflow:hidden;transition:border-color .15s ease,transform .15s ease}.project-card:hover{border-color:var(--text-dim);transform:translateY(-2px)}.project-open{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;background:none;border:none;color:var(--text);text-align:left;padding:14px 14px 12px;cursor:pointer}.project-art{font-size:22px;color:var(--text-dim)}.project-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.project-meta{font-size:11px;color:var(--text-dim)}.project-acts{position:absolute;top:8px;right:8px;display:flex;gap:4px}.project-acts button{width:26px;height:24px;font-size:11px;padding:0}.project-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073}.projects-empty{color:var(--text-dim);font-size:13px;padding:26px 8px;text-align:center}.projects-error{color:#e5484d;font-size:12px;margin-bottom:10px}.discord-btn{display:inline-flex;align-items:center;text-decoration:none;padding:5px 12px;border:1px solid #5865f2;border-radius:6px;background:#5865f2;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.discord-btn:hover{filter:brightness(1.08)}.synth-sample-select{max-width:260px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12px}.synth-root{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.synth-root input{width:56px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:12px}.synth-root-name{min-width:30px;color:var(--text);font-variant-numeric:tabular-nums}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;pointer-events:auto}.tour-hole{position:absolute;pointer-events:none;border-radius:10px;box-shadow:0 0 0 9999px #000000b8;outline:2px solid var(--accent);outline-offset:-1px;transition:left .22s cubic-bezier(.4,0,.2,1),top .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1),height .22s cubic-bezier(.4,0,.2,1)}.tour-pop{position:absolute;pointer-events:auto;width:380px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 56px #000000a8;padding:16px 18px 12px;transition:left .22s cubic-bezier(.4,0,.2,1),top .22s cubic-bezier(.4,0,.2,1)}.tour-pop-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tour-chip{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#111;background:var(--accent);border-radius:20px;padding:3px 9px}.tour-count{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.tour-pop h2{margin:0 0 8px;font-size:17px;letter-spacing:-.01em}.tour-pop p{margin:0;color:var(--text-dim);font-size:13.5px;line-height:1.6}.tour-keys{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tour-key{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:3px 10px 3px 4px}.tour-key kbd{font:inherit;font-size:10px;font-weight:700;color:var(--text);background:var(--bg3);border:1px solid var(--line);border-radius:4px;padding:2px 5px}.tour-mark{position:relative;z-index:1;outline:3px solid var(--accent)!important;outline-offset:1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent);animation:tour-mark-pulse 1.1s ease-in-out infinite}@keyframes tour-mark-pulse{0%,to{outline-color:color-mix(in srgb,var(--accent) 55%,transparent)}50%{outline-color:var(--accent)}}.tour-arrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:121;pointer-events:none;overflow:visible}.tour-arrow line{stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 8;animation:tour-arrow-flow .6s linear infinite;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.tour-arrowhead-fill{fill:var(--accent)}@keyframes tour-arrow-flow{to{stroke-dashoffset:-18}}.tour-waiting{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:var(--text-dim);background:var(--bg2);border:1px solid var(--line);border-radius:7px;padding:7px 10px}.tour-waiting.on{color:var(--accent);border-color:var(--accent)}.tour-waiting-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;animation:tour-pulse 1.1s ease-in-out infinite}@keyframes tour-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.tour-cta{display:block;width:100%;margin-top:16px;background:var(--accent);color:#111;border:none;border-radius:7px;padding:9px 14px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.tour-dots{display:flex;gap:6px;justify-content:center;margin:16px 0 10px}.tour-dot{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:var(--line);cursor:pointer;transition:background .14s ease,transform .14s ease}.tour-dot:hover{background:var(--text-dim)}.tour-dot.on{background:var(--accent);transform:scale(1.25)}.tour-foot{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.tour-foot button{font-size:12px;padding:5px 11px}.tour-foot .primary{background:var(--accent);color:#111;border-color:var(--accent);font-weight:600}.tour-foot .ghost{color:var(--text-dim)}.tour-discord{position:absolute;right:16px;top:15px;font-size:10.5px;color:var(--text-dim);text-decoration:none}.tour-discord:hover{color:var(--text)}@media (prefers-reduced-motion: reduce){.tour-hole,.tour-pop{transition:none}}.community{position:relative;width:460px;max-width:92vw;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #000000b3;padding:30px 30px 22px;text-align:center}.community-x{position:absolute;right:12px;top:10px;background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;padding:4px 7px;border-radius:5px}.community-x:hover{background:var(--bg3);color:var(--text)}.community-mark{font-size:32px;line-height:1;margin-bottom:14px}.community h2{margin:0 0 10px;font-size:20px}.community p{margin:0;color:var(--text-dim);font-size:14px;line-height:1.65}.community-list{list-style:none;margin:20px 0 24px;padding:0;text-align:left;display:flex;flex-direction:column;gap:10px}.community-list li{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--text-dim)}.community-list li span{flex-shrink:0;width:28px;height:28px;border-radius:7px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:14px}.community-cta{display:block;background:#5865f2;color:#fff;text-decoration:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:filter .12s ease}.community-cta:hover{filter:brightness(1.12)}.community-later{margin-top:10px;background:none;border:none;color:var(--text-dim);font:inherit;font-size:12.5px;cursor:pointer;padding:6px}.community-later:hover{color:var(--text)}.signup-prompt-cta{display:block;width:100%;background:var(--accent);color:#000;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .12s ease}.signup-prompt-cta:hover{filter:brightness(1.08)}.pianoroll{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.pr-scroll{flex:1;min-height:0;overflow:auto;background:var(--bg2)}.pr-inner{position:relative;display:flex}.pr-keys{position:sticky;left:0;z-index:3;background:var(--panel);border-right:1px solid var(--line);flex-shrink:0}.pr-key{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;font-size:8px;color:var(--text-dim);border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer}.pr-key.white{background:#ffffff05}.pr-key.black{background:#00000059}.pr-grid-label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.pr-grid{background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:4px;font-size:11px;padding:3px 4px}.pr-play{width:30px;padding:3px 0;text-align:center}.pr-play.on{background:var(--play);border-color:var(--play);color:#0b0b0c}.pr-channel{font-family:inherit;font-size:12px;max-width:190px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:3px 6px;cursor:pointer}.pr-channel:hover{border-color:var(--accent)}.pr-help{position:relative;display:flex}.pr-help-btn{width:24px;padding:3px 0;text-align:center}.pr-help-btn.on{background:var(--accent);border-color:var(--accent);color:#0b0b0c}.pr-help-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.pr-help-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:41;width:386px;padding:8px 10px;background:var(--bg3);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #00000080;display:flex;flex-direction:column;gap:4px;cursor:default}.pr-help-row{display:flex;gap:8px;font-size:11px;line-height:1.35;color:var(--text-dim)}.pr-help-row b{flex:0 0 138px;color:var(--text);font-weight:600}.pr-stamp-label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.pr-stamp{background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:4px;font-size:11px;padding:3px 4px;max-width:116px}.pr-stamp.on{border-color:var(--brand-v);color:var(--brand-v)}.pr-inv{font-size:10px;padding:3px 6px;letter-spacing:.02em}.pr-riff{position:relative}.pr-riff-btn.on{border-color:var(--brand-v);color:var(--brand-v)}.riff-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:41;width:296px;max-height:min(560px,calc(100vh - 160px));overflow-y:auto;padding:10px;background:var(--bg3);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #00000080;display:flex;flex-direction:column;gap:7px;cursor:default}.riff-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.riff-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.riff-modes button{font-size:11px;padding:4px 0}.riff-modes button.on{background:var(--brand-v);border-color:var(--brand-v);color:#0b0b0f}.riff-row{display:flex;gap:6px}.riff-row label{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim)}.riff-row label.grow{flex:1}.riff-row select{flex:1;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:4px;font-size:11px;padding:3px 4px}.riff-slider{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-dim)}.riff-slider span{flex:0 0 52px}.riff-slider input{flex:1;min-width:0}.riff-slider b{flex:0 0 34px;text-align:right;color:var(--text);font-weight:500}.riff-check{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.riff-roll{padding:7px;font-size:12px}.riff-hint{font-size:10px;line-height:1.4;color:var(--text-dim)}.riff-sep{margin-top:2px;padding-top:7px;border-top:1px solid var(--line2);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.riff-tools{display:grid;grid-template-columns:1fr 1fr;gap:4px}.riff-tools button{font-size:11px;padding:5px 0}.pr-area{position:relative;flex-shrink:0;cursor:pointer;background-image:repeating-linear-gradient(90deg,var(--grid-beat) 0 1px,transparent 1px 100%),repeating-linear-gradient(90deg,var(--grid-bar) 0 1px,transparent 1px 100%),repeating-linear-gradient(0deg,var(--grid-beat) 0 1px,transparent 1px 100%);background-repeat:repeat}.pr-blackrow{position:absolute;left:0;background:#00000038;pointer-events:none}.pr-key.playing{background:var(--accent);color:#000;font-weight:600}.pr-heldrow{position:absolute;left:0;background:var(--accent);opacity:.13;pointer-events:none}.pr-note{position:absolute;background:var(--accent);border:1px solid rgba(0,0,0,.5);border-radius:3px;box-sizing:border-box;cursor:grab}.pr-note.selected{background:#fff;border-color:#fff;box-shadow:0 0 0 1px var(--accent)}.pr-note-resize{position:absolute;right:0;top:0;width:6px;height:100%;cursor:ew-resize}.pr-marquee{position:absolute;pointer-events:none;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:2px;z-index:3}.pr-empty-hint{position:absolute;max-width:420px;padding:8px 12px;font-size:11px;line-height:1.5;color:var(--text-dim);background:var(--panel);border:1px dashed var(--line);border-radius:8px;pointer-events:none;z-index:3}.pr-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#00000059;border:2px dashed var(--accent);border-radius:12px;pointer-events:none}.pr-drop-overlay span{padding:10px 16px;background:var(--panel);border:1px solid var(--accent);border-radius:8px;font-size:13px;color:var(--text)}.pr-playhead{position:absolute;top:0;width:2px;background:var(--accent);opacity:.8;pointer-events:none}.loop-brace{position:absolute;top:0;height:9px;background:var(--accent);opacity:.55;border-radius:0 0 3px 3px;cursor:grab;z-index:2}.loop-brace.auto{opacity:.22}.loop-brace:hover{opacity:.8}.loop-handle{position:absolute;top:0;width:9px;height:100%;cursor:ew-resize}.loop-handle.l{left:-3px}.loop-handle.r{right:-3px}.pr-vel{display:flex;border-top:1px solid var(--line);background:var(--bg2);flex-shrink:0}.pr-vel-gutter{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;font-size:8px;letter-spacing:1px;color:var(--text-dim);background:var(--panel);border-right:1px solid var(--line)}.pr-vel-vp{flex:1;overflow:hidden}.pr-vel-inner{position:relative}.pr-vel-hit{position:absolute;top:0;bottom:0;display:flex;align-items:flex-end;cursor:ns-resize}.pr-vel-bar{width:100%;background:var(--accent);opacity:.55;border-radius:1px 1px 0 0;margin-bottom:3px}.pr-vel-hit.selected .pr-vel-bar{opacity:1}.pr-vel-hit:hover .pr-vel-bar{opacity:.85}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:200;background:var(--accent);color:#000;font-size:12px;font-weight:600;padding:8px 16px;border-radius:8px;box-shadow:0 6px 20px #00000073;pointer-events:none;animation:toast-in .15s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.ad-banner{display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-rail{display:none}@media (min-width: 1400px) and (min-height: 760px) and (hover: hover) and (pointer: fine){.ad-rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:204px;padding:12px 16px 12px 28px;background:var(--bg);border-left:1px solid var(--line)}}.ad-rail-head{align-self:stretch;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ad-rail-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.ad-rail-hide{font-size:11px;padding:2px 8px;color:var(--text-dim)}.ad-rail-hide:hover{color:var(--text)}.ad-rail-slot{width:160px;height:600px;border:1px dashed var(--line)}.ad-rail-unit{width:160px;height:600px}.home-ad{min-height:100px;margin-bottom:14px;border:1px solid var(--line);border-radius:8px}.time-readout{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Consolas,monospace;background:var(--bg2);border:1px solid var(--line);padding:6px 12px;border-radius:6px;min-width:92px;text-align:center;letter-spacing:1px}.main{flex:1;display:flex;min-height:0}.center{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.drawer{flex-shrink:0;overflow:hidden;transition:width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1)}.drawer-left,.drawer-right{display:flex;min-height:0}.drawer-bottom{display:flex;flex-direction:column}.drawer-inner{position:relative;display:flex;flex-shrink:0;min-height:0}.drawer-detach{position:absolute;top:4px;right:4px;z-index:2;font-size:11px;padding:2px 6px;opacity:.6}.drawer-detach:hover{opacity:1}.drawer-bottom .drawer-inner{flex-direction:column}.drawer.shut{pointer-events:none}.drawer-bottom .pg-drawer,.drawer-left .browser,.drawer-right .mixer{flex:1;min-height:0;min-width:0}.drawer-bottom .pg-drawer{height:auto}.drawer-left .browser,.drawer-right .mixer{width:auto}.drawer-tab{transition:background .14s ease,color .14s ease}@media (prefers-reduced-motion: reduce){.drawer,.float-win,.drawer-tab{transition:none}}.center.parked .pg-drawer{flex:1;height:auto}.center.parked .row-resizer{display:none}.playlist-parked{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--panel);border-bottom:1px solid var(--line);font-size:11px;color:var(--text-dim)}.float-win{position:fixed;z-index:55;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 64px #0000009e;overflow:hidden}.float-win-bar{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;background:var(--bg3);border-bottom:1px solid var(--line);cursor:grab;touch-action:none;flex-shrink:0;-webkit-user-select:none;user-select:none}.float-win-bar:active{cursor:grabbing}.float-win-grip{color:var(--text-dim);font-size:13px}.float-win-title{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--text)}.float-win-bar .mini{font-size:11px;padding:2px 8px}.float-win-body{flex:1;min-height:0;min-width:0;display:flex;overflow:auto;position:relative;z-index:0}.float-win-body>*{flex:1;min-width:0;min-height:0}.float-win-grab{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--line) 50%,var(--line) 62%,transparent 62%,transparent 76%,var(--line) 76%,var(--line) 88%,transparent 88%)}.float-win-grab-left{right:auto;left:0;cursor:nesw-resize;transform:scaleX(-1)}.drawer-collapse{flex-shrink:0;background:var(--bg2);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;font-size:11px;line-height:1;padding:4px 8px;border-radius:5px;transition:background .12s ease,color .12s ease,border-color .12s ease}.drawer-collapse:hover{background:var(--accent);border-color:var(--accent);color:#fff}.drawer-tab{flex-shrink:0;background:var(--bg3);color:var(--text-dim);border:none;border-right:1px solid var(--line);font:inherit;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;padding:0}.drawer-tab:hover{background:var(--panel);color:var(--text)}.drawer-tab.left,.drawer-tab.right{width:22px;display:flex;align-items:center;justify-content:center}.drawer-tab.left span,.drawer-tab.right span{writing-mode:vertical-rl;white-space:nowrap}.drawer-tab.left span{transform:rotate(180deg)}.drawer-tab.right{border-right:none;border-left:1px solid var(--line)}.drawer-tab.bottom{height:20px;border-right:none;border-top:1px solid var(--line)}.browser{position:relative;width:var(--browser-w, 224px);flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.brs-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 12px;background:#000000b8;border:2px dashed var(--accent);border-radius:10px;font-size:13px;pointer-events:none}.col-resizer{width:5px;flex-shrink:0;cursor:col-resize;background:var(--line)}.row-resizer{height:5px;flex-shrink:0;cursor:row-resize;background:var(--line)}.col-resizer:hover,.row-resizer:hover{background:var(--accent)}.browser h3{margin:0;padding:14px 8px 10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--text-dim);display:flex;align-items:center;justify-content:space-between;gap:8px}.loadbar{height:2px;margin:0 14px;background:#ffffff0f;border-radius:2px;overflow:hidden;opacity:0;transition:opacity .2s ease}.loadbar.on{opacity:1}.loadbar-fill{height:100%;width:36%;border-radius:2px;background:var(--accent);transform:translate(-110%)}.loadbar.on .loadbar-fill{animation:indet 1.05s cubic-bezier(.4,0,.2,1) infinite}@keyframes indet{0%{transform:translate(-110%)}to{transform:translate(360%)}}.browser .samples{flex:1;overflow-y:auto;padding:8px}.rec-btn{margin:8px 14px 0;padding:6px 10px;font-size:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:var(--text);cursor:pointer}.rec-btn:hover{border-color:var(--text-dim)}.rec-btn.recording{border-color:#e5484d;color:#e5484d;animation:rec-blink 1.2s ease-in-out infinite}@keyframes rec-blink{50%{opacity:.55}}.brs-search{position:relative;margin:8px 14px 0;display:flex}.brs-search-input{flex:1;min-width:0;font-family:inherit;font-size:12px;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:6px 24px 6px 9px}.brs-search-input:focus{outline:none;border-color:var(--accent)}.brs-search-input::placeholder{color:var(--text-dim)}.brs-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:11px;padding:2px 5px;cursor:pointer}.brs-search-clear:hover{color:var(--text)}.lib-pack.snd{margin-top:10px;border-top:1px solid var(--line);padding-top:6px}.snd-body{padding:2px 2px 8px}.snd-input{width:100%;font-family:inherit;font-size:12px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 9px;margin-bottom:7px}.snd-input:focus{outline:none;border-color:var(--accent)}.snd-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}.snd-chip{font-size:10px;padding:3px 7px;border-radius:11px;background:var(--bg2);color:var(--text-dim);border:1px solid var(--line);cursor:pointer;white-space:nowrap}.snd-chip:hover{color:var(--text);border-color:var(--text-dim)}.snd-chip.on{background:var(--accent);border-color:var(--accent);color:#0b0b0c}.snd-filters{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--text-dim);margin-bottom:6px}.snd-filters label{display:flex;align-items:center;gap:4px;cursor:pointer}.snd-busy{margin-left:auto;font-style:italic;display:inline-flex;align-items:center;gap:5px}.snd-error{font-size:11px;line-height:1.45;color:#e5a23d;padding:6px 8px;background:#e5a23d14;border:1px solid rgba(229,162,61,.3);border-radius:6px;margin-bottom:6px}.sample-item.snd-hit{cursor:pointer;margin-left:0;padding:7px 4px;gap:6px}.sample-item.snd-hit .name{min-width:0}.sample-item.snd-hit .dur{flex-shrink:0}.snd-lic{font-size:9px;letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--line);border-radius:3px;padding:1px 4px;white-space:nowrap}.snd-lic.attr{color:#e5a23d;border-color:#e5a23d73}.sample-item.snd-hit .row-act{opacity:1;flex-shrink:0;text-decoration:none;color:var(--text);padding:2px 5px}.sample-item.snd-hit a.row-act{opacity:0}.sample-item.snd-hit:hover a.row-act{opacity:.8}.sample-item.snd-hit:hover a.row-act:hover{opacity:1}.snd-hit .row-act:disabled{opacity:.4}.snd-hit.gone .name,.snd-hit.gone .dur{opacity:.45;text-decoration:line-through}.snd-more{width:100%;margin-top:6px;padding:5px;font-size:11px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:6px;cursor:pointer}.snd-more:hover:not(:disabled){border-color:var(--text-dim)}.snd-note{margin-top:8px;font-size:10px;line-height:1.5;color:var(--text-dim)}.lib-title{margin:14px 4px 6px;font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--text-dim);border-top:1px solid var(--line);padding-top:12px}.lib-pack-head{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:none;border:none;color:var(--text);font-size:12px;padding:7px 6px;border-radius:6px;cursor:pointer}.lib-pack-head:hover{background:#ffffff0d}.lib-arrow{color:var(--text-dim);font-size:10px;width:10px}.lib-count{margin-left:auto;color:var(--text-dim);font-size:10px}.lib-item{margin-left:12px}.lib-item .dot{font-size:11px}.sample-item{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:6px;cursor:grab;font-size:12px;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.sample-item:hover{background:#ffffff0d;border-color:var(--line)}.sample-item:active{cursor:grabbing}.sample-item.is-seg{margin-left:12px}.sample-item .dot{color:var(--text-dim);font-size:10px}.sample-item.is-seg .dot{color:#5a5a5e}.sample-item .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-item .dur{font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums}.sample-item .row-act{font-size:10px;padding:2px 6px;opacity:0;border-radius:4px}.sample-item:hover .row-act{opacity:1}.paint-arm.on{opacity:1!important;background:var(--accent);color:#000}.dropzone{margin:10px 14px 6px;padding:16px 10px;border:1px dashed var(--line);border-radius:8px;text-align:center;color:var(--text-dim);font-size:11px;line-height:1.5;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.dropzone:hover{border-color:#ffffff4d;color:var(--text);background:#ffffff05}.playlist{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--bg);outline:none}.playlist-head{display:flex;align-items:center;gap:10px;padding:5px 14px;background:var(--panel);border-bottom:1px solid var(--line);font-size:11px;color:var(--text-dim)}.playlist-head button{padding:4px 9px;font-size:11px}.paint-pick{display:flex;align-items:center;gap:5px;flex-shrink:0;text-transform:uppercase;letter-spacing:1.1px;font-size:10px}.paint-pick select{background:var(--bg3);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:3px 6px;font:inherit;font-size:11px;letter-spacing:0;text-transform:none;max-width:150px}.paint-armed{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:11px;padding:3px 6px 3px 8px;background:var(--accent);color:#000;border-radius:5px;max-width:220px}.paint-armed .mini{padding:0 5px;background:#00000026;color:inherit;border:none}.add-track-row{position:absolute;left:0;right:0;display:flex;align-items:center;padding-left:10px}.add-track-btn{width:30px;height:30px;padding:0;border-radius:50%;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim)}.add-track-btn:hover{color:var(--text);border-color:var(--accent)}.playlist-head strong{font-size:11px;text-transform:uppercase;letter-spacing:1.4px}.playlist-scroll{flex:1;overflow:auto;position:relative}.ruler{position:relative;height:26px;background:var(--panel);border-bottom:1px solid var(--line)}.ruler .bar-num{position:absolute;top:6px;font-size:10px;color:var(--text-dim);padding-left:5px;font-variant-numeric:tabular-nums;border-left:1px solid var(--line);height:14px;line-height:14px}.lane-row{position:relative;border-bottom:1px solid var(--line2)}.track-head{position:absolute;left:0;width:100%;background:var(--bg2);border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:8px;padding:0 10px}.track-head .swatch{width:3px;align-self:stretch;margin:10px 0;border-radius:2px;opacity:.8}.track-head .tname{width:100%;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;border:1px solid transparent;color:var(--text);padding:3px 4px;border-radius:4px}.track-head .tname:hover{background:#ffffff0a}.track-head .tname.as-button{font-family:inherit;text-align:left;cursor:pointer}.track-head .tname.editing{background:var(--bg);border-color:var(--accent)}.track-head .tname:focus{background:var(--bg);border-color:#ffffff4d}.track-head .mini{font-size:10px;padding:2px 6px;border-radius:4px}.track-head .mini.on-m,.track-head .mini.on-s{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.track-head.sample-drop{outline:2px dashed var(--accent);outline-offset:-3px;background:#ffffff0d}.route-select{margin-top:4px;width:100%;font-family:inherit;font-size:10px;color:var(--text-dim);background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:2px 4px;cursor:pointer}.route-select.routed{color:var(--accent);border-color:var(--accent)}.clip{position:absolute;top:3px;border-radius:5px;overflow:hidden;cursor:grab;border:1px solid rgba(255,255,255,.25);transition:box-shadow .12s ease}.clip:hover{box-shadow:0 0 0 1px #ffffff2e}.clip:active{cursor:grabbing}.clip.selected{outline:2px solid var(--accent);outline-offset:-1px;box-shadow:0 0 0 2px var(--accent),0 0 16px 3px #ffffff8c;z-index:5;filter:brightness(1.18) saturate(1.1)}.clip.selected .clip-label{background:var(--accent);color:#000}.clip.selected:after{content:"✓";position:absolute;top:2px;right:5px;font-size:11px;font-weight:700;color:#000;z-index:2}.clip .clip-label{position:absolute;top:0;left:0;right:0;font-size:10px;padding:2px 6px;color:#000000c7;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#ffffff4d;letter-spacing:.2px}.clip canvas{display:block;width:100%;height:100%}.clip .resize{position:absolute;top:0;right:0;width:9px;height:100%;cursor:ew-resize}.clip .resize:hover{background:#ffffff40}.playhead{position:absolute;top:0;width:1px;background:var(--play);pointer-events:none;z-index:7;box-shadow:0 0 6px #ffffff80}.playhead:before{content:"";position:absolute;top:0;left:-3.5px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--play)}.marquee{position:absolute;z-index:8;border:1px solid var(--text);background:#ffffff1a;pointer-events:none}.mixer{width:var(--mixer-w, 420px);flex-shrink:0;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.mixer-head{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-dim)}.mixer-head .mini{font-size:10px;padding:3px 8px}.mixer-body{flex:1;display:flex;min-height:0;min-width:0}.mixer-strips{flex:1;display:flex;gap:1px;overflow-x:auto;min-height:0;min-width:0;background:var(--line2)}.mixer-fx-panel{flex:0 1 280px;min-width:220px;max-width:300px;border-left:1px solid var(--line);overflow-y:auto;overflow-x:hidden;background:var(--panel);transition:max-width .15s ease;container-type:inline-size;container-name:fxpanel}@container fxpanel (max-width: 340px){.edison-head{padding:10px 12px;gap:8px}.edison-head .hint{display:none}.fx-list{padding:10px 12px}.fx-params{padding:10px 8px}.fx-unit-head{gap:6px;padding:8px 9px}.fx-param{gap:6px}.fx-param-val{flex-basis:34px;width:34px}}.mixer-fx-panel.wide{flex:1.4 1 400px;max-width:640px}.fx-resizer{width:6px;background:var(--line2)}.strip{width:76px;flex-shrink:0;background:var(--bg2);display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:9px;cursor:pointer;border-right:2px solid transparent}.strip.selected{border-right:2px solid var(--accent);background:var(--bg3)}.strip.master{background:var(--bg3);border-right:1px solid rgba(255,255,255,.25);width:90px;position:sticky;left:0;z-index:2}.strip.master.selected{border-right:2px solid var(--accent)}.strip .sname{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;color:var(--text);letter-spacing:.3px}.strip .pan{width:60px}.strip .fader-wrap{flex:1;display:flex;align-items:stretch;justify-content:center;min-height:116px;max-height:420px;gap:8px}.fader{writing-mode:vertical-lr;direction:rtl;width:22px;height:100%;min-height:116px;accent-color:#e8e8e8}.strip .meter-col{height:100%}.strip .meter-col{display:flex;flex-direction:column;align-items:center;gap:3px}.strip .clip-led{width:9px;height:5px;border-radius:2px;background:#ffffff0f;border:1px solid var(--line2);cursor:pointer;transition:background .12s}.strip .clip-led.on{background:#e5484d;border-color:#e5484d;box-shadow:0 0 7px #e5484dbf}[data-theme=light] .strip .clip-led{background:#00000012}[data-theme=light] .strip .clip-led.on{background:#d93338;border-color:#d93338}.strip .meter{width:13px;height:116px;background:var(--bg);border-radius:3px;position:relative;overflow:hidden;border:1px solid var(--line2);display:flex;gap:1px}.strip .meter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(to top,transparent 0 3px,var(--bg) 3px 4px)}.strip .meter .fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#17c964,#35e08a 46%,#b9e94a 68%,#ffd24a 82%,#ff8a3d 92%,#ff3b30);background-size:100% 116px;background-position:left bottom;background-repeat:no-repeat}.strip .meter .peak{position:absolute;left:0;right:0;height:1px;z-index:1;background:#ffffffd9;opacity:0}.strip .meter-lr{position:relative;flex:1;height:100%}.strip .meter-lr:first-child{border-right:1px solid rgba(0,0,0,.3)}.strip .meter-lr-labels{display:flex;gap:1px;width:13px}.strip .meter-lr-labels span{flex:1;text-align:center;font-size:7px;letter-spacing:.02em;color:var(--text-dim)}.strip .ms{display:flex;gap:4px}.strip .ms button{padding:3px 8px;font-size:10px;border-radius:4px}.strip .vol-num{font-size:9px;color:var(--text-dim);font-variant-numeric:tabular-nums}.mixer-head-actions{display:flex;align-items:center;gap:6px}.strip .sname-edit{width:100%;font-family:inherit;font-size:10px;text-align:center;color:var(--text);background:var(--bg);border:1px solid var(--accent);border-radius:4px;padding:2px 3px}.strip.bus{background:var(--bg3)}.strip.bus .sname{color:#9ec5ff}.strip .bus-mark{opacity:.6;margin-right:3px}.strip-route{width:100%;font-family:inherit;font-size:9px;color:var(--text-dim);background:var(--bg);border:1px solid var(--line2);border-radius:4px;padding:2px 3px;text-align:center;cursor:pointer}.strip-route:hover{color:var(--text);border-color:var(--line)}.strip .strip-route.master-out{cursor:default;opacity:.45;text-transform:uppercase;letter-spacing:1px}.edison-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50}.edison{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.edison-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.edison-head .title{font-weight:600;letter-spacing:.3px}.edison-head .spacer{flex:1}.float-win .edison-head{padding:8px 14px}.edison-body{padding:18px;flex:1;min-height:0;overflow:auto}.wave-area{position:relative;background:#050506;border:1px solid var(--line);border-radius:8px;height:200px;cursor:text;overflow:hidden}.wave-area canvas{display:block;width:100%;height:100%}.wave-selection{position:absolute;top:0;bottom:0;background:#ffffff24;border-left:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7);pointer-events:none}.wave-cursor{position:absolute;top:0;bottom:0;width:1px;background:#fff;pointer-events:none}.edison-controls{display:flex;align-items:center;gap:9px;margin-top:16px}.wave-slice{position:absolute;top:0;bottom:0;width:1px;background:var(--brand-c);pointer-events:none}.wave-slice b{position:absolute;top:2px;left:2px;font-size:9px;font-weight:600;color:var(--brand-c);background:#0000008c;padding:0 3px;border-radius:3px}.edison-slicer{margin-top:10px;padding-top:10px;border-top:1px solid var(--line2);flex-wrap:wrap}.edison-slicer select{background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:4px;font-size:11px;padding:3px 4px}.edison-sens{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.edison-sens input[type=range]{width:88px}.edison-status{margin-top:14px;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.edison-status .ok{color:var(--text)}.hint{color:var(--text-dim);font-size:11px}.empty{color:var(--text-dim);font-size:11px;padding:20px;text-align:center;line-height:1.5}.clip .resize-l{right:auto;left:0;cursor:ew-resize}.fx-btn{width:100%;padding:4px 0;font-size:10px;letter-spacing:.5px;border-radius:4px}.zoom-group{display:flex;align-items:center;gap:6px;margin-right:4px}.zoom-group .mini{padding:3px 8px;font-size:11px;border-radius:4px}.zoom-val{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.wave-viewport{position:relative;background:#050506;border:1px solid var(--line);border-radius:8px;height:200px;overflow-x:auto;overflow-y:hidden}.wave-content{position:relative;height:200px;cursor:text}.wave-content canvas{display:block;height:100%}.fx-list{padding:14px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.fx-unit{border:1px solid var(--line);border-radius:9px;background:var(--bg2);overflow:hidden;transition:opacity .15s ease;flex-shrink:0}.fx-unit.dragging{opacity:.4}.fx-unit.ins-before{box-shadow:0 -3px 0 0 var(--accent)}.fx-unit.ins-after{box-shadow:0 3px 0 0 var(--accent)}.fx-drag{cursor:grab;color:var(--text-dim);font-size:13px;letter-spacing:-1px;padding:0 2px;-webkit-user-select:none;user-select:none}.fx-drag:hover{color:var(--text)}.fx-drag:active{cursor:grabbing}.fx-auto.on{color:var(--accent);border-color:var(--accent)}.fx-collapse{width:22px;height:22px;padding:0;border-radius:5px;color:var(--text-dim)}.fx-auto{width:22px;height:22px;padding:0;flex-shrink:0;border-radius:5px;color:var(--text-dim)}.fx-auto:hover{color:var(--text)}.fx-unit.off{opacity:.5}.fx-unit-head{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line2)}.fx-slot-empty{border-style:dashed;background:transparent}.fx-slot-empty.picking{border-style:solid;border-color:var(--accent);background:var(--bg2)}.fx-slot-head{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-dim);cursor:pointer;text-align:left}.fx-slot-head:hover{color:var(--text)}.fx-slot-num{font-size:10px;width:16px;text-align:center;opacity:.6}.fx-slot-label{font-size:12px;letter-spacing:.3px}.fx-slot-empty.picking .fx-slot-label{color:var(--text)}.fx-slot-picker{width:100%;border:none;border-top:1px solid var(--line);border-radius:0 0 8px 8px;background:var(--bg3);color:var(--text);font-size:13px;padding:4px}.fx-slot-picker option{padding:5px 8px}.fx-slot-picker optgroup{font-weight:600;color:var(--text-dim)}.fx-name{font-weight:600;letter-spacing:.3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-power{width:26px;height:22px;padding:0;border-radius:5px;color:var(--text-dim)}.fx-power.on{background:var(--accent);color:#000;border-color:var(--accent)}.fx-params{padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(186px,100%),1fr));gap:10px 18px}.fx-wam-gui{padding:8px 12px;overflow:auto;max-height:420px}.fx-param{display:flex;align-items:center;gap:8px;font-size:11px;min-width:0}.fx-param-label{flex:0 1 64px;min-width:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}.fx-param input[type=range]{flex:1 1 50px;min-width:0}.fx-param-val{flex:0 0 38px;width:38px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.eq-editor{padding:12px}.eq-canvas{display:block;width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:8px;touch-action:none;cursor:crosshair}.eq-controls{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap;font-size:11px}.eq-band-label{font-weight:600;color:var(--text)}.eq-ctl{display:flex;align-items:center;gap:5px;min-width:0;color:var(--text-dim)}.eq-ctl input[type=range]{width:96px;min-width:48px;flex:0 1 96px}.eq-type{font-family:inherit;font-size:11px;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:4px 6px}.eq-readout{color:var(--text);font-variant-numeric:tabular-nums;min-width:44px}.eq-hint{margin-top:8px;font-size:10px;color:var(--text-dim)}.mb-editor{padding:12px}.mb-canvas{display:block;width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:8px;touch-action:none;cursor:ns-resize}.mb-tabs{display:flex;align-items:center;gap:6px;margin-top:10px}.mb-tab{padding:3px 12px;font-size:11px;border-radius:5px;color:var(--text-dim)}.mb-tab.on{color:#0b0b0c;background:var(--accent);border-color:var(--accent)}.mb-tab.off{text-decoration:line-through;opacity:.55}.mb-power{margin-left:auto}.mb-controls{display:flex;align-items:center;gap:14px;margin-top:10px;flex-wrap:wrap;font-size:11px}.mb-ctl{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-dim)}.mb-ctl input[type=range]{width:104px;min-width:48px;flex:0 1 104px}.mb-globals{padding-top:10px;border-top:1px solid var(--line2)}.mb-globals .mb-ctl input[type=range]{width:80px;flex:0 1 80px}.fx-param-val.warn{color:#e5a23d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:padding-box}:root[data-theme=light]{--bg: #ffffff;--bg2: #f3f3f5;--bg3: #e7e7ea;--panel: #fafafb;--line: rgba(0, 0, 0, .13);--line2: rgba(0, 0, 0, .07);--text: #16161a;--text-dim: #70707a;--accent: #1a1a1a;--play: #1a1a1a;--grid-beat: rgba(0, 0, 0, .1);--grid-bar: rgba(0, 0, 0, .26);--grid-div: rgba(0, 0, 0, .05)}[data-theme=light] button:hover{background:#0000000d;border-color:#00000040}[data-theme=light] .sample-item:hover{background:#0000000a}[data-theme=light] .dropzone:hover{border-color:#0000004d;background:#00000005}[data-theme=light] .track-head .tname:hover{background:#0000000a}[data-theme=light] .track-head .tname:focus{border-color:#0000004d}[data-theme=light] .clip{border-color:#00000047}[data-theme=light] .clip:hover{box-shadow:0 0 0 1px #0003}[data-theme=light] .clip.selected{outline-color:#000;box-shadow:0 0 0 2px #000,0 0 14px 3px #0006}[data-theme=light] .clip.selected .clip-label{background:#000;color:#fff}[data-theme=light] .clip.selected:after{color:#fff}[data-theme=light] .clip .resize:hover{background:#0000002e}[data-theme=light] .playhead{box-shadow:0 0 5px #00000059}[data-theme=light] .marquee{background:#00000014}[data-theme=light] .strip.master{border-right-color:#00000040}[data-theme=light] .strip .meter .fill{background:linear-gradient(to top,#0f9d4f,#1fbf6d 46%,#93c92f 68%,#e8b100 82%,#f2721f 92%,#e0231a);background-size:100% 116px;background-position:left bottom;background-repeat:no-repeat}[data-theme=light] .strip .meter .peak{background:#000000b3}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000002e;background-clip:padding-box}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000004d;background-clip:padding-box}[data-theme=light] .clip-label{background:#ffffff8c}.home{display:flex;height:100%;background:var(--bg)}.home-side{width:230px;flex-shrink:0;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--line);padding:16px 12px 14px;gap:14px}.home-logo{font-weight:600;letter-spacing:2px;font-size:13px;padding:2px 8px 10px;border-bottom:1px solid var(--line2)}.home-nav{display:flex;flex-direction:column;gap:2px}.home-nav button{display:flex;align-items:center;gap:9px;width:100%;border:none;text-align:left;padding:8px 10px;border-radius:7px;font-size:12.5px;color:var(--text-dim)}.home-nav button:hover{color:var(--text);background:#ffffff0d}.home-nav button.active{background:#ffffff14;color:var(--text);font-weight:600}.home-nav-icon{width:16px;text-align:center;opacity:.8}.home-nav-pro{margin-left:auto;font-size:8.5px;letter-spacing:1px;color:#f0a500;border:1px solid rgba(240,165,0,.45);border-radius:4px;padding:1px 4px}.home-side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.home-quota{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:7px}.home-quota-label{font-size:11px;color:var(--text-dim)}.home-quota-bar{height:4px;border-radius:2px;background:var(--bg3);overflow:hidden}.home-quota-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.home-upgrade{border-color:#f0a50080;color:#f0a500;font-weight:600}.home-upgrade:hover{background:#f0a5001a;border-color:#f0a500}.home-probadge{align-self:flex-start;font-size:11px;font-weight:600;color:#f0a500;border:1px solid rgba(240,165,0,.45);border-radius:6px;padding:4px 9px}.home-user{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:11px;color:var(--text-dim);min-width:0}.home-user-mail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-signin{width:100%;font-weight:600}.home-main{flex:1;display:flex;flex-direction:column;min-width:0}.home-head{display:flex;align-items:center;gap:14px;padding:18px 26px 14px;border-bottom:1px solid var(--line2)}.home-head h1{font-size:17px;font-weight:600;margin:0;flex:1}.home-search{font-family:inherit;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 12px;width:240px;outline:none}.home-search:focus{border-color:#ffffff59}.home-new{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600;padding:8px 16px}.home-new:hover{background:#d9d9d9}.home-new.locked{background:transparent;color:#f0a500;border-color:#f0a50080}.home-body{flex:1;overflow-y:auto;padding:20px 26px 40px}.home-section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-dim);margin:18px 0 10px;display:flex;align-items:baseline;gap:10px}.home-section-title:first-child{margin-top:0}.home-section-sub{text-transform:none;letter-spacing:0;font-size:11px;opacity:.8}.home-signin-hint{margin-top:22px;font-size:12px;color:var(--text-dim);border:1px dashed var(--line);border-radius:9px;padding:12px 14px}.linklike{border:none;padding:0;background:none;color:var(--text);text-decoration:underline;font-size:inherit}.linklike:hover{background:none}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.hub-card{position:relative;border:1px solid var(--line);border-radius:11px;background:var(--bg2);overflow:hidden;transition:border-color .15s ease,transform .15s ease}.hub-card:hover{border-color:var(--text-dim);transform:translateY(-2px)}.hub-card.busy{opacity:.6;pointer-events:none}.hub-card-art{display:flex;align-items:center;justify-content:center;width:100%;height:110px;border:none;border-radius:0;cursor:pointer;position:relative}.hub-card-art.local{background:var(--bg3)}.hub-card-note{font-size:30px;color:#ffffff8c}.hub-card-badge{position:absolute;top:8px;right:8px;font-size:10px;background:#0000008c;color:#fff;border-radius:5px;padding:2px 7px}.hub-card-foot{display:flex;align-items:center;gap:8px;padding:10px 12px}.hub-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hub-card-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-card-meta{font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-card-acts{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.hub-card:hover .hub-card-acts{opacity:1}.hub-card-acts button{width:26px;height:24px;padding:0;font-size:11px}.paywall{width:430px;max-width:94vw;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 90px #000000bf;padding:26px 26px 18px;display:flex;flex-direction:column;gap:16px}.paywall-head{text-align:center}.paywall-star{font-size:26px;color:#f0a500}.paywall-head h2{margin:6px 0 4px;font-size:19px}.paywall-head p{margin:0;color:var(--text-dim);font-size:12.5px}.paywall-feats{display:flex;flex-direction:column;gap:10px}.paywall-feat{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line2);border-radius:9px;padding:10px 12px}.paywall-feat-icon{font-size:15px;width:20px;text-align:center;color:#f0a500}.paywall-feat strong{display:block;font-size:12.5px}.paywall-feat span{font-size:11px;color:var(--text-dim)}.paywall-cta{background:#f0a500;border-color:#f0a500;color:#1a1200;font-weight:700;font-size:13px;padding:10px}.paywall-cta:hover{background:#ffb612}.paywall-later{border:none;color:var(--text-dim)}.paywall-soon{text-align:center;font-size:12px;color:var(--text-dim)}.members-modal{width:480px;max-width:94vw;max-height:80vh;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px #000000b3;display:flex;flex-direction:column;overflow:hidden}.members-body{padding:14px 16px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.members-invite{display:flex;gap:8px}.members-invite input{flex:1;font-family:inherit;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 10px;outline:none}.member-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:8px;padding:8px 10px;min-width:0}.member-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-mail{flex:1;font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:9.5px;text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:2px 6px;border:1px solid var(--line);color:var(--text-dim)}.member-role.owner{color:#f0a500;border-color:#f0a50073}.members-hint{font-size:11px;color:var(--text-dim);padding-top:4px}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.community-card{position:relative;display:flex;gap:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);padding:12px;align-items:center;min-width:0}.community-featured{color:#e8c05a}.community-remix{color:inherit;text-decoration:none}.community-remix:hover{color:var(--text);text-decoration:underline}.community-report{position:absolute;top:6px;right:6px;border:none;background:none;padding:2px 5px;font-size:11px;color:var(--text-dim);opacity:0;transition:opacity .15s ease}.community-card:hover .community-report{opacity:.7}.community-report:hover{opacity:1!important;color:#e66}.community-art{width:62px;height:62px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:22px;color:#fff9}.community-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.community-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-meta{font-size:11px;color:var(--text-dim)}.community-info audio{width:100%;height:30px}.myshares{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.myshare-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line2);border-radius:8px;padding:8px 12px;min-width:0}.myshare-title{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myshare-link{flex:1;font-size:11px;color:var(--text-dim);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myshare-link:hover{color:var(--text);text-decoration:underline}.myshare-plays{font-size:11px;color:var(--text-dim);white-space:nowrap}.myshare-toggle{font-size:11px;white-space:nowrap}.myshare-toggle.on{color:#6fd66f;border-color:#6ed66e66}.myshare-claim{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid rgba(255,196,92,.35);background:#ffc45c12;border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:12px;color:var(--text-dim)}.myshare-claim span{flex:1;min-width:220px}.myshare-claim-cta{white-space:nowrap;font-size:11.5px;font-weight:600;color:#ffc45c;border-color:#ffc45c66}.library-upsell{max-width:420px;margin:48px auto;text-align:center;border:1px dashed var(--line);border-radius:14px;padding:34px 30px;display:flex;flex-direction:column;gap:10px;align-items:center}.library-upsell-icon{font-size:30px;color:#f0a500}.library-upsell h3{margin:0;font-size:16px}.library-upsell p{margin:0;font-size:12.5px;color:var(--text-dim);line-height:1.6}.library-list{display:flex;flex-direction:column;gap:6px}.library-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:8px;padding:7px 12px;min-width:0}.library-row .dot{color:var(--text-dim)}.library-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-meta{flex:1;font-size:11px;color:var(--text-dim);white-space:nowrap}.library-row audio{height:28px;width:230px}.fx-sidechain{display:flex;align-items:center;gap:8px;padding:6px 12px 0}.fx-sidechain select{flex:1;max-width:180px;background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:4px;padding:2px 6px;font-size:12px}.fx-gr{display:flex;align-items:center;gap:8px;padding:6px 12px 0}.fx-gr-track{flex:1;height:6px;background:var(--bg);border:1px solid var(--line2);border-radius:3px;overflow:hidden}.fx-gr-bar{height:100%;width:0;background:linear-gradient(to right,#9a9a9a,#e5484d);transition:width .06s linear}.auto-seg{position:absolute;top:0;overflow:hidden;background:#ffffff05}.auto-seg-handle{position:absolute;top:0;height:11px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:3px 3px 0 0;cursor:grab;font-size:8px;line-height:9px;padding-left:4px;color:var(--text-dim);overflow:hidden;-webkit-user-select:none;user-select:none}.auto-seg-handle:hover{background:#fff3}.auto-seg-handle:active{cursor:grabbing}[data-theme=light] .auto-seg-handle{background:#00000014;border-color:#0000002e}.auto-seg-handle.selected{background:#5aaaff59;border-color:#78beffcc;color:#fff}[data-theme=light] .auto-seg-handle.selected{background:#1e78ff40;border-color:#1e78ff99}.auto-seg-resize{position:absolute;top:0;right:0;bottom:0;width:6px;cursor:ew-resize}.auto-seg-resize:hover{background:#ffffff4d}.admin-resolved{opacity:.45}.admin-error{border:1px solid var(--line2);border-radius:8px;padding:7px 12px;margin-bottom:6px;font-size:12px}.admin-error summary{display:flex;gap:12px;align-items:baseline;cursor:pointer;list-style:none}.admin-error-msg{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.admin-filters{display:flex;align-items:center;gap:12px;margin:10px 0 12px;font-size:12px;color:var(--text-dim)}.admin-filters label{display:flex;align-items:center;gap:5px}.admin-filters select{background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:4px;font-size:12px;padding:3px 5px}.admin-dl{padding:5px 11px;font-size:12px;white-space:nowrap}.admin-group-head{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.6;border:none}.admin-kind{display:inline-block;padding:0 5px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.02em;vertical-align:1px;background:#ffffff14;color:var(--text-dim)}.admin-kind.k-api{background:#ffb0382e;color:#ffb038}.admin-kind.k-error,.admin-kind.k-render{background:#e5484d2e;color:#e5484d}.admin-kind.k-unhandledrejection{background:#8b7bff2e;color:var(--brand-v)}.admin-extra{color:var(--text-dim)}.admin-perf-head{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.6;border:none}.admin-error pre{margin:8px 0 4px;padding:8px;background:var(--bg3);border-radius:6px;overflow-x:auto;font-size:10.5px;max-height:220px}.paywall-plans{display:flex;gap:8px;margin-bottom:10px}.paywall-plan{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 8px;border:1px solid var(--line);border-radius:9px;background:var(--bg2)}.paywall-plan strong{font-size:16px}.paywall-plan span{font-size:10.5px;color:var(--text-dim)}.paywall-plan em{font-style:normal;font-size:9.5px;color:#e8c05a}.paywall-plan.on{border-color:var(--text);background:var(--bg3)}.home-probadge{display:flex;align-items:center;gap:8px}.home-billing{border:none;background:none;padding:2px 4px;font-size:10px;color:var(--text-dim);text-decoration:underline}.home-billing:hover{color:var(--text)}.tpl-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tpl-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);text-align:left;transition:border-color .15s ease,transform .15s ease}.tpl-card:hover{border-color:var(--text-dim);transform:translateY(-1px)}.tpl-art{width:46px;height:46px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-size:18px;color:#fff9}.tpl-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tpl-name{font-size:12.5px;font-weight:600}.tpl-desc{font-size:10.5px;color:var(--text-dim)}.home-legal{margin-top:10px;font-size:10.5px;color:var(--text-dim)}.home-legal a{color:inherit;text-decoration:none}.home-legal a:hover{text-decoration:underline}.home-legal-note{margin-top:8px;font-size:10px;color:var(--text-dim);line-height:1.5}.home-legal-note a{color:inherit}.paywall-fine{margin-top:10px;text-align:center;font-size:10.5px;color:var(--text-dim)}.paywall-fine a{color:inherit}.skel{position:relative;overflow:hidden;background:var(--bg3);border-radius:5px}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:skel-shimmer 1.4s infinite}@keyframes skel-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}[data-theme=light] .skel:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent)}.skel-line{height:10px}.skel-card{pointer-events:none}.skel-card .skel-art{height:110px;border-radius:0}.skel-song-art{width:62px;height:62px;border-radius:9px;flex-shrink:0}.skel-row{pointer-events:none}.spinner{display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-spin .7s linear infinite;vertical-align:-2px}@keyframes spinner-spin{to{transform:rotate(360deg)}}.hub-card.busy .hub-card-art:after{content:"";position:absolute;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.85);border-right-color:transparent;border-radius:50%;animation:spinner-spin .7s linear infinite}.logo-home{border:none;padding:4px 6px;margin-right:0;border-radius:6px}.logo-home:hover{background:#ffffff12}.project-title{font-size:12px;color:var(--text-dim);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.synth-presets{display:flex;gap:6px;align-items:center;margin-right:8px}.synth-presets select{font-family:inherit;font-size:11px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 7px;max-width:150px}.synth-presets select.synth-factory{max-width:190px}.synth-presets select.synth-factory optgroup{font-weight:600;color:var(--text-dim);background:var(--bg2)}.synth-presets select.synth-factory option{color:var(--text);background:var(--bg2);font-weight:400}[data-theme=light] .home-nav button:hover{background:#0000000d}[data-theme=light] .home-nav button.active{background:#00000014}[data-theme=light] .logo-home:hover{background:#0000000f}[data-theme=light] .home-new:hover{background:#333}[data-theme=light] .hub-card-note,[data-theme=light] .community-art{color:#ffffffbf}.shortcut-sheet{background:var(--panel, #17171b);border:1px solid var(--line, #2a2a30);border-radius:14px;padding:22px 26px;max-width:860px;width:calc(100vw - 48px);max-height:82vh;overflow-y:auto}.shortcut-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.shortcut-head h2{margin:0;font-size:17px}.shortcut-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 28px}.shortcut-group h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.55}.shortcut-row{display:flex;gap:10px;align-items:baseline;font-size:12.5px;padding:3px 0;opacity:.9}.shortcut-keys{flex:none;min-width:118px;font-family:ui-monospace,monospace;font-size:11.5px;opacity:.75}.mobile-offer-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:#040406c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-offer{width:100%;max-width:400px;max-height:92vh;overflow-y:auto;padding:22px 20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#121216;text-align:center;box-shadow:0 24px 60px #0009}.mobile-offer-logo{font-size:11px;letter-spacing:2.5px;color:#9a9aa2;margin-bottom:16px}.mobile-offer h1{font-size:20px;line-height:1.3;margin:0 0 10px;color:#f2f2f4}.mobile-offer p{color:#a2a2ab;font-size:13.5px;line-height:1.6;margin:0 0 20px}.mobile-offer-cta{display:block;width:100%;padding:14px 18px;border:none;border-radius:11px;background:linear-gradient(100deg,#ffc44d,#ff9a2e);color:#2a1400;font-weight:700;font-size:15px;cursor:pointer}.mobile-offer-alt{display:block;width:100%;margin-top:10px;padding:12px 18px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#ffffff0d;color:#e8e8ec;font-size:14px;cursor:pointer}.mobile-offer-skip{display:block;width:100%;margin-top:8px;padding:12px;background:none;border:none;color:#8b8b94;font-size:13px;cursor:pointer}.pocket{--pk-accent: #ff9a2e;--pk-panel: #202024;--pk-line: rgba(255, 255, 255, .08);--pk-dim: #8a8a92;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:#101012;color:#e9e9ec;font-size:14px;touch-action:manipulation;overscroll-behavior:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.pk-rotate{align-items:center;justify-content:center;padding:24px;text-align:center}.pk-rotate-card{max-width:320px}.pk-rotate-icon{width:52px;height:84px;margin:0 auto 4px;border:3px solid var(--pk-accent);border-radius:9px;box-shadow:0 0 22px #ff9a2e40;animation:pk-tilt 2.6s ease-in-out infinite}@keyframes pk-tilt{0%,40%,to{transform:rotate(0)}60%,92%{transform:rotate(90deg)}}.pk-rotate-card h2{margin:14px 0 8px;font-size:19px}.pk-rotate-card p{margin:0 0 20px;color:var(--pk-dim);font-size:13.5px;line-height:1.6}.pk-linkish{display:block;width:100%;margin-top:10px;padding:10px;border:none;background:none;color:var(--pk-dim);font-size:12.5px;cursor:pointer}.pk-bar{flex:none;display:flex;align-items:center;gap:6px;padding:5px 8px;background:linear-gradient(#2a2a30,#1b1b1f);border-bottom:1px solid #000;box-shadow:0 1px #ffffff0d inset}.pk-icon{flex:none;width:36px;height:34px;border:1px solid var(--pk-line);border-radius:8px;background:#26262c;color:#d9d9de;font-size:14px;line-height:1;cursor:pointer}.pk-icon.wide{width:42px}.pk-icon.on{background:var(--pk-accent);border-color:transparent;color:#17171a}.pk-icon:active{background:#35353d}.pk-rec{color:#ff5f56;font-size:16px}.pk-rec.on{background:#ff3b30;color:#fff;animation:pk-blink 1.1s steps(2) infinite}@keyframes pk-blink{50%{opacity:.55}}.pk-transport{display:flex;align-items:center;gap:5px}.pk-play{flex:none;width:46px;height:34px;border:none;border-radius:8px;background:linear-gradient(#4ad46a,#21a944);color:#08210f;font-size:13px;cursor:pointer}.pk-play.on{background:linear-gradient(#ffc44d,#ff9a2e);color:#2a1400}.pk-play:active{filter:brightness(1.15)}.pk-seg{display:flex;flex:none;border:1px solid var(--pk-line);border-radius:8px;overflow:hidden;background:#26262c}.pk-seg button{min-width:40px;height:34px;padding:0 7px;border:none;background:transparent;color:var(--pk-dim);font-size:11px;font-weight:700;letter-spacing:.6px;cursor:pointer}.pk-seg button.on{background:var(--pk-accent);color:#17171a}.pk-seg-wide{width:100%;margin-bottom:4px}.pk-seg-wide button{flex:1;font-size:12.5px;letter-spacing:0}.pk-tempo{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:50px;height:34px;padding:0 6px;border:1px solid var(--pk-line);border-radius:8px;background:#101014;color:var(--pk-accent);cursor:pointer}.pk-tempo b{font-size:14px;font-variant-numeric:tabular-nums;line-height:1}.pk-tempo small{font-size:8px;letter-spacing:1px;color:var(--pk-dim)}.pk-title{flex:1;min-width:0;padding:0 4px;color:var(--pk-dim);font-size:11.5px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-body{position:relative;flex:1;min-height:0;display:flex}.pk-grid{flex:1;min-width:0;overflow:auto;overscroll-behavior:contain}.pk-grid-inner{position:relative;display:flex;flex-direction:column;gap:2px;padding-bottom:6px;min-width:100%}.pk-ruler,.pk-row{display:flex;align-items:stretch}.pk-ruler{position:sticky;top:0;z-index:3;height:24px;background:#16161a;border-bottom:1px solid var(--pk-line)}.pk-corner{position:sticky;left:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:5px;flex:none;width:108px;background:#16161a;color:var(--pk-dim);font-size:10px;letter-spacing:.4px}.pk-corner button{width:20px;height:20px;border:1px solid var(--pk-line);border-radius:5px;background:#26262c;color:#e9e9ec;font-size:11px;line-height:1;cursor:pointer}.pk-corner button:disabled{opacity:.3}.pk-ruler-bars{display:flex}.pk-ruler-bar{flex:none;padding-left:4px;border-left:1px solid rgba(255,255,255,.14);color:var(--pk-dim);font-size:9.5px;line-height:24px}.pk-row-head{position:sticky;left:0;z-index:2;flex:none;background:#101012}.pk-head{display:flex;align-items:center;gap:3px;height:100%;padding:2px;border:1px solid transparent;border-radius:7px;background:var(--pk-panel)}.pk-head.sel{border-color:#ff9a2ea6;background:#2b2b32}.pk-led{flex:none;width:12px;height:100%;border:1px solid rgba(0,0,0,.6);border-radius:3px;background:#4ad46a;box-shadow:0 0 6px #ffffff2e inset;cursor:pointer}.pk-led.off{background:#3a3a42;box-shadow:none}.pk-head-name{flex:1;min-width:0;height:100%;padding:0 2px;border:none;background:transparent;color:#e9e9ec;font-size:11.5px;font-weight:600;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.pk-head-gear{flex:none;width:22px;height:100%;border:none;border-radius:5px;background:#ffffff0f;color:var(--pk-dim);font-size:12px;cursor:pointer}.pk-lane{position:relative;display:flex;gap:2px;padding-left:2px}.pk-step{flex:none;height:100%;border:1px solid rgba(0,0,0,.5);border-radius:3px;background:#2e2e35;padding:0;cursor:pointer}.pk-step.beat{background:#3a3a44}.pk-step.bar{box-shadow:-2px 0 #ffffff29}.pk-step.on{border-color:#000000b3;box-shadow:0 0 8px #ff9a2e59,0 1px #ffffff4d inset}.pk-step.live{outline:2px solid #fff;outline-offset:-2px}.pk-step:active{filter:brightness(1.4)}.pk-song-lane{gap:0}.pk-song-cell{flex:none;height:100%;border:none;border-right:1px solid rgba(0,0,0,.5);background:#1d1d21;padding:0;cursor:pointer}.pk-song-cell.bar4{border-left:1px solid rgba(255,255,255,.1)}.pk-song-clip{position:absolute;top:3px;bottom:3px;border-radius:5px;box-shadow:0 1px #ffffff40 inset;opacity:.9}.pk-playhead-layer{position:absolute;top:24px;bottom:0;pointer-events:none;overflow:hidden}.pk-playhead-wrap{position:relative;height:100%}.pk-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--pk-accent)}.pk-row-add{padding-top:2px}.pk-add{width:100%;height:30px;border:1px dashed rgba(255,255,255,.18);border-radius:7px;background:transparent;color:var(--pk-dim);font-size:11.5px;cursor:pointer}.pk-mixer-panel{position:absolute;left:0;right:0;top:44px;bottom:0;z-index:6;display:flex;flex-direction:column;background:#0c0c0efa;border-top:1px solid var(--pk-line)}.pk-panel-head{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-bottom:1px solid var(--pk-line);font-size:12px;color:var(--pk-dim)}.pk-strips{flex:1;min-height:0;display:flex;gap:7px;padding:7px 8px;overflow-x:auto;overscroll-behavior-x:contain}.pk-strip{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:68px;padding:5px;border:1px solid var(--pk-line);border-radius:9px;background:var(--pk-panel)}.pk-strip-name{max-width:100%;font-size:10.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-pan{width:100%;text-align:center;font-size:9px;color:var(--pk-dim)}.pk-strip-body{flex:1;min-height:0;display:flex;align-items:stretch;gap:7px}.pk-meter{width:6px;border-radius:3px;background:#101014;display:flex;align-items:flex-end;overflow:hidden}.pk-meter-fill{width:100%;height:0;background:linear-gradient(#ff3b30,#ffc44d 40%,#4ad46a)}.pk-fader{position:relative;width:28px;border-radius:6px;background:#101014;box-shadow:0 0 0 1px #0009 inset;cursor:pointer;touch-action:none}.pk-fader-fill{position:absolute;left:0;bottom:0;width:100%;border-radius:6px;opacity:.32}.pk-fader-cap{position:absolute;left:2px;right:2px;height:14px;border-radius:3px;background:linear-gradient(#f0f0f2,#a9a9b2);box-shadow:0 1px 3px #0009}.pk-strip-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.pk-strip-btns button{width:26px;height:26px;border:1px solid var(--pk-line);border-radius:6px;background:#26262c;color:var(--pk-dim);font-size:10.5px;font-weight:700;cursor:pointer}.pk-strip-btns button.on.mute{background:#ff3b30;color:#fff;border-color:transparent}.pk-strip-btns button.on.solo{background:#ffc44d;color:#2a1400;border-color:transparent}.pk-fx-btn{width:100%!important;font-weight:600!important;letter-spacing:.4px}.pk-fx-btn.on{border-color:var(--pk-accent)!important;color:var(--pk-accent)!important}.pk-keyboard{flex:none;display:flex;align-items:stretch;gap:6px;height:116px;padding:5px 6px 6px;background:#0b0b0d;border-top:1px solid var(--pk-line)}.pk-oct{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:96px;font-size:11px;color:var(--pk-dim)}.pk-oct-inst{max-width:100%;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-oct div{display:flex;align-items:center;gap:6px}.pk-oct button{width:32px;height:30px;border:1px solid var(--pk-line);border-radius:7px;background:#26262c;color:#e9e9ec;font-size:15px;cursor:pointer}.pk-keys{position:relative;flex:1;display:flex;gap:2px}.pk-key{flex:1;border-radius:0 0 6px 6px;background:linear-gradient(#f4f4f6,#d2d2d8);box-shadow:0 2px #00000080}.pk-key.down{background:linear-gradient(#ffc44d,#ff9a2e)}.pk-key.black{position:absolute;top:0;width:calc(var(--kw) * .56);height:60%;border-radius:0 0 5px 5px;background:linear-gradient(#3a3a42,#101014);box-shadow:0 2px #0009;z-index:2}.pk-key.black.down{background:linear-gradient(#ff9a2e,#c96500)}.pk-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:12px}.pk-sheet{width:100%;max-width:560px;max-height:94vh;display:flex;flex-direction:column;background:#16161a;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 60px #0009}.pk-sheet-head{display:flex;align-items:center;gap:10px;padding:10px 12px 6px}.pk-sheet-head h2{flex:1;margin:0;font-size:14px;color:#e9e9ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-sheet-body{overflow-y:auto;padding:0 12px 14px;display:flex;flex-direction:column;gap:8px}.pk-sub{margin:6px 0 0;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--pk-dim)}.pk-row-btn{min-height:42px;padding:0 14px;border:1px solid var(--pk-line);border-radius:9px;background:var(--pk-panel);color:#e9e9ec;font-size:13.5px;text-align:left;cursor:pointer}.pk-row-btn:disabled{opacity:.55}.pk-row-btn.danger{color:#ff8a80;border-color:#ff3b304d}.pk-chan-top{display:flex;gap:8px}.pk-chan-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pk-input{flex:1;min-width:0;min-height:40px;padding:0 12px;border:1px solid var(--pk-line);border-radius:9px;background:#101014;color:#e9e9ec;font-size:14px}.pk-chip{min-height:32px;padding:0 13px;border:1px solid var(--pk-line);border-radius:16px;background:#26262c;color:#e9e9ec;font-size:12.5px;cursor:pointer}.pk-chip:active{background:#35353d}.pk-waves{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pk-waves button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:40px;padding:4px 0;border:1px solid var(--pk-line);border-radius:8px;background:var(--pk-panel);color:var(--pk-dim);font-size:9.5px;cursor:pointer}.pk-waves button b{font-size:14px;color:#e9e9ec}.pk-waves button.on{border-color:var(--pk-accent);color:var(--pk-accent)}.pk-waves button.on b{color:var(--pk-accent)}.pk-knobs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px}.pk-knob{display:flex;flex-direction:column;gap:1px;font-size:10px;color:var(--pk-dim)}.pk-knob span{display:flex;justify-content:space-between;letter-spacing:.4px;text-transform:uppercase}.pk-knob b{color:#e9e9ec;font-variant-numeric:tabular-nums}.pk-knob input[type=range],.pk-pan input[type=range],.pk-tempo-range{width:100%;min-height:24px;accent-color:var(--pk-accent)}.pk-undo{display:flex;gap:8px}.pk-undo button{flex:1;min-height:38px;border:1px solid var(--pk-line);border-radius:9px;background:var(--pk-panel);color:#e9e9ec;font-size:13px;cursor:pointer}.pk-cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.pk-cats button{flex:none;min-height:32px;padding:0 13px;border:1px solid var(--pk-line);border-radius:16px;background:var(--pk-panel);color:var(--pk-dim);font-size:12.5px;cursor:pointer}.pk-cats button.on{background:var(--pk-accent);border-color:transparent;color:#17171a;font-weight:600}.pk-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pk-preset{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 9px;border:1px solid var(--pk-line);border-radius:9px;background:var(--pk-panel);color:#e9e9ec;font-size:12.5px;text-align:left;cursor:pointer}.pk-preset-icon{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:7px;font-size:14px}.pk-fx{padding:9px;border:1px solid var(--pk-line);border-radius:9px;background:var(--pk-panel);display:flex;flex-direction:column;gap:6px}.pk-fx-head{display:flex;align-items:center;gap:9px;font-size:13px}.pk-fx-head b{flex:1}.pk-fx-head .pk-led{width:12px;height:20px}.pk-fx-add{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pk-fx-add button{min-height:38px;border:1px dashed rgba(255,255,255,.16);border-radius:8px;background:transparent;color:var(--pk-dim);font-size:12px;cursor:pointer}.pk-template{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:48px;padding:8px 12px;border:1px solid var(--pk-line);border-radius:9px;background:var(--pk-panel);color:#e9e9ec;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}.pk-template small{font-weight:400;font-size:11.5px;color:var(--pk-dim)}.pk-tempo-big{text-align:center;font-size:38px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--pk-accent)}.pk-tempo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pk-tempo-steps button{min-height:42px;border:1px solid var(--pk-line);border-radius:9px;background:var(--pk-panel);color:#e9e9ec;font-size:14px;cursor:pointer}.pk-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;color:var(--pk-dim);font-size:13.5px;line-height:1.6}.pk-empty-btns{display:flex;align-items:center;gap:10px}.pk-cta{min-height:46px;padding:0 22px;border:none;border-radius:11px;background:var(--pk-accent);color:#17171a;font-size:14.5px;font-weight:600;cursor:pointer}.pk-share-url{flex:none;display:block;margin:0 8px 6px;padding:7px 12px;border-radius:9px;background:#ff9a2e1f;color:var(--pk-accent);font-size:12px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-toast{z-index:120}.pk-roll{position:absolute;left:0;right:0;top:44px;bottom:0;z-index:8;display:flex;flex-direction:column;background:#0d0d10}.pk-roll-bar{flex:none;display:flex;align-items:center;gap:7px;padding:5px 8px;background:linear-gradient(#2a2a30,#1b1b1f);border-bottom:1px solid #000}.pk-roll-name{max-width:110px;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-roll-grow{flex:1}.pk-roll-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.pk-roll-inner{position:relative;display:flex}.pk-roll-keys{position:sticky;left:0;z-index:2;flex:none;background:#17171a;border-right:1px solid rgba(0,0,0,.8)}.pk-roll-key{display:flex;align-items:center;justify-content:flex-end;padding-right:4px;border-bottom:1px solid rgba(0,0,0,.55);background:linear-gradient(90deg,#d8d8de,#f2f2f5);color:#55555c;font-size:8.5px;cursor:pointer}.pk-roll-key.black{background:linear-gradient(90deg,#101014,#2c2c34);color:transparent}.pk-roll-key:active{background:linear-gradient(90deg,#ff9a2e,#ffc44d)}.pk-roll-grid{position:relative;flex:none;background-color:#1a1a1f;touch-action:none}.pk-roll-note{position:absolute;border-radius:3px;box-shadow:0 1px #ffffff4d inset,0 0 6px #00000080;touch-action:none}.pk-roll-grip{position:absolute;top:0;right:0;bottom:0;width:12px;border-radius:0 3px 3px 0;background:#00000047}.pk-roll-head{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.pk-roll-hint{flex:none;margin:0;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#131317;border-top:1px solid var(--pk-line);color:var(--pk-dim);font-size:10.5px;text-align:center}.pk-song-clip{display:flex;align-items:center;justify-content:center}.pk-song-clip-mark{color:#00000073;font-size:12px;pointer-events:none}.pk-auto{position:absolute;left:0;right:0;top:44px;bottom:0;z-index:8;display:flex;flex-direction:column;background:#0d0d10}.pk-auto-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 8px}.pk-auto-svg{display:block;background:#1a1a1f;border-radius:8px;touch-action:none}.pk-icon:disabled{opacity:.32}.pk-panel-head span{flex:1;text-align:center;font-size:10.5px;color:#ffffff59}.pk-pan.auto span{color:var(--pk-accent)}.pk-strip-body.auto .pk-fader{box-shadow:0 0 0 1px var(--pk-accent) inset}.pk-preset-text{display:flex;flex-direction:column;min-width:0;overflow:hidden}.pk-preset-text small{color:var(--pk-dim);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-preset:disabled{opacity:.5}.pk-note{margin:4px 2px;color:var(--pk-dim);font-size:12px;line-height:1.5}.pg-drawer{position:relative;height:var(--page-h, 260px);flex-shrink:0;background:var(--panel);border-top:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.pg-head{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg3);border-bottom:1px solid var(--line)}.pg-title{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.pg-grow{flex:1}.pg-pat,.pg-bars{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.pg-pat select,.pg-bars select{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:3px 5px;font-size:11px}.pg-patname{width:128px;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:11px}.pg-play{width:30px;padding:3px 0;font-size:11px;text-align:center;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:5px;cursor:pointer}.pg-play:hover:not(:disabled){border-color:var(--accent)}.pg-play.on{background:var(--play);border-color:var(--play);color:#0b0b0c}.pg-play:disabled{opacity:.4;cursor:default}.pg-mini{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:3px 7px;font-size:11px;cursor:pointer}.pg-mini:hover:not(:disabled){background:var(--bg3)}.pg-mini:disabled{opacity:.4;cursor:default}.pg-mini.danger:hover{border-color:#ff6b6b;color:#ff6b6b}.pg-stamp.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.pg-body{flex:1;min-height:0;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.pg-empty{padding:22px 12px;text-align:center;color:var(--text-dim);font-size:12px}.pg-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--bg2);border:1px solid var(--line2);border-radius:7px;transition:border-color .1s,box-shadow .1s}.pg-row.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pg-row.typing-lit{box-shadow:inset 0 0 0 1px var(--accent),0 0 10px -2px var(--accent)}.pg-route{position:relative;flex:none}.pg-route-btn{width:104px;text-align:left;background:var(--bg3);color:var(--text-dim);border:1px solid var(--line);border-radius:5px;padding:4px 6px;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:ns-resize;touch-action:none}.pg-route-btn.unrouted{color:var(--text-dim);opacity:.55;border-style:dashed}.pg-route-btn:hover{color:var(--text);border-color:var(--accent)}.pg-route-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:61}.pg-route-list{position:absolute;z-index:62;top:calc(100% + 3px);left:0;min-width:150px;max-height:240px;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 32px #0009;padding:3px}.pg-route-list button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:5px 8px;border-radius:5px;font-size:11px;cursor:pointer}.pg-route-list button:hover{background:var(--bg3)}.pg-route-list button.on{background:var(--bg3);font-weight:600}.pg-led{flex:none;width:13px;height:13px;border-radius:50%;border:2px solid;cursor:pointer;padding:0}.pg-name{flex:none;width:116px;background:transparent;color:var(--text);border:1px solid transparent;border-radius:5px;padding:3px 5px;font-size:11.5px;font-family:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.pg-name:hover,.pg-name:focus{background:var(--bg3);border-color:var(--line);outline:none}.pg-name.editing{border-color:var(--accent);cursor:text}.pg-steps{flex:1;display:flex;gap:2px;min-width:0}.pg-step{flex:1;min-width:0;height:24px;border-radius:3px;border:1px solid var(--line);background:var(--bg3);cursor:pointer;padding:0}.pg-step.alt{background:var(--bg)}.pg-step:hover{border-color:var(--accent)}.pg-step.on{border-color:transparent}.pg-step.playing{box-shadow:inset 0 0 0 2px var(--play)}.pg-rollstrip{position:relative;flex:1;height:24px;min-width:0;border:1px solid var(--line);border-radius:3px;background:var(--bg3);cursor:pointer;overflow:hidden;padding:0}.pg-rollstrip:hover{border-color:var(--accent)}.pg-rollhint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-dim)}.pg-rollnote{position:absolute;height:3px;border-radius:2px;min-width:2px}.pg-toggle{flex:none;background:var(--bg3);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:12px;cursor:pointer;filter:grayscale(1) opacity(.5)}.pg-toggle.on{filter:none;border-color:var(--accent)}.pg-foot{display:flex;align-items:center;gap:10px;padding:7px 10px;border-top:1px solid var(--line);background:var(--bg3)}.pg-foot button{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer}.pg-foot button:hover{border-color:var(--accent)}.pg-foot-hint{font-size:10.5px;color:var(--text-dim)}.pg-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b8;border:2px dashed var(--accent);border-radius:10px;font-size:13px;pointer-events:none}.pg-patdrag{font-size:10px;color:var(--text-dim);border:1px dashed var(--line);border-radius:5px;padding:3px 7px;cursor:grab;white-space:nowrap}.pg-patdrag:hover{color:var(--text);border-color:var(--accent)}.sample-item.picked{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 2px 0 0 var(--accent)}.play-mode{align-self:center;margin-left:2px;padding:2px 6px;border-radius:4px;border:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--text-dim);background:none;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.play-mode:hover{border-color:var(--accent);color:var(--text)}.play-mode.pat{color:var(--bg);background:var(--accent);border-color:var(--accent)}.wam-mark{margin-left:5px;font-size:.85em;opacity:.75}.auto-tension-grip{stroke-linejoin:round;transition:r 90ms ease}.auto-tension-grip:hover{r:5}.auto-values{display:flex;flex-direction:column;gap:10px;padding:12px 14px;width:100%;height:100%;min-height:0}.auto-values-hint{font-size:11px;line-height:1.5;color:var(--text-dim)}.auto-values-hint code{background:var(--bg2);border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:10px}.auto-values-text{flex:1;min-height:0;resize:none;background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:6px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;-moz-tab-size:12;tab-size:12;white-space:pre;overflow:auto}.auto-values-status{font-size:11px}.auto-values-status.ok{color:var(--ok, #6fcf80)}.auto-values-status.err{color:var(--danger, #e2707a)}.auto-values-actions{display:flex;align-items:center;gap:6px}.perf{width:100%;height:100%;overflow:auto;padding:12px 14px 16px;display:flex;flex-direction:column;gap:16px}.perf-section h3{margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.perf-note{margin:0 0 10px;font-size:11px;line-height:1.55;color:var(--text-dim);opacity:.85}.perf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.perf-stat{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.perf-stat.wide{grid-column:1 / -1}.perf-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.perf-value{font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.perf-stat.wide .perf-value{font-size:12px}.perf-value.ok{color:var(--ok, #6fcf80)}.perf-value.warn{color:#e6c069}.perf-value.bad{color:var(--danger, #e2707a)}.perf-hint{font-size:10px;color:var(--text-dim)}.perf-graph{grid-column:1 / -1;width:100%;height:34px;color:var(--text);opacity:.75;background:var(--bg2);border:1px solid var(--line);border-radius:6px}.perf-unavailable{grid-column:1 / -1;font-size:11px;color:var(--text-dim);font-style:italic}.lab{height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:hidden}.lab-head{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;flex-wrap:wrap}.lab-head h1{margin:0;font-size:15px;letter-spacing:.3px}.lab-sub{font-size:11.5px;color:var(--text-dim)}.lab-back{font-size:12px}.lab-name{width:190px;background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:6px;padding:5px 9px;font:inherit;font-size:12.5px}.lab-note{padding:7px 18px;font-size:12px;border-bottom:1px solid var(--line);flex-shrink:0}.lab-note.ok{color:var(--ok, #6fcf80)}.lab-note.err{color:var(--danger, #e2707a)}.lab-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px}.lab-synth{min-width:0;overflow:auto;border-right:1px solid var(--line)}.lab-synth .synth{height:auto;min-height:100%}.lab-side{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.lab-tabs{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.lab-sort{background:var(--bg);color:var(--text);border:1px solid var(--line2);border-radius:5px;font-size:11px;padding:3px 5px}.lab-empty{padding:18px 14px;font-size:12px;line-height:1.55;color:var(--text-dim)}.lab-list{list-style:none;margin:0;padding:10px 12px;display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0}.lab-card{background:var(--bg3);border:1px solid var(--line);border-left:2px solid #a78bfa;border-radius:7px;padding:9px 10px}.lab-card-head{display:flex;align-items:baseline;gap:8px}.lab-card-name{flex:1;min-width:0;text-align:left;background:none;border:0;padding:0;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-card-name:hover{color:#a78bfa}.lab-like{background:none;border:0;padding:0;color:var(--text-dim);font:inherit;font-size:11px;cursor:pointer}.lab-like:hover{color:#e2707a}.lab-card-meta{font-size:10.5px;color:var(--text-dim);margin-top:2px}.lab-card-actions{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.lab-card-actions button{font-size:11px;padding:3px 8px}.lab-card-actions .danger{color:var(--danger, #e2707a)}@media (max-width: 900px){.lab-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.lab-synth{border-right:0;border-bottom:1px solid var(--line)}}.export-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.export-card{width:420px;max-width:92vw;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px 16px;box-shadow:0 24px 70px #000000b3}.export-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.export-title{font-size:14px;font-weight:600}.export-pct{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.export-bar{height:6px;border-radius:3px;background:var(--bg);border:1px solid var(--line);overflow:hidden}.export-fill{height:100%;width:0;background:var(--text);border-radius:3px;transition:width .16s linear}.export-bar.indeterminate .export-fill{width:34%;transition:none;animation:export-sweep 1.15s ease-in-out infinite}@keyframes export-sweep{0%{transform:translate(-110%)}to{transform:translate(400%)}}@media (prefers-reduced-motion: reduce){.export-bar.indeterminate .export-fill{animation:none;width:100%;opacity:.35}}.export-detail{margin-top:10px;font-size:12px;color:var(--text-dim)}.export-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.export-note{flex:1;font-size:10.5px;line-height:1.4;color:var(--text-dim);opacity:.8}.chunk-failed{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:18px 22px;text-align:center;color:var(--text);font-size:13px;box-shadow:0 10px 34px #00000080}.chunk-failed .chunk-failed-sub{color:var(--text-dim);font-size:11px;margin:6px 0 12px}.chunk-failed button{background:var(--accent);color:#000;border:0;border-radius:6px;padding:6px 16px;font-weight:600;cursor:pointer}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:300}.share-sheet{position:relative;width:460px;max-width:100%;max-height:100%;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #000000b3;padding:26px 26px 18px;text-align:center}.share-sheet h2{margin:0 0 8px;font-size:19px}.share-sheet-sub{margin:0 0 16px;color:var(--text-dim);font-size:13px;line-height:1.5}.share-link-row{display:flex;gap:6px;margin-bottom:10px}.share-link-row input{flex:1;min-width:0;background:var(--bg2);border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:var(--text);font-size:12.5px;font-family:JetBrains Mono,Consolas,monospace}.share-copy{flex:none;background:var(--bg3);border:1px solid var(--line);border-radius:7px;color:var(--text);font:inherit;font-size:12.5px;font-weight:600;padding:8px 14px;cursor:pointer}.share-copy:hover{background:var(--line)}.share-open{display:block;background:var(--accent);color:var(--bg);border-radius:8px;padding:10px;font-size:13.5px;font-weight:600;text-decoration:none}.share-open:hover{opacity:.9}.share-listed{margin:12px 0 0;background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:11px 12px;text-align:left}.share-listed-row{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.share-listed-row input{flex:none;margin-top:2px;accent-color:var(--accent);width:15px;height:15px}.share-listed-row strong{display:block;font-size:12.5px;font-weight:600;color:var(--text)}.share-listed-row em{display:block;margin-top:3px;font-style:normal;font-size:11.5px;line-height:1.5;color:var(--text-dim)}.share-listed-row em a{color:var(--text)}.share-listed-err{margin:8px 0 0;font-size:11.5px;color:#e2707a}.share-embed{margin:14px 0 0;display:flex;flex-direction:column;gap:8px}.share-embed-toggle{background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--text-dim);font:inherit;font-size:12px;padding:8px;cursor:pointer}.share-embed-toggle:hover{color:var(--text)}.share-embed textarea{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:var(--text);font-family:JetBrains Mono,Consolas,monospace;font-size:11px;line-height:1.5;resize:vertical}.share-targets-label{margin:18px 0 8px;color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.share-targets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.share-targets button{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--line);border-radius:9px;color:var(--text);font:inherit;font-size:11px;padding:10px 4px 8px;cursor:pointer}.share-targets button:hover{background:var(--bg3);border-color:var(--line)}.share-target-icon{font-size:19px;line-height:1}.share-note{margin:12px 0 0;color:var(--text-dim);font-size:11.5px;line-height:1.5}@media (max-width: 420px),(max-height: 460px){.share-sheet{padding:18px 16px 10px}.share-sheet .community-mark{display:none}.share-sheet h2{font-size:16px}.share-sheet-sub{font-size:12px;margin-bottom:12px}.share-targets-label{margin:12px 0 6px}.share-note{display:none}}