:root{--attack:0s;--release:.16s;--ease-release:cubic-bezier(.2, 0, 0, 1);--move:.22s;--ease-move:cubic-bezier(.2, 0, 0, 1);--ui:.12s;--ease-ui:ease-out;--breath:.4s;--line-faint:#ffffff14;--line:#ffffff1f;--line-strong:#ffffff2e;--line-marker:#ffffff52;--track-a:#5ec4b6;--track-b:#9b8cc4;--track-c:#d96b7d;--track-d:#7ea8d8;--fx-brk:#d76c6c;--fx-rev:#e0a458;--fx-flt:#6bc28e;--fx-stop:#a865c9;--app-chrome-bg:#1b1c22;--bg-primary:#1f2028;--bg-raised:#262830;--bg-panel:#262830;--bg-card:#2e3038;--range-grip-surface:#1f2028;--waveform-surface:#222631;--bg-hover:#ffffff0a;--bg-elevated:#ffffff08;--border:#ffffff14;--border-hover:#ffffff26;--text-primary:#dde0e8;--text-body:#8890a4;--text-secondary:#6a7080;--text-muted:#606474;--text-dim:#2a2c34;--accent:#5ec4b6;--record:#c9756f;--accent-hover:#7ed4c8;--accent-glow:color-mix(in srgb, var(--accent) 20%, transparent);--accent-subtle:color-mix(in srgb, var(--accent) 10%, transparent);--accent-a04:color-mix(in srgb, var(--accent) 4%, transparent);--accent-a05:color-mix(in srgb, var(--accent) 5%, transparent);--accent-a06:color-mix(in srgb, var(--accent) 6%, transparent);--accent-a08:color-mix(in srgb, var(--accent) 8%, transparent);--accent-a12:color-mix(in srgb, var(--accent) 12%, transparent);--accent-a13:color-mix(in srgb, var(--accent) 13%, transparent);--accent-a15:color-mix(in srgb, var(--accent) 15%, transparent);--accent-a18:color-mix(in srgb, var(--accent) 18%, transparent);--accent-a20:color-mix(in srgb, var(--accent) 20%, transparent);--accent-a25:color-mix(in srgb, var(--accent) 25%, transparent);--accent-a30:color-mix(in srgb, var(--accent) 30%, transparent);--accent-a35:color-mix(in srgb, var(--accent) 35%, transparent);--accent-a40:color-mix(in srgb, var(--accent) 40%, transparent);--accent-a50:color-mix(in srgb, var(--accent) 50%, transparent);--accent-a60:color-mix(in srgb, var(--accent) 60%, transparent);--accent-a70:color-mix(in srgb, var(--accent) 70%, transparent);--accent-a80:color-mix(in srgb, var(--accent) 80%, transparent);--accent-a90:color-mix(in srgb, var(--accent) 90%, transparent);--error:#c44;--error-bg:color-mix(in srgb, var(--error) 8%, transparent);--error-border:color-mix(in srgb, var(--error) 20%, transparent);--success:#888;--success-bg:color-mix(in srgb, var(--success) 8%, transparent);--success-border:color-mix(in srgb, var(--success) 20%, transparent);--error-a10:color-mix(in srgb, var(--error) 10%, transparent);--error-a15:color-mix(in srgb, var(--error) 15%, transparent);--error-a25:color-mix(in srgb, var(--error) 25%, transparent);--error-a30:color-mix(in srgb, var(--error) 30%, transparent);--error-a50:color-mix(in srgb, var(--error) 50%, transparent);--error-a75:color-mix(in srgb, var(--error) 75%, transparent);--border-strong:#ffffff80;--cursor:var(--accent);--synth-key-white:#2e3038;--synth-key-black:#1f2028;--dilla-accent:#5ec4b6;--dilla-accent-bg:color-mix(in srgb, var(--dilla-accent) 8%, transparent);--dilla-accent-border:color-mix(in srgb, var(--dilla-accent) 20%, transparent);--glass-blur:blur(12px);--glass-blur-strong:blur(20px);--glass-blur-soft:blur(6px);--glass-border:transparent;--panel-bg:#262830;--panel-bg-subtle:#1f2028;--panel-bg-overlay:#1f2028eb;--btn-height-lg:32px;--btn-height-md:28px;--btn-height-sm:24px;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--font-label:10px;--font-btn:12px;--font-btn-sm:11px;--font-value:12px;--font-hero:28px;--radius:4px;--radius-sm:3px;--radius-xs:2px;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Menlo", monospace;--font-bitmap:"JetBrains Mono", "Menlo", monospace;--label-transform:none;--label-spacing:.03em;--label-weight:300}.app--refresh{--type-label-size:10px;--type-label-tracking:.12em;--type-label-case:uppercase;--type-body-size:13px;--type-value-size:18px;--type-hero-size:32px;--line-body:1.55}.app--refresh[data-type=E4]{--bg-primary:#1b1c22;--bg-raised:#22232a;--bg-card:#2a2b33;--bg-hover:#ffffff0d;--border:#ffffff17;--border-hover:#ffffff29;--text-primary:#dde0e8;--text-body:#8890a4;--text-secondary:#6a7080;--text-muted:#606474;--muted-ink:#c9756f;--muted-bg:#c9756f2e}.app--refresh[data-type=E4][data-theme=light]{--bg-primary:#f5f3ee;--bg-raised:#fff;--bg-card:#fff;--bg-hover:#0000000a;--border:#0000001a;--border-hover:#00000026;--text-primary:#1c1d22;--text-body:#5c5f6b;--text-secondary:#666973;--text-muted:#6c6f79;--line-faint:#00000014;--line:#0000001a;--line-strong:#00000026;--line-marker:#0003;--accent:#2f9c8d;--accent-hover:#268577;--track-a:#1f7c6c;--track-b:#6a59c2;--track-c:#a85050;--track-d:#3f6ea6;--muted-ink:#a33d36;--muted-bg:#c9756f2e}@media (prefers-reduced-motion:reduce){:root{--release:0s;--move:0s;--ui:0s;--breath:0s}}[data-theme=light]{--app-chrome-bg:#f5f3ee;--bg-primary:#f0f2f5;--bg-raised:#fff;--bg-card:#e8eaed;--range-grip-surface:var(--bg-primary);--waveform-surface:var(--bg-raised);--bg-hover:#0000000a;--bg-elevated:#00000008;--border:#0000001a;--border-hover:#0003;--border-strong:#00000080;--text-primary:#1a1c22;--text-body:#4a5060;--text-secondary:#6a7080;--text-muted:#7880a0;--text-dim:#8898a8;--panel-bg:#fff;--panel-bg-subtle:#f0f2f5;--panel-bg-overlay:#fffffff5;--synth-key-white:#e8eaed;--synth-key-black:#2e3038;--glass-blur:blur(0px);--glass-blur-strong:blur(0px);--glass-blur-soft:blur(0px);--glass-border:#00000014;--line-faint:#00000014;--line:#0000001f;--line-strong:#0000002e;--line-marker:#00000047}[data-theme=light] *{scrollbar-color:#0003 transparent}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000059}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;margin:0;padding:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}html,body{height:100%;overflow:hidden}html{background:var(--app-chrome-bg)}body.landing-mode{height:auto;overflow-y:auto}html:has(body.landing-mode){height:auto;overflow-y:auto}body.landing-mode #root{height:auto}body{background:var(--app-chrome-bg);color:var(--text-body);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300}#root{z-index:1;width:100%;height:100%;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast{z-index:9999;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-ui);letter-spacing:.03em;pointer-events:none;border-left-width:2px;align-items:flex-start;gap:7px;max-width:280px;padding:9px 14px;font-size:12px;font-weight:300;line-height:1.5;animation:.2s toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0009}.toast--success{border-left-color:var(--accent)}.toast--success svg{color:var(--accent);flex-shrink:0;margin-top:1px}.toast--error{border-left-color:var(--error)}.toast--error svg{color:var(--error);flex-shrink:0;margin-top:1px}.toast--info{border-left-color:var(--border-strong);color:var(--text-secondary)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.arr{background:var(--bg-primary);min-width:0;height:100%;color:var(--text-body);grid-template-rows:auto auto 1fr;grid-template-columns:1fr;font-family:Inter,sans-serif;font-weight:300;display:grid;overflow:hidden}.arr-info{border-bottom:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:8px 16px;display:grid}.arr-info-brand{grid-area:1/1/auto/-1}.arr-genre-select{grid-area:2/1}.arr-info-meta{grid-area:2/2}.arr-info-actions{grid-area:2/3}.arr-info-brand{color:var(--text-secondary);letter-spacing:.04em;align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.arr-info-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s}.arr-info-dot--playing{background:var(--accent);animation:1.2s ease-in-out infinite arr-dot-pulse}@keyframes arr-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.arr-info-meta{align-items:baseline;gap:16px;min-width:0;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;overflow:hidden}.arr-val{color:var(--text-primary);font-weight:400}.arr-lbl{color:var(--text-muted);letter-spacing:.03em;margin-left:3px;font-size:10px}.arr-info-actions{align-items:center;gap:4px;display:flex}.arr-track-dock{border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:2px;padding:5px 16px;display:flex}.arr-role-pill{cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:7px;padding:5px 10px;font-family:inherit;transition:background .12s;display:inline-flex}.arr-role-pill:hover{background:var(--bg-hover)}.arr-role-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.arr-role-letter{color:var(--text-body);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.arr-role-name{color:var(--text-secondary);letter-spacing:.03em;font-family:Inter,sans-serif;font-size:11px;font-weight:300}.arr-stage{min-width:0;min-height:0}.arr-stage canvas{touch-action:none;width:100%;height:100%;display:block}.arr-loop-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:14px;transition:border-color .12s,color .12s;display:inline-flex}.arr-loop-btn.active{border-color:var(--accent);color:var(--accent)}.arr-loop-btn:hover{border-color:var(--border-hover);color:var(--text-body)}@keyframes arr-drawer-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.arr-drawer{width:fit-content;max-width:calc(100vw - 24px);left:50%;bottom:calc(var(--transport-bar-height,0px) + 8px);z-index:25;-webkit-backdrop-filter:blur(20px);max-height:min(62vh, calc(100vh - var(--transport-bar-height,0px) - 120px));background:#1f2028b8;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;animation:.2s cubic-bezier(.22,1,.36,1) arr-drawer-in;display:flex;position:fixed;overflow-y:auto;transform:translate(-50%);box-shadow:0 -8px 32px #0006}.arr-drawer-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:24px;display:flex;position:relative}.arr-drawer-handle:before{content:"";height:44px;position:absolute;top:-10px;left:0;right:0}.arr-drawer-handle:active{cursor:grabbing}.arr-drawer-handle-bar{pointer-events:none;background:#ffffff40;border-radius:2px;width:36px;height:4px;transition:background .12s;display:block}.arr-drawer-handle:hover .arr-drawer-handle-bar,.arr-drawer-handle:active .arr-drawer-handle-bar{background:#ffffff8c}.arr-drawer-header{z-index:1;background:0 0;justify-content:space-between;align-items:center;padding:10px 14px 0;display:flex;position:sticky;top:0}.arr-drawer-title{color:var(--accent);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.arr-drawer-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px 6px;font-size:16px;line-height:1;position:relative}.arr-drawer-close:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arr-drawer-close:hover{color:var(--text-primary)}.arr-drawer-play{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px;line-height:1.6;transition:color .15s,border-color .15s}.arr-drawer-play:hover{color:var(--accent);border-color:var(--accent)}.arr-drawer-play--active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.arr-drawer-remove{font-family:var(--font-ui);color:var(--text-muted);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;padding:2px 8px;font-size:11px;font-weight:300;transition:color .15s}.arr-drawer-remove:hover{color:var(--error,#c44)}.arr-drawer-body{grid-template-columns:1fr;gap:0;padding:6px 14px;display:grid}.arr-drawer-type-row{align-items:center;gap:6px;width:100%;margin-bottom:4px;display:flex}.arr-drawer-type-row .arr-drawer-subtitle{flex-shrink:0;width:auto;margin-bottom:0}.arr-type-btn{font-family:var(--font-ui);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;letter-spacing:.03em;background:0 0;border-radius:3px;padding:3px 7px;font-size:11px;font-weight:300;transition:border-color .1s,color .1s}.arr-type-btn:hover{border-color:var(--border-hover);color:var(--text-body)}.arr-type-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-a08)}.arr-drawer-field{color:var(--text-secondary);align-items:center;gap:8px;width:100%;margin-bottom:2px;font-size:12px;display:flex}.arr-drawer-field label{font-family:var(--font-ui);width:44px;color:var(--text-muted);flex-shrink:0;font-weight:300}.arr-drawer-field input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;flex:1;width:0;min-width:0;height:4px}.arr-drawer-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.arr-drawer-val{color:var(--text-primary);text-align:right;flex-shrink:0;min-width:32px;font-family:JetBrains Mono,monospace;font-size:12px}.arr-drawer-divider{background:var(--border);width:100%;height:1px;margin:4px 0}.arr-drawer-subtitle{font-family:var(--font-ui);color:var(--text-secondary);letter-spacing:.03em;width:100%;margin-bottom:4px;font-size:10px;font-weight:600}.arr-drawer-tracks-wrap{flex-direction:column;align-items:stretch;gap:0;width:100%;margin-bottom:2px;display:flex}.arr-drawer-track{border-top:1px solid #ffffff0f;align-items:center;gap:6px;min-width:0;padding:4px 0;display:flex}.arr-drawer-track:first-child{border-top:none;padding-top:2px}.arr-drawer-track-label{text-align:center;flex-shrink:0;width:18px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.arr-icon-select{border:1px solid var(--border);min-width:28px;height:24px;color:var(--text-body);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;transition:border-color .12s,color .12s;display:inline-flex}.arr-icon-select:hover{border-color:var(--border-hover);color:var(--text-primary)}.arr-icon-select.open{border-color:var(--accent);color:var(--accent)}.arr-icon-select-item-icon{width:18px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.popover-item.active .arr-icon-select-item-icon{color:var(--accent)}.arr-icon-select-panel{font-family:var(--font-ui)}.arr-drawer-variant-row{flex-shrink:0;gap:2px;display:flex}.arr-variant-btn{border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .1s,color .1s;display:inline-flex;position:relative}.arr-variant-btn:before{content:"";width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arr-variant-btn svg{display:block}.arr-variant-btn:hover{border-color:var(--border-hover);color:var(--text-body)}.arr-variant-btn.active{border-color:var(--accent);color:var(--accent);background:#5ec4b614}.arr-drawer-pat-row{flex-shrink:0;gap:2px;display:flex}.arr-pat-btn{border:1px solid var(--border);width:18px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:2px;flex-shrink:0;padding:0;font-family:JetBrains Mono,monospace;font-size:10px;transition:border-color .1s,color .1s;position:relative}.arr-pat-btn:before{content:"";width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arr-pat-btn:hover{border-color:var(--border-hover);color:var(--text-body)}.arr-pat-btn.active{border-color:var(--accent);color:var(--accent);background:#5ec4b61f}.arr-auto-tag{color:var(--accent);opacity:.85;letter-spacing:.03em;white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;margin-left:4px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.arr-auto-tag-icon{justify-content:center;align-items:center;width:16px;display:inline-flex}.arr-auto-tag-icon svg{display:block}.arr-auto-tag-arrow{opacity:.7;flex-shrink:0;display:block}.arr-auto-tag--muted{color:var(--text-muted)}.arr-energy-wrap{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.arr-energy-wrap input[type=range]{background:linear-gradient(90deg,#5ec4b61a 0% 35%,#5ec4b642 35% 75%,#5ec4b67a 75% 100%);width:100%;min-width:0}.arr-energy-zones{font-family:var(--font-ui);color:var(--text-muted);letter-spacing:.02em;opacity:.8;font-size:9px;display:flex}.arr-energy-zones span:first-child{width:35%}.arr-energy-zones span:nth-child(2){text-align:center;width:40%}.arr-energy-zones span:nth-child(3){text-align:right;width:25%}.bcs-shell{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 14px 14px;position:relative}.bcs-tape{padding-bottom:34px}.bcs-scr{border:1px solid var(--border);border-radius:50%;width:6px;height:6px;position:absolute}.bcs-head{font-family:var(--bc-mono);color:var(--text-secondary);justify-content:space-between;align-items:center;margin:2px 6px 8px;font-size:11px;display:flex}.bcs-ctr{letter-spacing:.15em;font-size:13px}.bcs-label{background:var(--bc-label);border-radius:5px;padding:12px 14px}.bcs-lrow{justify-content:space-between;align-items:flex-start;display:flex}.bcs-lttl{color:var(--text-primary);font-size:20px;font-weight:300;line-height:1.15}.bcs-lbpm{text-align:right;flex-shrink:0}.bcs-lbpm b{font-family:var(--bc-mono);color:var(--accent);font-size:32px;font-weight:300;line-height:1}.bcs-lbpm em{color:var(--text-secondary);letter-spacing:.08em;margin-left:4px;font-size:10px;font-style:normal}.bcs-lbpm i{font-family:var(--bc-mono);color:var(--text-secondary);margin-top:4px;font-size:11px;font-style:normal;display:block}.bcs-stripes{flex-direction:column;gap:3px;margin:12px 0;display:flex}.bcs-stp{opacity:.45;border-radius:1.5px;height:3px}.bcs-stp.hit{animation:.4s cubic-bezier(.2,0,0,1) bcs-strh}@keyframes bcs-strh{0%{opacity:1}to{opacity:.45}}.bcs-win{background:var(--bg-primary);border:1px solid var(--border);border-radius:28px;align-items:center;gap:6px;padding:6px 8px;display:flex}.bcs-win canvas{flex:1;min-width:0;height:44px;display:block}.bcs-trap{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bcs-canvas-hero canvas{width:100%;display:block}.bcs-vinyl canvas{height:238px}.bcs-dotmatrix{border-radius:0;padding:8px}.bcs-dotmatrix canvas{height:220px}.bcs-tlines{flex-direction:column;gap:4px;display:flex;position:absolute;top:46px;left:16px}.bcs-tl{opacity:.4;border-radius:1px;width:22px;height:2px}.bcs-tl.hit{animation:.4s cubic-bezier(.2,0,0,1) bcs-tlh}@keyframes bcs-tlh{0%{opacity:1}to{opacity:.4}}.cof-svg{-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:100%;max-width:200px;margin:0 auto;display:block;overflow:visible}@media (width<=768px){.cof-svg{max-width:min(100%,240px)}}@media (width>=769px){.cof-svg{max-width:min(60vh,480px)}}@media (width>=769px) and (height<=900px){.cof-svg{max-width:min(45vh,360px)}}@media (height<=700px){.cof-svg{max-width:min(17vh,130px)}}.cof-seg{cursor:pointer;fill:#0000;stroke:var(--border);stroke-width:.8px;transition:opacity .1s,fill .1s}.cof-seg--sel{stroke:var(--accent);stroke-width:1.5px;fill:var(--accent-subtle)!important}.cof-seg--hov{opacity:.75}.cof-seg:active{opacity:.55}.cof-lbl{font-family:var(--font-ui);text-anchor:middle;dominant-baseline:central;pointer-events:none}.cof-lbl--major{fill:var(--text-secondary);font-size:10px;font-weight:400}.cof-lbl--minor{fill:var(--text-muted);font-size:8px;font-weight:300}.cof-lbl--sel{fill:var(--accent);font-weight:600}.cof-center{fill:var(--bg-raised);stroke:var(--border);stroke-width:1px}.cof-center-note{font-family:var(--font-ui);fill:var(--text-primary);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:18px;font-weight:300}.cof-center-scale{font-family:var(--font-ui);fill:var(--text-muted);text-anchor:middle;dominant-baseline:central;letter-spacing:.05em;pointer-events:none;font-size:6.5px}.cof-track-dot{opacity:.85}.cof-backdrop{z-index:300;-webkit-backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cof-modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-md);gap:var(--gap-sm);flex-direction:column;width:min(320px,92vw);display:flex}.cof-modal-header{justify-content:space-between;align-items:center;display:flex}.cof-modal-title{font-size:var(--font-label);letter-spacing:.04em;color:var(--text-secondary);font-weight:600}.cof-modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;transition:background .12s,color .12s;display:flex}.cof-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.cof-modal-hint{font-size:var(--font-label);color:var(--text-muted);text-align:center;letter-spacing:.02em;margin:0}.key-sync-panel{min-height:0;padding:var(--gap-md) var(--gap-md) var(--gap-lg);gap:var(--gap-md);font-family:var(--font-ui);flex-direction:column;flex:1;display:flex}.key-sync-panel .control-tooltip-target:not(:hover):not(:focus-visible):before,.key-sync-panel .control-tooltip-target:not(:hover):not(:focus-visible):after{content:none}.key-sync-detect-btn{height:var(--btn-height-md);border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent-subtle);color:var(--accent);font-size:var(--font-btn);font-family:var(--font-ui);cursor:pointer;align-items:center;gap:6px;padding:0 12px;transition:border-color .15s;display:inline-flex}.key-sync-detect-btn:hover{border-color:var(--accent-hover)}.key-sync-section-label{font-size:var(--font-label);letter-spacing:.04em;color:var(--text-secondary);font-weight:600}.key-sync-master{flex-direction:column;gap:8px;display:flex}.key-sync-master-header{justify-content:flex-end;align-items:center;display:flex}.key-sync-global-row{align-items:center;gap:var(--gap-sm);padding:6px 10px;display:flex}.key-sync-global-label{flex:1}.key-sync-pitch-cluster--global{flex-shrink:0}.key-sync-pitch-cluster--global .pitch-value{min-width:44px}.key-sync-semitone-group{display:inline-flex}.key-sync-tracks{border-top:1px solid var(--border);min-height:0;padding-top:var(--gap-sm);flex-direction:column;flex:1;gap:2px;display:flex}.key-sync-track-row{align-items:center;gap:var(--gap-sm);border-radius:var(--radius-xs);padding:6px 10px;transition:background .12s;display:flex}.key-sync-track-row:hover{background:var(--bg-hover)}.key-sync-track-row.is-excluded .key-sync-key-info,.key-sync-track-row.is-excluded .key-sync-pitch-cluster{opacity:.4}.key-sync-row-dot{background:var(--row-color,var(--text-muted));border-radius:50%;flex-shrink:0;width:6px;height:6px}.key-sync-track-label{min-width:10px;font-size:var(--font-label);color:var(--row-color,var(--text-muted));flex-shrink:0;font-weight:600}.key-sync-key-info{flex:1;min-width:72px;overflow:hidden}.key-sync-key-text{white-space:nowrap;align-items:baseline;gap:1px;max-width:100%;display:inline-flex;overflow:hidden}.key-sync-key-raw{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1}.key-sync-key-raw:only-child{letter-spacing:-.02em;color:var(--text-primary);font-size:16px}.key-sync-key-raw.is-low{color:var(--text-muted)}.key-sync-key-arrow{font-size:var(--font-label);color:var(--text-muted);margin:0 3px}.key-sync-key-current{letter-spacing:-.02em;color:var(--row-color);font-size:16px;font-weight:400;line-height:1}.key-sync-key--loading{font-size:var(--font-btn-sm);color:var(--text-muted);align-items:center;gap:6px;display:flex}.key-sync-key--empty{font-size:var(--font-value);color:var(--text-muted)}.key-sync-pitch-cluster{flex-shrink:0;align-items:center;gap:1px;display:flex}.key-sync-pitch-cluster:not(.key-sync-pitch-cluster--global) .pitch-value{text-align:center;min-width:36px}.key-sync-oct-btn{font-size:12px}.key-sync-exclude-btn{border-radius:var(--radius-xs);width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex;position:relative}.key-sync-exclude-btn:before{content:"";position:absolute;inset:-11px}.key-sync-exclude-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.key-sync-exclude-btn.is-excluded{color:var(--accent)}.key-sync-exclude-btn.is-excluded:hover{color:var(--text-primary)}.key-sync-wasm-state{justify-content:center;align-items:center;gap:var(--gap-sm);flex-direction:column;flex:1;display:flex}.key-sync-wasm-label{font-size:var(--font-btn-sm);color:var(--text-muted);margin:0}.key-sync-wasm-error{font-size:var(--font-label);color:var(--text-muted);opacity:.7;margin:0}@media (width<=768px){.key-sync-panel{padding:var(--gap-sm) var(--gap-sm) var(--gap-md);gap:var(--gap-sm)}.key-sync-detect-btn{min-width:44px;min-height:44px}.key-sync-track-row{min-height:44px}}@media (width>=769px){.key-sync-panel{width:100%;max-width:640px;margin:0 auto}.key-sync-master{align-self:center}}.sources-panel{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex;overflow-y:auto}.sources-panel-header{border-bottom:1px solid var(--border);align-items:center;padding-bottom:8px;display:flex}.sources-panel-title{letter-spacing:.03em;color:var(--text-secondary);text-transform:none;font-size:11px;font-weight:300}.sources-panel-list{flex-direction:column;gap:6px;display:flex}.source-slot{border:1px solid var(--border);background:var(--bg-card);border-radius:6px;align-items:center;min-height:48px;padding:0 12px;display:flex}.source-slot--empty{background:0 0;border-style:dashed;justify-content:center}.source-slot-add-btn{color:var(--text-secondary);letter-spacing:.03em;cursor:pointer;width:100%;transition:color var(--ui) var(--ease-ui);background:0 0;border:none;padding:8px 16px;font-size:12px;font-weight:300}.source-slot-add-btn:hover{color:var(--accent)}.source-slot--loading{justify-content:flex-start}.source-slot-loading-text{color:var(--text-secondary);letter-spacing:.03em;font-size:11px}.source-slot--loaded{justify-content:space-between;gap:8px}.source-slot-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.source-slot-name{letter-spacing:.03em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:300;overflow:hidden}.source-slot-tracks{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:11px}.source-slot-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.source-slot-play-btn,.source-slot-delete-btn{cursor:pointer;width:28px;height:28px;color:var(--text-secondary);transition:color var(--ui) var(--ease-ui), background var(--ui) var(--ease-ui);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.source-slot-play-btn:hover{color:var(--accent);background:var(--accent-subtle)}.source-slot-play-btn.playing{color:var(--accent)}.source-slot-delete-btn:hover{color:var(--error);background:var(--error-a10)}.liner-notes-panel{--ln-ghost:#ffffff0b;--ln-ghost-unread:#5ec4b61a;flex-direction:column;height:100%;min-height:0;display:flex}[data-theme=light] .liner-notes-panel{--ln-ghost:#0000000b}.liner-notes-panel__stage{--ln-view-ms:.32s;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.liner-notes-panel__stage{--ln-view-ms:0s}}.liner-notes-panel__body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}@keyframes lnSlideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes lnSlideOutToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes lnSlideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes lnSlideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.liner-notes-panel__body--enter-forward{animation:lnSlideInFromRight var(--ln-view-ms) var(--ease-move) both}.liner-notes-panel__body--enter-back{animation:lnSlideInFromLeft var(--ln-view-ms) var(--ease-move) both}.liner-notes-panel__body--exit-forward,.liner-notes-panel__body--exit-back{pointer-events:none;position:absolute;inset:0;overflow:hidden}.liner-notes-panel__body--exit-forward{animation:lnSlideOutToLeft var(--ln-view-ms) var(--ease-move) both}.liner-notes-panel__body--exit-back{animation:lnSlideOutToRight var(--ln-view-ms) var(--ease-move) both}.liner-notes-panel__list{flex-direction:column;padding:6px 0 14px;display:flex}.liner-notes-panel__row{border:none;border-bottom:1px solid var(--line-faint);text-align:left;cursor:pointer;width:100%;transition:background var(--ui) var(--ease-ui);background:0 0;align-items:flex-start;gap:14px;padding:26px 24px 24px;display:flex;position:relative;overflow:hidden}.liner-notes-panel__row-thumbWrap{width:64px;height:64px;transition:transform var(--move) var(--ease-move);flex:none;position:relative;transform:rotate(-3deg)}.liner-notes-panel__row-thumbWrap:before{content:"";background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xs);position:absolute;inset:0;transform:rotate(4deg)}.liner-notes-panel__row:hover .liner-notes-panel__row-thumbWrap{transform:rotate(-1deg)}.liner-notes-panel__row-thumb{object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--border-hover);width:100%;height:100%;display:block;position:relative}.liner-notes-panel__row-body{flex:auto;min-width:0;position:relative}.liner-notes-panel__row:hover{background:var(--bg-hover)}.liner-notes-panel__row-ghost{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--ln-ghost);font-variant-numeric:tabular-nums;pointer-events:none;font-size:96px;font-weight:300;line-height:1;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.liner-notes-panel__row.is-unread .liner-notes-panel__row-ghost{color:var(--ln-ghost-unread)}.liner-notes-panel__row-cat{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-secondary);margin-bottom:8px;font-size:9.5px;display:block;position:relative}.liner-notes-panel__row.is-unread .liner-notes-panel__row-cat{color:var(--accent)}.liner-notes-panel__row-title{max-width:280px;color:var(--text-body);font-size:16px;font-weight:300;line-height:1.45;display:block;position:relative}.liner-notes-panel__row.is-unread .liner-notes-panel__row-title{color:var(--text-primary)}.liner-notes-panel__row-date{font-family:var(--font-mono);color:var(--text-muted);margin-top:9px;font-size:10px;display:block;position:relative}.liner-notes-panel__back{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;transition:color var(--ui) var(--ease-ui);background:0 0;border:none;flex:none;align-self:flex-start;margin:12px 0 0 16px;padding:4px 0;font-size:10px}.liner-notes-panel__back:hover{color:var(--text-primary)}.liner-notes-panel__detail-heroWrap{flex:none;padding:16px 16px 0}.liner-notes-panel__detail-hero{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;display:block}.liner-notes-panel__detail{padding:34px 26px 26px;position:relative;overflow:hidden}.liner-notes-panel__detail-ghost{font-family:var(--font-mono);letter-spacing:-.05em;color:var(--ln-ghost);pointer-events:none;font-size:190px;font-weight:300;line-height:1;position:absolute;top:-28px;left:-10px}.liner-notes-panel__detail-cat{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);margin:44px 0 12px;font-size:10px;display:block;position:relative}.liner-notes-panel__detail-title{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 16px;font-size:24px;font-weight:300;line-height:1.4;position:relative}.liner-notes-panel__detail-body{max-width:30em;color:var(--text-body);margin:0 0 12px;font-size:12.5px;line-height:1.95;position:relative}.liner-notes-panel__detail-link{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);cursor:pointer;transition:color var(--ui) var(--ease-ui);margin-top:4px;font-size:10.5px;text-decoration:none;display:inline-block;position:relative}.liner-notes-panel__detail-link:hover{color:var(--accent-hover);text-decoration:underline}.liner-notes-panel__detail-foot{font-family:var(--font-mono);color:var(--text-muted);margin-top:22px;font-size:10px;position:relative}@media (width<=767px){.liner-notes-panel__row{gap:12px;padding:20px 18px 18px}.liner-notes-panel__row-ghost{font-size:56px;right:-4px}.liner-notes-panel__row-thumbWrap{width:48px;height:48px}.liner-notes-panel__row-title{max-width:calc(100% - 40px);font-size:15px}.liner-notes-panel__detail-heroWrap{padding:12px 12px 0}.liner-notes-panel__detail{padding:26px 18px 20px}.liner-notes-panel__detail-ghost{font-size:100px;top:-14px;left:-6px}.liner-notes-panel__detail-cat{margin:30px 0 10px}.liner-notes-panel__detail-title{font-size:20px}}.global-loading-bar{z-index:9000;align-items:flex-start;height:3px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.arrange-workspace{flex-direction:column;min-height:100%;display:flex}.arrange-mode-nav__rail{padding-top:8px;padding-bottom:12px}.arrange-mode-nav{width:max-content}.refresh-panel-tabs.arrange-mode-nav button.is-active{box-shadow:inset 0 -2px 0 var(--accent)}.arrange-mode-nav button:disabled{opacity:.45;cursor:not-allowed}.jam-arrange-rail{padding-bottom:28px}.jam-arrange{width:min(100%,430px);color:var(--text-primary);margin:0 auto}.control-strip.jam-control-rail{grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;width:100%;margin:0 0 10px;display:grid;overflow:visible}.jam-control-rail .control-strip-group{gap:4px;height:32px;padding:0 6px}.jam-control-rail .control-strip-group:first-child{padding-left:0}.jam-control-rail .control-strip-group:last-child{padding-right:0}.jam-control-setting>span{color:var(--text-secondary);letter-spacing:.03em;font-size:10px;font-weight:300}.jam-control-setting .popover-trigger{height:28px;padding-inline:8px}.jam-control-setting .popover-trigger:disabled{opacity:.45;cursor:not-allowed}.jam-beat-position{display:flex;gap:4px!important}.jam-beat-position i{background:var(--text-secondary);opacity:.6;border-radius:50%;width:5px;height:5px}.jam-beat-position i.is-current{background:var(--accent);opacity:1}.jam-transport{justify-content:flex-end;justify-self:stretch;min-width:0;margin-left:auto}.jam-transport button{border-radius:var(--radius-sm);height:28px;font-size:var(--font-btn);font-family:var(--font-mono);padding:0 8px}.jam-transport .jam-transport-button{border:1px solid var(--border);justify-content:center;align-items:center;gap:6px;display:inline-flex}.jam-transport .jam-transport-button svg{fill:currentColor;flex:none;width:12px;height:12px}.jam-transport button:disabled{opacity:.4;cursor:not-allowed}.jam-record-button{border-color:color-mix(in srgb,var(--record) 55%,var(--border))!important}.jam-record-button.is-armed,.jam-record-button.is-recording,.jam-record-button.is-finish-queued{background:color-mix(in srgb,var(--record) 20%,transparent);color:var(--record);border-color:var(--record)!important}.jam-stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;display:grid}.jam-stack{min-width:0;position:relative}.jam-stack__launch{isolation:isolate;aspect-ratio:1;border-radius:var(--radius);width:100%;color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1a;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:5px;padding:13px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05}.jam-stack__launch:hover,.jam-stack__launch:focus-visible{outline:1px solid var(--border-hover);outline-offset:-1px;background:#ffffff05}.jam-stack__launch:active,.jam-stack__launch.is-pressed{box-shadow:inset 0 2px 6px #0000008c,inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);background:#242530;transform:translateY(1px)scale(.985)}.jam-stack.is-active .jam-stack__launch{transform:none}.jam-stack.is-active .jam-stack__launch.is-pressed{transform:translateY(1px)scale(.985)}.jam-stack.is-empty .jam-stack__launch{justify-content:center;align-items:center}.jam-stack__launch strong{z-index:2;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:400;position:relative;overflow:hidden}.jam-stack__launch small{z-index:2;font:10px/1.35 var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;position:relative;overflow:hidden}.jam-stack__number{z-index:2;font:300 16px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);position:absolute;top:11px;left:12px}.jam-stack__plus{z-index:2;font:300 24px/1 var(--font-mono);color:var(--text-secondary);position:relative}.jam-stack__launch kbd{z-index:2;color:var(--text-muted);font:10px/1 var(--font-mono);background:0 0;border:0;position:absolute;bottom:10px;right:11px}.jam-stack__edit{z-index:3;width:44px;height:44px;color:var(--text-secondary);font:16px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.jam-stack__edit:before{content:"";border-radius:var(--radius-sm);background:var(--bg-raised);z-index:-1;border:1px solid #0000;width:24px;height:24px;position:absolute}.jam-stack__edit:hover:before{border-color:var(--border-hover);background:var(--bg-hover)}.jam-stack__edit:focus-visible{color:var(--text-primary);outline:2px solid var(--accent);outline-offset:-8px}.jam-stack__edit:disabled{opacity:.35;cursor:not-allowed}.jam-stack__progress{z-index:1;pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px;overflow:visible}.jam-stack__progress path{fill:none;stroke:var(--accent);stroke-width:.75px;stroke-linecap:butt;transition:none}.jam-stack__progress.is-pending path{opacity:.48}.jam-stack__progress-origin{fill:var(--accent)}.jam-stack__progress text{fill:var(--accent);font:12px var(--font-mono)}.jam-stack.is-pending .jam-stack__launch{transform:none}@media (prefers-reduced-motion:reduce){.jam-stack__launch{transition:none!important}}.jam-recording-summary{border-top:1px solid var(--border);min-height:44px;color:var(--text-secondary);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:12px;padding-top:10px;font-size:11px;display:grid}.jam-recording-summary .popover-select{min-width:0}.jam-recording-summary .popover-trigger{text-align:left;justify-content:flex-start;max-width:180px;padding-left:0!important}.jam-recording-summary>div:last-child{gap:6px;display:flex}.jam-recording-summary>div:last-child button,.jam-editor-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-primary);font-size:var(--font-btn);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:0 12px}.jam-stack-editor,.jam-recording-review{box-sizing:border-box;align-content:start;gap:12px;width:100%;padding:14px 16px;display:grid}.jam-recording-review{min-height:100%}.jam-recording-review>.jam-editor-actions{margin-top:auto}.jam-editor-name,.jam-recording-review__meta label{gap:5px;display:grid}.jam-editor-name>span,.jam-recording-review__meta label>span{color:var(--text-secondary);font-size:10px}.jam-editor-name input,.jam-recording-review__meta input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);height:32px;color:var(--text-primary);font:12px var(--font-ui);padding:0 9px}.jam-stack-editor__tracks{border-top:1px solid var(--border);gap:0;display:grid}.jam-stack-editor__track{border-bottom:1px solid var(--border);grid-template-columns:24px 28px 56px minmax(0,1fr);align-items:center;gap:8px;height:40px;display:grid}.jam-stack-editor__track strong{font:400 12px var(--font-mono)}.jam-stack-editor .jam-editor-preview-btn{width:28px;height:28px}.jam-stack-editor .jam-editor-preview-btn svg{width:13px;height:13px}.jam-stack-editor .jam-editor-preview-btn:disabled{opacity:.32;cursor:not-allowed}.jam-editor-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);font-size:var(--font-btn);font-family:var(--font-mono);cursor:pointer;background:0 0}.jam-editor-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.jam-editor-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.jam-editor-actions .jam-danger-button{color:var(--record);margin-right:auto}.jam-editor-actions .jam-primary-button{border-color:var(--accent);color:var(--accent)}.jam-editor-actions button:disabled{opacity:.4;cursor:not-allowed}.jam-editor-blocked,.jam-recording-blocked{color:var(--record);margin:0;font-size:11px}.jam-recording-review__meta{justify-content:space-between;align-items:end;gap:12px;display:flex}.jam-recording-review__meta label{flex:1}.jam-recording-review__meta>span{font:11px var(--font-mono);color:var(--text-secondary)}.jam-recording-range-wrap{gap:6px;display:grid}.jam-recording-ruler{height:16px;color:var(--text-muted);font:9px var(--font-mono);margin-inline:1px;position:relative}.jam-recording-ruler span{position:absolute;transform:translate(-50%)}.jam-recording-timeline{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);height:76px;position:relative;overflow:visible}.jam-recording-blocks{position:absolute;inset:10px 0;overflow:hidden}.jam-recording-block{border-right:1px solid var(--bg-primary);background:color-mix(in srgb,var(--accent) 12%,var(--bg-raised));min-width:1px;color:var(--text-primary);font:10px var(--font-mono);white-space:nowrap;align-items:center;padding:0 7px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.jam-recording-block.is-retrigger{background:color-mix(in srgb,var(--accent) 20%,var(--bg-raised))}.jam-recording-block.is-silence{background:var(--bg-hover);color:var(--text-muted)}.jam-recording-trim-mask{z-index:2;pointer-events:none;background:#0000007a;position:absolute;top:0;bottom:0}.jam-recording-trim-mask.is-before{left:0}.jam-recording-playhead{z-index:1;background:var(--accent);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.jam-recording-handle{z-index:3;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:44px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.jam-recording-handle .region-handle-grip{top:17px}.jam-recording-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.jam-recording-handle:disabled{cursor:default}.jam-recording-range-value{color:var(--text-secondary);font:10px var(--font-mono);justify-self:end}.jam-recording-blocked{border-top:1px solid var(--border);gap:3px;padding:10px 0;display:grid}.jam-recording-blocked span{color:var(--text-secondary)}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app--refresh[data-theme=light] .jam-stack__launch{background:0 0;border-color:#00000021;box-shadow:inset 0 0 0 1px #00000006}.app--refresh[data-theme=light] .jam-stack__launch:active{background:#e6e1d4}@media (width<=767px){.arrange-mode-nav__rail{padding-top:4px;padding-bottom:8px}.arrange-mode-nav button{min-height:44px}.jam-arrange-rail{padding-bottom:20px}.jam-control-rail{grid-template-rows:44px 44px;grid-template-columns:1fr 1fr auto;margin-bottom:8px}.jam-control-rail .control-strip-group{height:44px;padding:0 6px}.jam-control-rail .jam-beat-position{padding-right:0}.jam-transport{grid-area:2/1/auto/-1;justify-content:stretch;width:100%;margin:0;border-left:0!important;padding:0!important}.jam-transport button{flex:1;height:32px;position:relative}.jam-transport button:after,.jam-recording-summary>div:last-child button:after,.jam-editor-actions button:after,.jam-editor-preview-btn:after{content:"";position:absolute;inset:-6px}.jam-stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.jam-stack__launch{padding:10px}.jam-stack__progress path{stroke-width:.9px}.jam-stack__launch small,.jam-stack__launch kbd{display:none}.jam-stack__number{font-size:14px;top:9px;left:10px}.jam-stack__edit{top:0;right:0}.jam-recording-summary{grid-template-columns:minmax(0,1fr) auto;gap:6px}.jam-recording-summary>span{grid-column:1/2}.jam-recording-summary>div:last-child{grid-area:1/2/3/3;gap:12px}.jam-recording-summary>div:last-child button{min-width:56px;height:32px;padding-inline:8px;position:relative}.jam-stack-editor__track{grid-template-columns:20px 28px 52px minmax(0,1fr);gap:6px}.jam-editor-preview-btn{position:relative}.jam-editor-preview-btn:after{inset:-9px}.jam-editor-actions{gap:12px}.jam-editor-actions button{height:32px;position:relative}.jam-recording-review__meta{flex-direction:column;align-items:stretch}.jam-recording-timeline{height:96px}.jam-recording-block{padding-inline:5px}.refresh-panel-dialog--wide{width:100%;height:min(100%,100dvh - 24px)}.jam-stack-editor-dialog,.jam-recording-review-dialog{max-height:calc(100dvh - 24px);height:auto!important}.jam-stack-editor-dialog .refresh-panel-dialog__body,.jam-recording-review-dialog .refresh-panel-dialog__body{flex:0 auto}.jam-recording-review{flex-direction:column;min-height:0;display:flex}.jam-recording-review>.jam-editor-actions{margin-top:0}}.creator-pass-offer{border-top:1px solid var(--border);color:var(--text-body);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:16px 0 0;display:flex}.creator-pass-offer strong{color:var(--text-primary);font-weight:300}.creator-pass-offer p{margin:4px 0 0;font-size:13px}.creator-pass-offer__actions{flex:none;gap:8px;display:flex}.creator-pass-offer button{border:1px solid var(--border);min-height:36px;color:var(--text-body);font:inherit;cursor:pointer;background:0 0;padding:0 10px}.creator-pass-offer button:last-child{border-color:var(--accent);color:var(--accent)}@media (width<=640px){.creator-pass-offer{flex-direction:column;align-items:flex-start}}.global-loading-track{background:linear-gradient(90deg, transparent 0%, var(--accent) 40%, #fffc 50%, var(--accent) 60%, transparent 100%);background-size:200% 100%;height:3px;animation:1.2s ease-in-out infinite globalLoadingSlide;position:absolute;top:0;left:0;right:0}.global-loading-label{font-size:var(--font-btn-sm);font-family:var(--font-ui);color:var(--accent);background:var(--bg-card);border:1px solid var(--accent);white-space:nowrap;pointer-events:none;border-radius:2px;align-items:center;gap:5px;padding:2px 8px;display:flex;position:fixed;top:6px;left:50%;transform:translate(-50%)}@keyframes globalLoadingSlide{0%{background-position:100% 0}to{background-position:-100% 0}}.waveform-card,.step-sequencer{--accent:var(--track-color,var(--track-a));background:0 0;border:none;border-radius:0;margin-left:-8px;margin-right:-8px}.pad-section{background:0 0;border:none;border-radius:0;margin-left:-8px;margin-right:-8px}.app{height:100dvh;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:var(--transport-bar-height,0px);flex-direction:column;display:flex;overflow:hidden}.panel-swiper:not(.panel-swiper--locked){--accent:var(--track-color,var(--track-a));--accent-hover:color-mix(in srgb, var(--accent) 80%, white);--accent-glow:color-mix(in srgb, var(--accent) 30%, transparent);--accent-subtle:color-mix(in srgb, var(--accent) 10%, transparent)}.app--landing{height:auto;min-height:100dvh;overflow-y:auto}.app-topbar{padding:calc(env(safe-area-inset-top,0) + 8px) 16px 8px;background:var(--bg-primary);z-index:100;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:8px;animation:.4s ease-out both fadeInUp;display:flex;position:sticky;top:0}.app-topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.hamburger-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s;display:flex}.hamburger-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.hamburger-btn.is-open{background:var(--accent-subtle);color:var(--accent)}.hamburger-btn.is-dirty{position:relative}.hamburger-btn.is-dirty:after{content:"";background:var(--accent);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.panel-swiper{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:0;flex:1;display:flex;position:relative;overflow:auto hidden}.panel-swiper::-webkit-scrollbar{display:none}.panel-swiper--locked{overflow-x:hidden}.panel-page{scroll-snap-align:start;flex-direction:column;flex:0 0 100%;gap:0;width:100%;height:100%;padding:12px 16px 0;display:flex;overflow:hidden auto}.panel-page:after{content:"";height:max(12px, calc(var(--transport-bar-height,0px) + 16px));flex-shrink:0;display:block}.panel-page>:last-child{flex:1;min-height:0}.panel-page>.pad-section{flex:1;height:auto;min-height:0}.panel-page .pad-grid{grid-auto-rows:auto;align-content:start;height:auto}.panel-page .pad{aspect-ratio:1}.panel-empty-hint{color:var(--text-muted);font-size:13px;font-family:var(--font-mono);pointer-events:none;flex:1;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.panel-dots{justify-content:center;align-items:center;gap:var(--gap-lg);height:36px;margin-top:var(--gap-sm);flex-shrink:0;display:flex}.panel-dot{min-width:36px;min-height:36px;color:var(--text-muted);opacity:.4;cursor:pointer;justify-content:center;align-items:center;transition:color .15s,opacity .15s;display:flex}.panel-dot.active{color:var(--accent);opacity:1}.menu-overlay{z-index:800;background:#0006;position:fixed;inset:0}.hamburger-menu{background:var(--panel-bg-overlay);width:min(320px,100vw - 32px);height:100%;-webkit-backdrop-filter:var(--glass-blur-strong);border-left:1px solid var(--glass-border);flex-direction:column;gap:0;padding:16px;animation:.2s ease-out both slideInRight;display:flex;position:absolute;top:0;right:0;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-group{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:10px 0 12px;display:flex}.menu-group:first-child{border-top:none;padding-top:0}.menu-group--about{padding-bottom:0}.menu-group--accordion{gap:0;padding:0}.menu-group__heading{margin:0}.menu-group__trigger{width:100%;min-height:44px;color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px;display:flex}.menu-group__trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-group__trigger:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.menu-group__trigger .menu-section-label{color:inherit;padding:0}.menu-group__caret{flex:none;transition:transform .15s}.menu-group__caret.is-open{transform:rotate(180deg)}.menu-group__content{flex-direction:column;gap:4px;padding:0 0 12px;display:flex}.menu-group__content[hidden]{display:none}.menu-section-label{letter-spacing:1px;color:var(--text-muted);text-transform:none;padding:0 0 4px;font-size:10px;font-weight:600}.menu-item{border-radius:var(--radius-sm);min-height:44px;color:var(--text-body);font-size:13px;font-family:var(--font-ui);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px;line-height:1.35;transition:background .15s,color .15s;display:flex}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item svg{opacity:.7;flex-shrink:0}.menu-item--separated{border-top:1px solid var(--border);margin-top:4px;padding-top:11px}.menu-item--danger{color:var(--error)}.menu-item--danger:hover{background:var(--error-bg);color:var(--error)}.menu-item--link{color:var(--text-body);text-decoration:none}.menu-item--support{color:var(--text-secondary);margin-top:6px}.menu-item--support svg{color:var(--accent);opacity:.85}.menu-maker-card{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-body);background:var(--bg-elevated);padding:10px;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:block}.menu-maker-card:hover{border-color:var(--accent);background:var(--accent-subtle);color:var(--text-primary)}.menu-maker-card__title{color:var(--text-primary);letter-spacing:.03em;margin-bottom:4px;font-size:12px;display:block}.menu-maker-card__desc{color:var(--text-secondary);font-size:11px;line-height:1.45;display:block}.menu-legal-links{flex-wrap:wrap;gap:12px;padding:6px 10px 0;display:flex}.menu-legal-links a{color:var(--text-muted);font-size:11px;line-height:1.4;text-decoration:none}.menu-legal-links a:hover{color:var(--text-secondary)}.menu-theme-toggle{gap:4px;padding:4px 0;display:flex}.menu-item--theme{border:1px solid var(--border);flex:1;justify-content:center}.menu-item--theme.is-active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.menu-item--theme.is-active svg{opacity:1}.app-body{flex-direction:column;gap:0;display:flex}.transport-bar{z-index:500;padding:0 24px max(env(safe-area-inset-bottom,0), 8px);background:var(--bg-raised);border-top:none;position:fixed;bottom:0;left:0;right:0}.transport-bar .beat-player{-webkit-backdrop-filter:none;background:0 0;border:none;margin-top:0;margin-bottom:0;animation:none}.header-right{align-items:center;gap:8px;display:flex}.main-row{margin-bottom:0}.pad-seq-area{animation:.4s ease-out .12s both fadeInUp}.pad-seq-tabs{align-items:flex-end;gap:2px;margin-bottom:0;display:flex}.track-type-toggle{align-self:center;gap:2px;margin-bottom:2px;margin-left:auto;display:flex}.pad-seq-tab{height:var(--btn-height-lg);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;border-bottom:none;padding:6px 14px}.pad-seq-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.pad-seq-tab-active{background:var(--panel-bg);color:var(--accent)}.pad-seq-area .pad-section,.pad-seq-area .step-sequencer,.pad-seq-area .piano-roll{border-radius:0}.youtube-drawer-overlay{z-index:100;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.youtube-drawer{background:var(--panel-bg-overlay);width:320px;-webkit-backdrop-filter:var(--glass-blur-strong);border-left:1px solid var(--glass-border);z-index:101;padding:16px;animation:.25s ease-out slideInRight;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.youtube-drawer .playlist-panel,.youtube-source-modal .playlist-panel{-webkit-backdrop-filter:none;background:0 0;border:none;width:100%;max-height:none}.youtube-source-modal .playlist-panel{border-radius:0;flex:1;min-height:0}.header-icon-btn{width:var(--btn-height-lg);height:var(--btn-height-lg);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#0003;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover{color:var(--text-primary);background:#ffffff14}.youtube-toggle-btn{width:var(--btn-height-lg);height:var(--btn-height-lg);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#0003;border:1px solid #0000;justify-content:center;align-items:center;font-size:13px;display:flex}.youtube-toggle-btn:hover{color:var(--text-primary);background:#ffffff14}.auth-btn{width:var(--btn-height-lg);height:var(--btn-height-lg);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#0003;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.auth-btn:hover{color:var(--text-primary);background:#ffffff14}.export-popup-wrapper{align-self:flex-start;display:inline-block;position:relative}.export-trigger-btn{margin-top:4px}.export-popup{background:var(--panel-bg-overlay);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:var(--radius);z-index:50;gap:6px;margin-bottom:4px;padding:8px;animation:.15s ease-out fadeIn;display:flex;position:absolute;bottom:100%;left:0}.playlist-panel{background:var(--panel-bg);width:260px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;max-height:calc(100vh - 100px);display:flex;overflow:hidden}.playlist-panel-header{font-size:var(--font-btn);color:var(--text-secondary);font-weight:600;font-family:var(--font-mono);text-transform:none;letter-spacing:.08em;border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.playlist-url-bar{border-bottom:1px solid var(--glass-border);flex-shrink:0;gap:4px;padding:8px;display:flex}.playlist-url-bar input{border-radius:var(--radius-sm);border:1px solid var(--glass-border);min-width:0;color:var(--text-primary);font-size:var(--font-btn);font-family:var(--font-mono);background:#0003;outline:none;flex:1;padding:6px 8px;transition:border-color .15s}.playlist-url-bar input:focus{border-color:var(--accent)}.playlist-url-bar input::placeholder{color:var(--text-muted)}.playlist-url-bar button{border-radius:var(--radius-sm);background:var(--accent);color:var(--bg-primary);font-size:var(--font-btn);font-weight:300;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;border:none;padding:6px 10px;transition:background .15s}.playlist-url-bar button:hover{background:var(--accent-hover)}.playlist-url-bar button:disabled{opacity:.4;cursor:not-allowed}.youtube-login-btn{border-radius:var(--radius);background:var(--accent);color:var(--bg-primary);font-size:12px;font-weight:300;font-family:var(--font-ui);text-align:center;margin:12px;padding:8px 16px;text-decoration:none;transition:background .15s;display:block}.youtube-login-btn:hover{background:var(--accent-hover)}.server-error-msg{border-radius:var(--radius-sm);background:var(--error-a10);border:1px solid var(--error-a25);color:var(--error);font-size:var(--font-btn-sm);font-family:var(--font-mono);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:12px;padding:10px 14px;line-height:1.5;display:flex}.server-error-hint{font-size:var(--font-btn-sm);color:var(--error-a75);line-height:1.6}.server-error-link{color:var(--error);text-decoration:underline}.retry-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-mono);background:0 0;padding:2px 8px}.retry-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.playlist-selector{border-bottom:1px solid var(--glass-border);flex-direction:column;flex-shrink:0;gap:1px;max-height:150px;padding:6px;display:flex;overflow-y:auto}.playlist-tab{color:var(--text-secondary);font-size:var(--font-btn);font-family:var(--font-ui);cursor:pointer;text-align:left;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:4px;padding:6px 8px;overflow:hidden}.playlist-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.playlist-tab.active{background:var(--accent-a18);color:var(--accent)}.playlist-loading{text-align:center;font-size:var(--font-btn);color:var(--text-muted);padding:12px}.playlist-empty{flex-direction:column;gap:6px;padding:16px 12px;display:flex}.playlist-empty p{font-size:var(--font-btn);color:var(--text-muted)}.playlist-empty .playlist-empty-hint{font-size:var(--font-label);color:var(--text-dim);margin-bottom:4px}.playlist-sort-bar{border-bottom:1px solid var(--bg-hover);gap:4px;padding:4px 8px;display:flex}.playlist-sort-btn{border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-btn-sm);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;flex:1;padding:3px 6px}.playlist-sort-btn:hover{background:var(--bg-hover);color:var(--text-body)}.playlist-sort-btn.active{background:var(--accent-a18);border-color:var(--accent-a40);color:var(--accent)}.playlist-items{flex:1;padding:4px;overflow-y:auto}.playlist-items::-webkit-scrollbar{width:4px}.playlist-selector::-webkit-scrollbar{width:4px}.playlist-items::-webkit-scrollbar-track{background:0 0}.playlist-selector::-webkit-scrollbar-track{background:0 0}.playlist-items::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.playlist-selector::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.playlist-items::-webkit-scrollbar-thumb:hover{background:#ffffff40}.playlist-selector::-webkit-scrollbar-thumb:hover{background:#ffffff40}.playlist-item{transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);border-radius:4px;align-items:center;gap:6px;padding:5px 6px;display:flex}.playlist-item:hover{background:#ffffff0a}.playlist-item-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.playlist-thumb-wrap{flex-shrink:0;position:relative}.playlist-thumb{object-fit:cover;border-radius:3px;width:48px;height:36px;display:block}.playlist-duration{font-size:var(--font-label);font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;background:#000000bf;border-radius:2px;padding:0 3px;line-height:1.4;position:absolute;bottom:2px;right:2px}.playlist-item-title{font-size:var(--font-btn);color:var(--text-body);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.playlist-fetch-btn{color:var(--text-secondary);font-size:var(--font-label);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;padding:3px 8px}.playlist-fetch-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.playlist-item-actions{flex-shrink:0;gap:4px;display:flex}.playlist-preload-btn{color:var(--text-muted);font-size:var(--font-btn-sm);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 6px}.playlist-preload-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.playlist-item-cached .playlist-fetch-btn{border-color:var(--success);color:var(--success)}.cache-badge{color:var(--success);font-size:var(--font-label);margin-right:4px}@media (width<=768px){.playlist-panel{width:100%;max-height:none}}.header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0;animation:.5s ease-out both fadeInUp;display:flex;position:relative}.app-logo{color:var(--text-primary);letter-spacing:-.5px;border-left:2px solid var(--accent);align-items:center;gap:8px;padding-left:10px;font-size:18px;font-weight:700;display:flex}.local-badge{font-size:var(--font-label);font-weight:400;font-family:var(--font-mono);color:var(--success);background:var(--success-bg);border:1px solid var(--success-border);letter-spacing:1px;border-radius:4px;padding:2px 6px;line-height:1}.global-stop{height:var(--btn-height-lg);border-radius:var(--radius-sm);border:1px solid var(--error-a30);background:var(--error-bg);color:var(--error);font-size:var(--font-btn);font-weight:300;font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);text-transform:none;letter-spacing:.08em;padding:0 14px}.global-stop:hover{background:var(--error);color:var(--bg-primary)}.error-banner{border-radius:var(--radius);background:var(--error-bg);border:1px solid var(--error-border);-webkit-backdrop-filter:var(--glass-blur);align-items:flex-start;gap:12px;margin-bottom:14px;padding:10px 14px;animation:.3s ease-out both fadeIn;display:flex}.error-text{font-size:var(--font-btn);color:var(--error);white-space:pre-wrap;word-break:break-all;font-family:var(--font-mono);-webkit-user-select:text;user-select:text;flex:1;margin:0;line-height:1.5}.error-close{color:var(--error);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:16px;line-height:1;transition:opacity .15s}.error-close:hover{opacity:.7}.url-bar{gap:8px;margin-bottom:20px;animation:.5s ease-out 50ms both fadeInUp;display:flex}.url-bar input{border-radius:var(--radius);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);font-size:14px;font-family:var(--font-ui);background:#0003;outline:none;flex:1;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.url-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.url-bar input:disabled{opacity:.5}.url-bar button{border-radius:var(--radius);background:var(--accent);color:var(--bg-primary);font-size:13px;font-weight:300;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border:none;padding:10px 20px;transition:background .15s,transform .1s}.url-bar button:hover{background:var(--accent-hover)}.url-bar button:active{transform:scale(.97)}.url-bar button:disabled{opacity:.4;cursor:not-allowed;transform:none}.landing{flex-direction:column;align-items:center;gap:32px;padding:48px 20px 40px;animation:.6s ease-out both fadeInUp;display:flex}.landing-hero{text-align:center;max-width:560px}.landing-title{color:var(--text-primary);letter-spacing:-1.5px;margin:0 0 12px;font-size:36px;font-weight:700;line-height:1.1}.landing-subtitle{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.landing-loading{color:var(--text-body);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.landing-loading-spinner{border:2px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing-loading-text{font-size:13px;font-family:var(--font-mono);letter-spacing:.02em}.upload-dropzone{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:480px;padding:40px 32px;transition:border-color .25s,transform .25s;animation:.6s ease-out .1s both fadeInUp;display:flex}.upload-dropzone:hover,.upload-dropzone.drag-over{border-color:var(--accent);transform:translateY(-2px)}.upload-icon{color:var(--accent);opacity:.6;transition:opacity .25s,transform .25s}.upload-dropzone:hover .upload-icon,.upload-dropzone.drag-over .upload-icon{opacity:1;transform:translateY(-2px)}.upload-text{color:var(--text-body);font-size:14px;font-weight:300}.upload-hint{font-size:var(--font-btn);color:var(--text-muted);font-family:var(--font-mono)}.landing-features{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:640px;animation:.6s ease-out .2s both fadeInUp;display:grid}.feature-card{border-radius:var(--radius);border:1px solid var(--border);text-align:center;background:0 0;flex-direction:column;align-items:center;gap:6px;padding:24px 12px 20px;transition:border-color .2s;display:flex}.feature-card:hover{border-color:var(--border-hover)}.feature-step{color:var(--text-secondary);font-size:10px;font-weight:400;font-family:var(--font-mono);letter-spacing:.08em;line-height:1}.feature-icon{color:var(--accent);justify-content:center;align-items:center;margin-top:4px;margin-bottom:8px;display:flex}.feature-title{color:var(--text-primary);letter-spacing:.02em;font-size:13px;font-weight:400}.feature-desc{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.5}.landing-idle-mark{color:var(--accent);opacity:.55;justify-content:center;display:flex}.landing-alts{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;animation:.5s ease-out .15s both fadeInUp;display:flex}.landing-alt-btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-body);font-size:12px;font-family:var(--font-ui);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 14px;font-weight:300;transition:border-color .15s,color .15s;display:flex}.landing-alt-link{text-decoration:none}.landing-alt-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.landing-alt-divider{color:var(--text-muted);font-size:11px}.landing-feature-list{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:640px;animation:.6s ease-out .3s both fadeInUp;display:grid}.feature-group{flex-direction:column;gap:8px;display:flex}.feature-group-label{font-size:10px;font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.feature-group-items{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.feature-group-items li{color:var(--text-secondary);padding-left:12px;font-size:11px;line-height:1.4;position:relative}.feature-group-items li:before{content:"";background:var(--border-hover);width:4px;height:1px;position:absolute;top:6px;left:0}.landing-workflow-links{width:min(640px,100%);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:11px;line-height:1.4;animation:.6s ease-out .35s both fadeInUp;display:flex}.landing-workflow-links__label{color:var(--text-secondary);letter-spacing:.03em;text-align:center;flex-basis:100%;font-size:10px}.landing-workflow-links a{color:var(--text-secondary);border-bottom:1px solid #0000;text-decoration:none;transition:color .15s,border-color .15s}.landing-workflow-links a:hover{color:var(--accent);border-color:#5ec4b673}.landing-classroom-guide-link{color:var(--text-muted);letter-spacing:.02em;text-align:center;border-bottom:1px solid #8890a440;font-size:11px;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s;animation:.6s ease-out .38s both fadeInUp}.landing-classroom-guide-link:hover{color:var(--accent);border-color:#5ec4b673}.landing-preview{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:640px;animation:.6s ease-out .4s both fadeInUp;display:grid}.landing-preview-item{flex-direction:column;gap:6px;display:flex}.landing-preview-img{aspect-ratio:30/23;object-fit:contain;border-radius:var(--radius);width:100%;display:block}.landing-preview-caption{color:var(--text-muted);text-align:center;letter-spacing:.03em;font-size:10px}.landing-maker{border-top:1px solid var(--border);text-align:center;width:min(720px,100vw - 32px);margin:10px auto 0;padding:18px 0 0}.landing-maker__label{color:var(--text-primary);letter-spacing:.03em;margin-bottom:8px;font-size:12px;display:block}.landing-maker__copy{max-width:520px;color:var(--text-secondary);margin:0 auto 12px;font-size:13px;line-height:1.6}.landing-maker__link{color:var(--accent);letter-spacing:.03em;justify-content:center;align-items:center;gap:6px;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.landing-maker__link:hover{color:var(--accent-hover)}.landing-support{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:11px;line-height:1.5;display:flex}.landing-support__copy{color:var(--text-muted)}.landing-support__link{color:var(--text-secondary);align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.landing-support__link:hover{color:var(--accent)}@media (width<=768px){.landing-title{font-size:28px}.landing-features{grid-template-columns:repeat(3,1fr);max-width:100%}.landing-feature-list{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.landing-features{grid-template-columns:repeat(3,1fr);max-width:100%}.landing-feature-list{grid-template-columns:repeat(2,1fr)}}.loading-container{flex-direction:column;align-items:center;gap:16px;padding:48px 0;animation:.3s ease-out both fadeIn;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.loading-status{color:var(--text-secondary);text-align:center;font-size:12px}.loading-step{color:var(--accent);font-weight:500;font-family:var(--font-mono);font-size:var(--font-btn)}.track-info{align-items:center;gap:12px;margin-bottom:14px;animation:.4s ease-out both fadeInUp;display:flex}.track-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.meta{align-items:center;gap:6px;display:flex}.tag{border-radius:var(--radius-sm);border:1px solid var(--glass-border);font-size:var(--font-btn);color:var(--accent);font-weight:400;font-family:var(--font-mono);letter-spacing:-.3px;background:#0003;padding:2px 7px}.bpm-control{align-items:center;gap:var(--gap-xs);margin-left:6px;display:inline-flex}.bpm-input-group{align-items:center;gap:3px;display:inline-flex}.bpm-input{border-radius:var(--radius-xs);border:1px solid var(--glass-border);width:56px;height:22px;color:var(--text-primary);font-size:12px;font-family:var(--font-mono);text-align:center;font-variant-numeric:tabular-nums;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#0003;outline:none;padding:0 4px}.bpm-input:focus{border-color:var(--accent);background:#00000059}.bpm-input::placeholder{color:var(--text-secondary)}.bpm-label{font-size:var(--font-label);font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:.08em}.bpm-tap{height:var(--btn-height-sm);border-radius:var(--radius-xs);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:var(--font-btn-sm);font-weight:300;font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);text-transform:none;letter-spacing:.08em;background:#0003;padding:0 7px}.bpm-tap:hover{color:var(--text-primary);background:#ffffff14}.bpm-tap:active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.bpm-metronome{border-radius:var(--radius-xs);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#0003;justify-content:center;align-items:center;min-width:28px;padding:2px 6px;display:flex}.bpm-metronome:hover{color:var(--text-primary);background:#ffffff14}.bpm-metronome-active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.met-beats{align-items:center;gap:3px;display:flex}.met-dot{background:#0000004d;border-radius:50%;width:5px;height:5px;transition:background 50ms}.met-dot-active{background:var(--bg-primary)}.bpm-reset{height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;text-transform:lowercase;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 5px;transition:background .15s,color .15s;display:flex}.bpm-reset:hover{background:var(--bg-hover);color:var(--text-primary)}.waveform-container{margin-bottom:0}.waveform-outer{background:0 0;border:none;border-radius:0;position:relative;overflow:hidden}.waveform-source-label{z-index:11;border:1px solid var(--border-hover);border-radius:var(--radius-xs);background:var(--bg-primary);color:var(--text-primary);letter-spacing:.08em;pointer-events:none;padding:2px 6px;font-size:9px;font-weight:500;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.waveform-collapse-toggle{z-index:11;width:44px;height:44px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.waveform-collapse-toggle>span{border:1px solid var(--border-hover);border-radius:var(--radius-xs);background:var(--bg-primary);justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.waveform-collapse-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.waveform-outer--source-collapsed .waveform-timeline,.waveform-container--source-collapsed .waveform-minimap{display:none}.waveform-loading{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.waveform-loading-bar{background:var(--bg-hover);border-radius:2px;width:60%;height:3px;position:relative;overflow:hidden}.waveform-loading-bar:after{content:"";background:var(--accent);border-radius:2px;width:40%;height:100%;animation:1.2s ease-in-out infinite waveformLoadSlide;position:absolute;top:0;left:-40%}@keyframes waveformLoadSlide{0%{left:-40%}to{left:100%}}.waveform-timeline{border-bottom:1px solid var(--glass-border);height:18px;position:relative;overflow:hidden}.timeline-marker{font-size:var(--font-label);color:var(--text-dim);font-family:var(--font-mono);border-left:1px solid var(--glass-border);pointer-events:none;height:100%;padding:2px 4px;position:absolute;top:0}.waveform-scroll{cursor:crosshair;touch-action:none;position:relative;overflow:scroll hidden}.waveform-scroll::-webkit-scrollbar{height:4px}.waveform-scroll::-webkit-scrollbar-track{background:0 0}.waveform-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.waveform-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.waveform-inner{min-width:100%;position:relative}.waveform-body{background:var(--waveform-surface);position:relative}.waveform{z-index:1;position:relative}.region-overlay{background:var(--accent-subtle);border-left:2px solid var(--accent);border-right:2px solid var(--accent);z-index:2;pointer-events:none;position:absolute;top:0;bottom:0}.region-handle-floating{cursor:ew-resize;z-index:10;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;width:44px;padding:0;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.range-grip{opacity:.88;width:12px;height:40px;transition:opacity var(--ui) var(--ease-ui), transform var(--ui) var(--ease-ui);border-radius:2px;justify-content:center;align-items:center;gap:2px;display:flex}.range-grip>span{width:1px;height:18px}.range-grip.is-dragging{transform-origin:50%;transform:scaleY(.9)}.region-handle-grip{border:1px solid color-mix(in srgb, var(--accent) 82%, transparent);background:color-mix(in srgb, var(--range-grip-surface) 92%, transparent);position:absolute;top:12px;left:50%;transform:translate(-50%)}.region-handle-grip.is-dragging{transform:translate(-50%)scaleY(.9)}.region-handle-grip>span{background:var(--accent)}.region-handle-floating--left .region-handle-grip{margin-left:12px}.region-handle-floating--right .region-handle-grip,.region-handle-floating--left.is-edge .region-handle-grip{margin-left:-12px}.region-handle-floating--right.is-edge .region-handle-grip{margin-left:12px}.region-handle-floating:hover .region-handle-grip,.region-handle-floating:focus-visible .region-handle-grip{opacity:1}.region-handle-floating:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@keyframes regionHandleSettle{0%{opacity:1;transform:translate(-50%)scaleY(.86)}to{opacity:.88;transform:translate(-50%)scaleY(1)}}.region-handle-grip.is-settling{animation:regionHandleSettle .18s var(--ease-release) both}.region-marker{background:var(--accent);z-index:2;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.slice-marker{background:var(--error-a50);z-index:3;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.slice-range{z-index:2;pointer-events:none;transition:opacity .1s;position:absolute;top:0;bottom:0}.waveform-slice-cursor{background:var(--track-color);pointer-events:none;z-index:5;width:2px;height:100%;position:absolute;top:0;transform:translate(-50%)}.slice-preview-marker{border-left:1px dashed var(--line-marker);z-index:3;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.cue-marker{background:var(--success);z-index:4;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.cue-label{font-size:var(--font-label);color:var(--success);pointer-events:none;line-height:1;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.waveform-minimap{background:var(--panel-bg);cursor:pointer;border:none;border-radius:0;height:24px;position:relative;overflow:hidden}.minimap-dim{pointer-events:none;background:#0000008c;position:absolute;top:0;bottom:0}.minimap-region{pointer-events:none;background:#fff3;border-left:1.5px solid #ffffff8c;border-right:1.5px solid #ffffff8c;position:absolute;top:0;bottom:0}.waveform-controls{align-items:center;gap:var(--transport-gap,var(--gap-sm));margin-top:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.waveform-time,.slice-transport-time{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:70px;line-height:1}.transport-icon-btn{width:var(--transport-control-size,var(--btn-height-lg));height:var(--transport-control-size,var(--btn-height-lg));border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:0;display:flex;position:relative}.transport-icon-btn svg{width:14px;height:14px;display:block}.transport-icon-btn__text{min-width:16px;font-size:var(--font-btn-sm);font-family:var(--font-mono);color:inherit;text-align:center;font-weight:400;line-height:1}.transport-icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.transport-icon-btn:disabled{opacity:.35;cursor:not-allowed}.transport-icon-btn.is-muted{opacity:.45;color:var(--text-muted)}.transport-icon-btn.is-muted:hover,.transport-icon-btn.is-muted:focus-visible{opacity:.72;color:var(--text-secondary)}.transport-icon-btn.is-active{color:var(--accent)}.control-tooltip-target{position:relative}.control-tooltip-target:before,.control-tooltip-target:after{opacity:0;pointer-events:none;z-index:520;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;left:50%}.control-tooltip-target:before{content:"";background:color-mix(in srgb, var(--bg-primary) 92%, #ffffff14);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);width:8px;height:8px;bottom:calc(100% + 3px);transform:translate(-50%,2px)rotate(45deg)}.control-tooltip-target:after{content:attr(data-tooltip);border:1px solid var(--glass-border);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--bg-primary) 92%, #ffffff14);max-width:180px;color:var(--text-secondary);box-shadow:none;font-family:var(--font-ui);white-space:nowrap;padding:5px 8px;font-size:11px;font-weight:300;line-height:1.3;bottom:calc(100% + 7px);transform:translate(-50%,2px)}.control-tooltip-target:hover:before,.control-tooltip-target:hover:after,.control-tooltip-target:focus-visible:before,.control-tooltip-target:focus-visible:after{opacity:1;transform:translate(-50%)}.control-tooltip-target:disabled:before,.control-tooltip-target:disabled:after,.control-tooltip-target[aria-disabled=true]:before,.control-tooltip-target[aria-disabled=true]:after{display:none}@media (hover:none),(pointer:coarse){.control-tooltip-target:before,.control-tooltip-target:after{display:none}}@media (width<=768px){.control-tooltip-target:before,.control-tooltip-target:after{display:none}}@media (hover:hover) and (pointer:fine){.control-tooltip-target:hover:before,.control-tooltip-target:hover:after,.control-tooltip-target:focus-visible:before,.control-tooltip-target:focus-visible:after{opacity:1;transform:translate(-50%)}}.minimap-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.region-overlay.looping{animation:1.5s ease-in-out infinite loopPulse}@keyframes loopPulse{0%,to{background:var(--accent-subtle)}50%{background:var(--accent-a15)}}.region-info{font-size:var(--font-btn);color:var(--accent);font-weight:500;font-family:var(--font-mono);margin-left:auto}.hint{font-size:var(--font-btn-sm);color:var(--text-dim);margin-left:auto}.controls{align-items:center;gap:var(--gap-md);flex-wrap:wrap;margin-bottom:20px;animation:.4s ease-out .1s both fadeInUp;display:flex}.btn-primary{height:var(--btn-height-lg);border-radius:var(--radius-sm);background:var(--accent);color:var(--bg-primary);font-weight:300;font-size:var(--font-btn);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), transform var(--ui) var(--ease-ui);border:1px solid #0000;padding:0 12px}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{background:var(--text-muted);color:var(--text-secondary);cursor:not-allowed;transform:none}.export-btns{gap:4px;display:flex}.export-btns button,.btn-secondary{height:var(--btn-height-md);border-radius:var(--radius-sm);color:var(--text-body);font-size:var(--font-btn);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 12px}.export-btns button:hover,.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-secondary.active{background:var(--accent);color:var(--bg-primary)}.btn-secondary:disabled,.pad-rev-toggle:disabled{color:var(--text-muted);cursor:not-allowed;pointer-events:auto}.btn-secondary:disabled:hover,.pad-rev-toggle:disabled:hover{color:var(--text-muted);background:0 0}.toggle-btn{border-right:1px solid var(--glass-border);background:#00000026}.toggle-btn.active{background:var(--accent-a18);color:var(--accent)}.numeric-control{align-items:center;gap:var(--gap-xs);display:flex}.bpm-nudge{width:var(--btn-height-md);height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-btn);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.bpm-nudge:hover{background:var(--bg-hover);color:var(--text-primary)}.bpm-nudge:disabled{opacity:.3;pointer-events:none;cursor:default}.control-label{font-size:var(--font-label);color:var(--text-muted);font-weight:500;font-family:var(--font-mono);text-transform:none;letter-spacing:.08em}.numeric-input{width:50px;height:var(--btn-height-md);border-radius:var(--radius-xs);border:1px solid var(--bg-hover);color:var(--accent);font-size:var(--font-btn);font-weight:400;font-family:var(--font-mono);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;outline:none;padding:0 5px;transition:border-color .2s,box-shadow .2s}.numeric-input.numeric-input--hero{opacity:1;transition:opacity var(--ui) var(--ease-ui)}@media (width>=769px){.numeric-input.numeric-input--hero{width:76px;height:36px;font-size:var(--font-hero);font-weight:300}}.beat-player .numeric-input.numeric-input--hero{width:62px;height:32px;font-size:18px;line-height:1}.numeric-input.numeric-input--hero.is-settling{opacity:.6;transition:none}.numeric-input::-webkit-inner-spin-button{-webkit-appearance:none}.numeric-input::-webkit-outer-spin-button{-webkit-appearance:none}.numeric-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.pitch-value{color:var(--accent);font-size:12px;font-weight:400;font-family:var(--font-mono);text-align:center;font-variant-numeric:tabular-nums;cursor:pointer;min-width:28px}.sensitivity-control{align-items:center;gap:6px;display:flex}.slice-control-label{font-size:var(--font-btn-sm);text-transform:none;letter-spacing:.03em;color:var(--text-secondary);font-weight:300;font-family:var(--font-mono)}.sensitivity-section{align-items:center;gap:4px;transition:opacity .15s;display:flex}.sensitivity-slider{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:40px;height:3px}.sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:10px;height:10px}.pad-section{flex-direction:column;height:100%;padding:10px;display:flex;position:relative}.pad-section .pad-grid{flex:none;align-content:start}.pad-header{justify-content:space-between;align-items:center;gap:var(--gap-md);margin-bottom:8px;display:flex}.pad-heading,.panel-crumb{align-items:baseline;gap:10px;min-width:0;display:flex}.panel-crumb h3,.pad-header h3{font-size:11px;font-family:var(--font-ui);color:var(--accent);text-transform:none;letter-spacing:.08em;opacity:.7;margin:0;font-weight:500}.pad-keyboard-label{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);white-space:nowrap;opacity:.78;font-weight:300}.pad-keyboard-popover{z-index:30;border:1px solid color-mix(in srgb, var(--accent) 34%, var(--glass-border));border-radius:var(--radius);background:color-mix(in srgb, var(--bg-primary) 88%, #ffffff0f);width:min(360px,100% - 32px);color:var(--text-secondary);font-family:var(--font-ui);pointer-events:auto;padding:13px 14px 14px;animation:.2s ease-out both padKeyboardPopoverIn;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #0000004d}.pad-keyboard-popover:after{content:"";border-left:1px solid color-mix(in srgb, var(--accent) 34%, var(--glass-border));border-top:1px solid color-mix(in srgb, var(--accent) 34%, var(--glass-border));background:color-mix(in srgb, var(--bg-primary) 88%, #ffffff0f);pointer-events:none;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.pad-keyboard-popover-close{z-index:1;width:24px;height:24px;color:var(--text-muted);font-size:15px;font-family:var(--font-ui);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;line-height:1;position:absolute;top:7px;right:8px}.pad-keyboard-popover-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pad-keyboard-popover-copy{flex-direction:column;gap:3px;margin-bottom:11px;padding-right:24px;display:flex}.pad-keyboard-popover-title{color:var(--text-primary);font-size:13px;font-weight:400}.pad-keyboard-popover-text{color:var(--text-muted);font-size:11px;font-weight:300}.pad-keyboard-shell{border:1px solid color-mix(in srgb, var(--accent) 12%, var(--border));border-radius:var(--radius);background:#ffffff06;flex-direction:column;gap:5px;padding:10px 11px 11px;display:flex}.pad-keyboard-row{margin-left:calc(var(--row-offset) * 6px);margin-right:calc((3 - var(--row-offset)) * 6px);grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.pad-keyboard-key{border:1px solid color-mix(in srgb, var(--accent) 8%, var(--border));height:26px;color:var(--text-secondary);font-family:var(--font-bitmap);box-shadow:none;background:#ffffff09;border-radius:5px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex;position:relative}.pad-keyboard-key:after{content:none}.pad-keyboard-key.is-demo-key{animation-duration:3.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.pad-keyboard-row:first-child .pad-keyboard-key:first-child{animation-name:padKeyboardKeyPress1}.pad-keyboard-row:first-child .pad-keyboard-key:nth-child(2){animation-name:padKeyboardKeyPress2}.pad-keyboard-row:first-child .pad-keyboard-key:nth-child(3){animation-name:padKeyboardKeyPress3}.pad-keyboard-row:first-child .pad-keyboard-key:nth-child(4){animation-name:padKeyboardKeyPress4}.pad-keyboard-space-row{grid-template-columns:1.1fr 5fr 1.1fr;gap:5px;margin:1px 32px 0;display:grid}.pad-keyboard-mod-key,.pad-keyboard-space-key{border:1px solid color-mix(in srgb, var(--accent) 6%, var(--border));height:12px;box-shadow:none;background:#ffffff06;border-radius:5px}@keyframes padKeyboardPopoverIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes padKeyboardKeyPress1{0%,8%,19%,to{border-color:color-mix(in srgb, var(--accent) 8%, var(--border));color:var(--text-secondary);box-shadow:none;background:#ffffff09;transform:translateY(0)}11%,16%{background:color-mix(in srgb, var(--track-color,var(--track-a)) 14%, #ffffff09);border-color:var(--track-color,var(--track-a));color:var(--track-color,var(--track-a));box-shadow:none;transform:translateY(1px)}}@keyframes padKeyboardKeyPress2{0%,31%,42%,to{border-color:color-mix(in srgb, var(--accent) 8%, var(--border));color:var(--text-secondary);box-shadow:none;background:#ffffff09;transform:translateY(0)}34%,39%{background:color-mix(in srgb, var(--track-color,var(--track-a)) 14%, #ffffff09);border-color:var(--track-color,var(--track-a));color:var(--track-color,var(--track-a));box-shadow:none;transform:translateY(1px)}}@keyframes padKeyboardKeyPress3{0%,54%,65%,to{border-color:color-mix(in srgb, var(--accent) 8%, var(--border));color:var(--text-secondary);box-shadow:none;background:#ffffff09;transform:translateY(0)}57%,62%{background:color-mix(in srgb, var(--track-color,var(--track-a)) 14%, #ffffff09);border-color:var(--track-color,var(--track-a));color:var(--track-color,var(--track-a));box-shadow:none;transform:translateY(1px)}}@keyframes padKeyboardKeyPress4{0%,77%,88%,to{border-color:color-mix(in srgb, var(--accent) 8%, var(--border));color:var(--text-secondary);box-shadow:none;background:#ffffff09;transform:translateY(0)}80%,85%{background:color-mix(in srgb, var(--track-color,var(--track-a)) 14%, #ffffff09);border-color:var(--track-color,var(--track-a));color:var(--track-color,var(--track-a));box-shadow:none;transform:translateY(1px)}}.mode-toggle{gap:var(--gap-sm);display:flex}.popover-select{display:inline-flex;position:relative}.popover-trigger{white-space:nowrap;align-items:center;gap:5px;display:flex}.source-bar-popover{flex:1;min-width:0}.source-bar-popover .popover-trigger{min-width:0;max-width:100%;overflow:hidden}.source-bar-popover .popover-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.popover-trigger--open{background:var(--bg-hover);border-color:var(--border-hover)}.popover-chevron{font-size:var(--font-label);opacity:.55;line-height:1;transition:transform .15s}.popover-trigger--open .popover-chevron{transform:rotate(180deg)}.popover-panel{z-index:1000;background:var(--panel-bg-overlay);min-width:140px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);animation:.1s ease-out popoverIn;overflow:hidden;box-shadow:0 8px 24px #0006}@keyframes popoverIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popover-item{width:100%;min-height:36px;color:var(--text-body);font-size:var(--font-btn);font-family:var(--font-ui);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0 12px;transition:background .1s,color .1s;display:flex}.popover-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.popover-item.active{color:var(--accent)}.popover-item:disabled{opacity:.35;cursor:not-allowed}.popover-dot{border:1px solid var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .1s,border-color .1s}.popover-item.active .popover-dot{background:var(--accent);border-color:var(--accent)}.control-strip{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:0;display:flex;overflow-x:auto}.control-strip::-webkit-scrollbar{display:none}.pad-header .control-strip,.sequencer-header .control-strip{overflow:visible}.control-strip-group{align-items:center;gap:var(--gap-sm);padding:0 var(--gap-md);scroll-snap-align:start;flex-shrink:0;height:40px;display:flex}.control-strip-group+.control-strip-group{border-left:1px solid var(--glass-border)}@media (width<=768px){.control-strip{width:100%}.pad-header .control-strip,.sequencer-header .control-strip{overflow:auto hidden}.control-strip-group{height:44px}}.slider-popover{display:inline-flex;position:relative}.slider-popover-label{color:var(--text-muted);font-size:var(--font-btn-sm);font-family:var(--font-mono);text-transform:none;letter-spacing:.3px}.slider-popover-value{color:var(--accent);font-family:var(--font-mono);font-size:var(--font-btn-sm);text-align:right;font-variant-numeric:tabular-nums;min-width:22px}.slider-popover-panel{min-width:220px;padding:10px 14px}.slider-popover-row{align-items:center;gap:8px;display:flex}.slider-popover-row+.slider-popover-row{margin-top:8px}.slider-popover-row-label{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-muted);text-transform:none;min-width:16px}.slider-popover-row-value{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:36px}.pad-role-badge{width:16px;height:16px;font-size:10px;font-family:var(--font-mono);border:1px solid var(--border-color,#ffffff26);color:var(--text-muted);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border-radius:3px;justify-content:center;align-items:center;margin-left:4px;padding:0;font-weight:600;display:inline-flex}.pad-role-badge:hover{border-color:var(--accent);color:var(--accent)}.pad-role-badge.pad-role-kick,.pad-role-badge.pad-role-snare,.pad-role-badge.pad-role-hat{color:var(--accent);border-color:var(--accent)}.seq-role-col{z-index:1;background:var(--bg-primary);flex-shrink:0;width:24px;min-width:24px;height:32px;margin-right:4px;position:sticky;left:42px}.seq-role-col.pad-role-badge{border-radius:0;justify-content:center;align-items:center;margin-left:0;font-size:11px;display:flex}.seq-role-col-header{background:0 0;border:none}.seq-generate-hint{color:var(--text-muted);font-size:11px;font-weight:300;line-height:1.4}.slider-popover-row input[type=range]{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:3px}.slider-popover-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:14px;height:14px;transition:transform var(--ui) var(--ease-ui);border-radius:50%}.slider-popover-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-popover--disabled .popover-trigger{opacity:.4;pointer-events:none}.pad-grid{gap:3px;padding-bottom:12px;display:grid}.pad{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);cursor:pointer;transition:background var(--release) var(--ease-release), border-color var(--release) var(--ease-release), transform var(--release) var(--ease-release);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pad:hover{background:var(--bg-hover);border-color:var(--border-hover)}.pad:active{background:#ffffff14}.pad-selected{outline:2px solid var(--track-color,var(--track-a));outline-offset:-2px}.pad-active{transition:none;transform:scale(.985);border-color:var(--track-color,var(--track-a))!important;background:color-mix(in srgb, var(--track-color,var(--track-a)) 12%, transparent)!important}.pad-header-controls{align-items:center;gap:var(--gap-sm);display:flex}.pad-header-divider{background:var(--glass-border);width:1px;height:16px;margin:0 2px}.export-inline-wrapper{position:relative}.export-inline-wrapper .export-popup{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);z-index:50;white-space:nowrap;gap:4px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;right:0}.pad-rev-toggle{height:var(--btn-height-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-btn);font-weight:300;font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 12px}.pad-rev-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.pad-rev-active{background:var(--accent);color:var(--bg-primary)}.pad-active .pad-key,.pad-active .pad-duration{color:var(--text-primary)!important}.pad-loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pad-loading-bar{background:var(--bg-hover);border-radius:1px;width:50%;height:2px;position:relative;overflow:hidden}.pad-loading-bar:after{content:"";background:var(--text-muted);border-radius:1px;width:40%;height:100%;animation:1.2s ease-in-out infinite waveformLoadSlide;position:absolute;top:0;left:-40%}.pad-content{z-index:2;pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.pad-key{font-size:20px;font-family:var(--font-bitmap);color:var(--text-secondary);font-weight:300}.pad-duration{font-size:var(--font-label);font-family:var(--font-bitmap);color:var(--text-muted);text-transform:none;letter-spacing:.08em;margin-top:2px;font-weight:300}.beat-player{border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);margin-top:14px;margin-bottom:14px;padding:6px 12px;animation:.4s ease-out .1s both fadeInUp}.beat-player-bar{align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex;position:relative}.sequencer-play-hint{z-index:12;border:1px solid color-mix(in srgb, var(--accent) 36%, var(--glass-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-primary) 90%, #ffffff14);width:min(280px,100vw - 48px);color:var(--text-secondary);font-family:var(--font-ui);padding:10px 34px 10px 12px;animation:.18s ease-out both sequencerPlayHintIn;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 14px 32px #00000052}.sequencer-play-hint:after{content:"";border-right:1px solid color-mix(in srgb, var(--accent) 36%, var(--glass-border));border-bottom:1px solid color-mix(in srgb, var(--accent) 36%, var(--glass-border));background:color-mix(in srgb, var(--bg-primary) 90%, #ffffff14);width:10px;height:10px;position:absolute;bottom:-6px;left:15px;transform:rotate(45deg)}.sequencer-play-hint__title,.sequencer-play-hint__text{display:block}.sequencer-play-hint__title{color:var(--text-primary);margin-bottom:2px;font-size:12px;font-weight:400}.sequencer-play-hint__text{color:var(--text-muted);font-size:11px;font-weight:300;line-height:1.45}.sequencer-play-hint__close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:7px;right:7px}.sequencer-play-hint__close:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes sequencerPlayHintIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.beat-play-btn{width:var(--btn-height-md);height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.beat-play-btn:hover{background:var(--bg-hover)}.beat-play-btn:disabled{opacity:.3;cursor:not-allowed}.beat-playing{background:var(--accent);color:var(--bg-primary);transition:none}.beat-playing:hover{background:var(--accent-hover)}.beat-vol-label{font-size:var(--font-label);font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.beat-vol-group{align-items:center;gap:var(--gap-xs);margin-left:auto;display:flex}.beat-volume-slider{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex-shrink:0;width:60px;height:3px}.beat-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:10px;height:10px;transition:transform var(--ui) var(--ease-ui);border-radius:50%}.app--refresh .pad-grid--c5{gap:4px}.app--refresh .pad--c5{border-radius:var(--radius);background:#2a2b33;border:0;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #00000059,inset 0 0 0 1px #ffffff0f}.app--refresh .pad--c5:hover{background:#2a2b33;border-color:#0000}.app--refresh .pad--c5 .pad-c5-content{pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.app--refresh .pad--c5 .pad-c5-waveform{opacity:.8;pointer-events:none;position:absolute;inset:18% 12%}.app--refresh .pad--c5 .pad-c5-number{color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:19px;font-weight:300;line-height:1}.app--refresh .pad--c5.pad-active{box-shadow:inset 0 2px 6px #0000008c, inset 0 0 0 1px color-mix(in srgb, var(--track-color) 35%, transparent);transform:translateY(1px)scale(.97);background:#242530!important;border-color:#0000!important}.app--refresh[data-theme=light] .pad--c5{background:#fbfaf7;box-shadow:inset 0 1px #ffffffb3,0 2px 4px #0000001a,inset 0 0 0 1px #00000014}.app--refresh[data-theme=light] .pad--c5:hover{background:#fbfaf7}.app--refresh[data-theme=light] .pad--c5.pad-active{box-shadow:inset 0 2px 6px #0000002e, inset 0 0 0 1px color-mix(in srgb, var(--track-color) 35%, transparent);background:#e6e1d4!important}.beat-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.beat-steps{flex-shrink:0;gap:2px;display:flex}.beat-step{width:8px;height:8px;transition:background var(--release) var(--ease-release), transform var(--release) var(--ease-release);background:#ffffff14;border-radius:2px}.beat-step-bar{border-left:1px solid var(--border-hover)}.beat-step-active{background:var(--accent);transition:none;transform:scale(1.125)}[data-theme=light] .beat-step{background:#0000001a}.beat-mute-solo-group{align-items:center;gap:var(--gap-sm);display:flex}.beat-mute-label{font-size:var(--font-label);color:var(--text-muted);font-family:var(--font-mono);text-transform:none;letter-spacing:.08em}.beat-mute-btns{gap:var(--gap-xs);display:flex}.beat-track-btn{border-radius:var(--radius-xs);width:24px;height:24px;font-size:var(--font-btn-sm);font-weight:300;font-family:var(--font-mono);cursor:pointer;color:var(--text-secondary);transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.beat-track-btn:hover{background:var(--bg-hover)}.beat-track-btn-muted{background:var(--error-a15);color:var(--error)}.beat-track-btn-muted:hover{background:var(--error-a25)}.beat-track-btn-solo{background:var(--accent-a15);color:var(--accent);border-color:var(--accent-a30)}.beat-track-btn-solo:hover{background:var(--accent-a25)}.beat-file-label{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);border:1px solid var(--glass-border);white-space:nowrap;text-overflow:ellipsis;background:#0003;max-width:160px;padding:4px 8px;transition:background .15s;overflow:hidden}.beat-file-label:hover{background:var(--bg-hover)}.slice-panel{z-index:2;background:0 0;border:none;border-radius:0;flex-direction:column;padding:6px 14px 8px;display:flex;position:relative}.slice-overview-wrapper{flex-direction:column;flex:1;min-height:184px;margin-left:-8px;margin-right:-8px;animation:.4s ease-out .12s both fadeInUp;display:flex;position:relative}.slice-overview-wrapper .sequencer-header{padding-left:0;padding-right:0}.slice-overview-wrapper .slice-overview-toolbar{gap:0;padding-top:2px;padding-bottom:4px}.slice-overview-wrapper .slice-overview-toolbar .control-strip-group{height:38px}.slice-overview-wrapper .control-strip-group:first-child{padding-left:0}.slice-overview-wrapper .control-strip-group:last-child{padding-right:0}.slice-controls-row{align-items:center;gap:var(--gap-sm);font-size:var(--font-btn);flex-wrap:wrap;margin-bottom:8px;display:flex}.slice-controls-row .bpm-nudge{width:var(--btn-height-md);height:var(--btn-height-md);font-size:var(--font-btn)}.slice-controls-row .numeric-input{height:var(--btn-height-md);font-size:var(--font-btn)}.slice-controls-row .control-label{font-size:var(--font-btn)}.region-playback-controls{align-items:center;gap:4px;display:flex}.region-play-btn,.region-loop-btn{width:var(--btn-height-md);height:var(--btn-height-md);font-size:var(--font-btn)}.region-play-btn.active,.region-loop-btn.active{background:var(--accent-a18);color:var(--accent);border-color:var(--accent)}.region-time-display{font-family:var(--font-mono);font-size:var(--font-btn-sm);color:var(--text-secondary);letter-spacing:.3px;font-variant-numeric:tabular-nums;min-width:100px}.slice-overview-controls{justify-content:flex-end;align-items:center;gap:var(--gap-sm);margin-bottom:6px;display:flex}.slice-transport-shell{margin-top:var(--gap-sm);flex-direction:column;gap:4px;min-width:0;display:flex}.slice-transport-bar{align-items:center;gap:var(--transport-gap,var(--gap-sm));flex-wrap:wrap;min-width:0;display:flex}.slice-transport-cluster{align-items:center;gap:2px;min-width:0;display:inline-flex}.slice-transport-sep{background:var(--glass-border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.slice-overview{z-index:2;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;min-height:96px;display:flex;position:relative;overflow:visible}.slice-keyboard-popover{z-index:120;top:auto;bottom:calc(100% + 6px)}.slice-keyboard-popover:after{border-top:0;border-left:0;border-right:1px solid color-mix(in srgb, var(--accent) 34%, var(--glass-border));border-bottom:1px solid color-mix(in srgb, var(--accent) 34%, var(--glass-border));top:auto;bottom:-6px}@media (width<=768px),(pointer:coarse){.pad-keyboard-label,.slice-keyboard-popover{display:none}}.slice-overview-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.slice-overview-title{font-size:var(--font-btn-sm);color:var(--text-muted);font-weight:600;font-family:var(--font-mono);text-transform:none;letter-spacing:.08em}.slice-overview-actions{gap:4px;display:flex}.slice-controls-actions-row{border-top:1px solid var(--glass-border);margin-top:2px;padding-top:4px}.slice-controls-actions-row .slice-controls-actions{gap:4px;margin-left:auto;display:flex}.slice-action-btn{min-width:var(--btn-height-md);height:var(--btn-height-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-btn);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 4px;display:flex}.slice-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.slice-overview-scroll{flex-direction:column;flex:1;min-height:112px;display:flex;position:relative;overflow-x:auto}.slice-overview-scroll::-webkit-scrollbar{height:6px}.slice-overview-scroll::-webkit-scrollbar-track{background:#0003}.slice-overview-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.slice-overview-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.slice-overlay-btn{border-radius:var(--radius-xs);border:1px solid var(--glass-border);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;z-index:5;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#000000b3;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:flex;position:absolute;top:4px}.slice-overlay-btn:hover{color:var(--text-primary);background:#ffffff26}.slice-overlay-add{transform:translate(4px)}.slice-overlay-delete{transform:translate(-28px)}.slice-ruler{background:var(--bg-primary);cursor:pointer;-webkit-user-select:none;user-select:none;height:16px;margin:0 4px;position:relative;overflow:visible}.slice-seek-ruler{border-bottom:1px solid var(--border)}.slice-range-ruler{border-top:1px solid var(--border)}.slice-ruler-loop{background:color-mix(in srgb, var(--slice-track-color,var(--accent)) 15%, transparent);height:100%;box-shadow:inset 1px 0 0 var(--slice-track-color,var(--accent)), inset -1px 0 0 var(--slice-track-color,var(--accent));pointer-events:none;position:absolute;top:0}.slice-ruler-loop.is-custom{background:color-mix(in srgb, var(--slice-track-color,var(--accent)) 18%, transparent)}.slice-ruler-marker{cursor:ew-resize;pointer-events:auto;align-items:flex-start;height:100%;display:flex;position:absolute;top:0;transform:translate(-50%)}.seek-marker{z-index:3}.loop-marker{z-index:6;justify-content:center;align-items:flex-end;width:44px;height:44px;top:auto;bottom:0}.loop-marker-start,.loop-marker-end{transform:translate(-50%)}.ruler-triangle{font-size:var(--font-label);padding-top:1px;line-height:1}.ruler-triangle.seek{color:var(--text-primary)}.loop-grip{border:1px solid color-mix(in srgb, var(--slice-track-color,var(--accent)) 82%, transparent);background:color-mix(in srgb, var(--range-grip-surface) 92%, transparent);border-radius:2px;height:16px}.loop-grip>span{background:var(--slice-track-color,var(--accent));height:8px}.loop-marker-start .loop-grip{margin-left:12px}.loop-marker-end .loop-grip,.loop-marker-start.is-edge .loop-grip{margin-left:-12px}.loop-marker-end.is-edge .loop-grip{margin-left:12px}.slice-overview-canvas{flex:1;width:100%;min-height:80px;display:block}.sidebar{flex-direction:column;gap:12px;display:flex}.sidebar-section{border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);padding:10px 12px}.sidebar-title{font-size:var(--font-btn);color:var(--text-secondary);font-weight:600;font-family:var(--font-mono);text-transform:none;letter-spacing:.08em;margin-bottom:8px}.app-footer{font-size:var(--font-btn);color:var(--text-dim);font-family:var(--font-mono);justify-content:center;align-items:center;gap:8px;padding:24px 16px 16px;display:flex}.app-footer a{color:var(--text-muted);text-decoration:none;transition:color .15s}.app-footer a:hover{color:var(--accent)}.footer-dot{background:var(--text-dim);border-radius:50%;width:3px;height:3px}@media (width<=768px){html,body{overflow-x:hidden}.app{padding:0 0 28px}.header{margin-bottom:14px}.meta,.controls,.waveform-controls{flex-wrap:wrap}.waveform-controls .region-info,.waveform-controls .hint{width:100%;margin-top:4px;margin-left:0}.main-row,.waveform-grid{grid-template-columns:1fr}.track-info{flex-direction:column;align-items:flex-start;gap:6px}.pad{touch-action:manipulation}.youtube-drawer{width:280px}.sequencer-header{align-items:flex-start;gap:var(--gap-sm);flex-direction:column}.sequencer-grid-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.beat-player-bar{gap:var(--gap-sm);flex-wrap:wrap}.btn-primary,.btn-secondary,.pad-rev-toggle,.seq-clear-btn{min-width:44px;height:auto;min-height:44px}.transport-icon-btn{width:36px;height:36px}.pad-grid{grid-template-columns:repeat(4,1fr)!important}.pad-card-controls{flex-wrap:wrap}.seq-btn,.pad-card-controls button{min-width:44px;min-height:44px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}.app-body{padding-bottom:130px}.track-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:8px;overflow:auto visible}.track-nav::-webkit-scrollbar{display:none}.track-nav-tab{white-space:nowrap;flex-shrink:0;gap:4px;padding:6px 8px;font-size:10px}.track-nav-type-toggle{gap:0}.slice-action-btn{min-width:44px;min-height:44px}.slice-controls-row .btn-secondary{min-height:44px}.slice-controls-row .bpm-nudge{min-width:44px;min-height:44px}.slice-controls-row{flex-wrap:wrap;gap:6px}.slice-controls-row .popover-select{order:-1;width:100%}.slice-controls-row .popover-select .popover-trigger{justify-content:space-between;width:100%}.pads-control-label,.slice-controls-row .pads-control-group .control-label{display:none}.slice-controls-actions{justify-content:flex-end;width:auto;margin-left:auto}}.beat-expand-btn{width:var(--btn-height-md);height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:none;position:relative}.beat-expand-btn:hover{background:var(--bg-hover)}@media (width<=768px){.pad-heading,.panel-crumb,.pad-keyboard-popover,.sequencer-play-hint{display:none}}@media (prefers-reduced-motion:reduce){.pad-keyboard-popover,.pad-keyboard-key.is-demo-key,.sequencer-play-hint{animation:none}}.app--landing>.landing-legacy{display:none}.app.app--landing>.app-topbar .hamburger-btn{pointer-events:auto}.landing-renewal{--lr-bg:#1b1c22;--lr-bg2:#23252d;--lr-ink:#e8e6df;--lr-soft:#a6a5ae;--lr-faint:#6e6e78;--lr-rule:#e8e6df24;--lr-teal:#5ec4b6;--lr-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;background:var(--lr-bg);width:100%;min-height:100vh;color:var(--lr-soft);letter-spacing:.03em;padding:58px 0 0;font-family:-apple-system,Segoe UI,Hiragino Sans,sans-serif;font-weight:300;line-height:1.65;animation:none;display:block;position:relative}.landing-renewal:before{content:"";z-index:1;pointer-events:none;opacity:.7;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"240\" height=\"240\"><filter id=\"p\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"2\"/><feColorMatrix type=\"saturate\" values=\"0\"/></filter><rect width=\"240\" height=\"240\" filter=\"url(%23p)\" opacity=\"0.05\"/></svg>");position:fixed;inset:0}.landing-renewal>main{z-index:2;position:relative}.landing-upload-alias{z-index:6;opacity:0;cursor:pointer;width:min(500px,75vw);height:92px;position:absolute;top:calc(58px + 48vh);left:6.5vw}.landing-renewal .upload-dropzone{border:2px solid var(--lr-ink);background:var(--lr-bg);border-radius:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;max-width:500px;padding:20px 22px;animation:none}.landing-renewal *,.landing-renewal :before,.landing-renewal :after{box-sizing:border-box}.landing-renewal a{color:inherit}.landing-renewal button{font:inherit;color:inherit}.landing-header{z-index:60;border-bottom:1px solid var(--lr-rule);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b1c22f0;align-items:center;gap:24px;height:58px;padding:0 4vw;display:flex;position:fixed;inset:0 0 auto}.landing-brand{color:var(--lr-ink);white-space:nowrap;align-items:center;gap:9px;text-decoration:none;display:flex}.landing-brand strong{letter-spacing:-.02em;font-size:17px;font-weight:700}.landing-brand small{letter-spacing:.14em;color:var(--lr-teal);border:1px solid #5ec4b680;border-radius:3px;padding:2px 6px;font:9px ui-monospace,monospace}.landing-header nav{flex:1;justify-content:center;gap:24px;display:flex}.landing-header nav a{font-size:13px;text-decoration:none}.landing-header nav a:hover,.landing-footer a:hover{color:var(--lr-ink)}.landing-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.landing-header-actions button{border:1.5px solid var(--lr-ink);cursor:pointer;background:0 0;border-radius:4px;padding:6px 13px}.landing-header-actions button:hover{background:var(--lr-ink);color:var(--lr-bg)}.landing-header-actions .landing-signin-btn{letter-spacing:.03em;white-space:nowrap;justify-content:center;align-items:center;height:32px;padding:0 10px;font-size:12px;font-weight:300;line-height:16px;display:inline-flex}.landing-header-actions .landing-signin-btn:hover{color:var(--lr-bg)}.landing-header-actions .landing-burger{border:0;padding:6px 8px;font-size:21px}.landing-header-actions .landing-avatar-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--lr-ink);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.landing-header-actions .landing-avatar-btn:hover{color:var(--lr-ink);background:#e8e6df14}.landing-header-actions .landing-avatar-btn img,.landing-header-actions .landing-avatar-btn span{border:1px solid var(--lr-rule);background:var(--lr-bg2);width:24px;height:24px;color:var(--lr-soft);object-fit:cover;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:400;display:inline-flex}.landing-header-actions .landing-avatar-btn:hover img,.landing-header-actions .landing-avatar-btn:hover span{color:var(--lr-ink);border-color:#e8e6df5c}.landing-header-actions .landing-liner-notes-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--lr-ink);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.landing-header-actions .landing-liner-notes-btn:hover{color:var(--lr-ink);background:#e8e6df14}.landing-header-actions .landing-liner-notes-btn.has-unread:after{content:"";background:var(--lr-teal);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.landing-menu-scrim{z-index:70;opacity:0;pointer-events:none;background:#0a0a0d8c;transition:opacity .25s;position:fixed;inset:0}.landing-menu-scrim.is-open{opacity:1;pointer-events:auto}.landing-menu{z-index:71;background:var(--lr-bg);border-left:1px solid var(--lr-rule);width:min(360px,88vw);padding:18px 22px 34px;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;overflow:auto;transform:translate(102%)}.landing-menu.is-open{transform:none}.landing-menu-head{letter-spacing:.16em;justify-content:space-between;font:10px ui-monospace,monospace;display:flex}.landing-menu-head button{cursor:pointer;background:0 0;border:0;font-size:22px}.landing-menu h4{letter-spacing:.16em;color:var(--lr-faint);margin:22px 0 6px;font:10px ui-monospace,monospace}.landing-menu a,.landing-menu>button{border:0;border-bottom:1px solid var(--lr-rule);text-align:left;cursor:pointer;background:0 0;width:100%;padding:10px 2px;text-decoration:none;display:block}.landing-menu a:hover,.landing-menu button:hover{color:var(--lr-teal)}.landing-menu-cta{border-radius:4px;margin:12px 0;font-weight:600;background:var(--lr-teal)!important;color:#10201d!important;text-align:center!important;border:0!important;padding:12px!important}.landing-menu footer{color:var(--lr-faint);gap:18px;margin-top:26px;font-size:12px;display:flex}.landing-stage{border-bottom:1px solid var(--lr-rule);min-height:calc(100svh - 58px);position:relative;overflow:hidden}.landing-stage-inner{z-index:4;pointer-events:none;width:100%;max-width:calc(1100px + 8vw);margin:0 auto;padding:9vh 4vw;position:relative}.landing-stage-inner>*{pointer-events:none}.landing-stage-inner a,.landing-stage-inner button,.landing-stage-inner .landing-dropzone{pointer-events:auto}.landing-stage h1{letter-spacing:-.04em;color:#e9e7e0;margin:0 0 24px -.05em;font-size:clamp(56px,8.4vw,118px);line-height:.98}.landing-stage h1 span{display:block}.landing-stage h1 span:nth-child(2){color:var(--lr-teal)}.landing-stage-inner p{color:#e9e7e0bd;max-width:34em;margin:0 0 36px;font-size:16px}.landing-dropzone{border:2px solid var(--lr-ink);background:var(--lr-bg);width:100%;max-width:500px;color:var(--lr-ink);text-align:left;cursor:pointer;align-items:center;gap:18px;padding:20px 22px;display:flex}.landing-dropzone:hover{background:var(--lr-ink);color:var(--lr-bg)}.landing-dropzone>span:first-child{font-size:32px}.landing-dropzone b,.landing-dropzone small{display:block}.landing-dropzone b{font-size:15px;font-weight:500}.landing-dropzone small{opacity:.65;margin-top:3px;font:11px ui-monospace,monospace}.landing-alt-row{flex-wrap:wrap;align-items:baseline;gap:20px;margin-top:16px;display:flex}.landing-alt-row em{color:#e9e7e080;font:11px ui-monospace,monospace}.landing-alt-row button{color:#e9e7e0;cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid #e9e7e0;padding:0 0 2px;font-size:14px}.landing-alt-row button:hover{color:var(--lr-teal);border-color:var(--lr-teal)}.landing-disc-zone{pointer-events:none;position:absolute;inset:0}.landing-disc{aspect-ratio:1;pointer-events:none;background:repeating-radial-gradient(circle,#f2efe811 0 1.5px,#0000 1.5px 5px),#17171b;border-radius:50%;outline:1px solid #e8e6df40;width:min(150vh,82vw);position:absolute;top:50%;left:76%;transform:translate(-50%,-50%)}.landing-disc.is-playing{animation:3.2s linear infinite landing-spin}.landing-vinyl-label{z-index:3;aspect-ratio:1;background:var(--lr-teal);color:#10201d;cursor:pointer;pointer-events:auto;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:min(50vh,27.3vw);display:flex;position:absolute;top:50%;left:76%;transform:translate(-50%,-50%)}.landing-vinyl-label:hover:not(.is-playing){filter:brightness(1.06)}.landing-vinyl-label strong{font-size:clamp(13px,1.3vw,17px)}.landing-vinyl-label small{letter-spacing:.14em;font:clamp(8px,.7vw,10px) ui-monospace,monospace}.landing-vinyl-hole{background:#17171b;border-radius:50%;width:9px;height:9px}.landing-vinyl-play{letter-spacing:.16em;border:1.5px solid #10201d;border-radius:999px;margin-top:6px;padding:4px 10px;font:11px ui-monospace,monospace}.landing-sound-toggle{z-index:5;border:1px solid var(--lr-rule);color:var(--lr-faint);cursor:pointer;pointer-events:auto;background:0 0;border-radius:4px;padding:6px 10px;font:10px ui-monospace,monospace;position:absolute;bottom:16px;right:4vw}.landing-sound-toggle.is-on{color:var(--lr-teal);border-color:#5ec4b680}.landing-needle-hint{z-index:5;color:#e9e7e080;pointer-events:none;font:10px ui-monospace,monospace;position:absolute;bottom:22px;left:4vw}.landing-stage-foot{z-index:5;position:absolute;bottom:48px;left:4vw}.landing-stage-foot a{color:var(--lr-teal);letter-spacing:.14em;font:10px ui-monospace,monospace;text-decoration:none}.landing-section{z-index:2;border-top:1px solid var(--lr-rule);padding:112px 4vw;position:relative}.landing-two-col{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:56px;max-width:1100px;margin:0 auto;display:grid}.landing-section label{color:var(--lr-teal);letter-spacing:.08em;margin-bottom:12px;font:12px ui-monospace,monospace;display:block}.landing-section h2{color:var(--lr-ink);letter-spacing:-.5px;margin:0 0 16px;font-size:26px;font-weight:600}.landing-section p{font-size:14px}.landing-section ul{margin:0 0 26px;padding:0;list-style:none}.landing-section li{color:var(--lr-faint);margin:12px 0;padding-left:16px;font-size:14px;position:relative}.landing-section li:before{content:"";background:var(--lr-teal);width:6px;height:1.5px;position:absolute;top:.62em;left:0}.landing-section li b{color:var(--lr-soft)}.landing-section a{color:var(--lr-teal);text-decoration:none}.landing-bc-visual{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.landing-bc-phone{background:#1f2028;border:1px solid #e8e6df29;border-radius:20px;width:min(360px,84vw);padding:18px 16px}.landing-bc-shell{background:#2e3038;border:1px solid #ffffff1a;border-radius:12px;padding:11px 13px 30px}.landing-bc-head,.landing-bc-row{justify-content:space-between;display:flex}.landing-bc-head{color:#6a7080;margin:1px 5px 7px;font:10px ui-monospace,monospace}.landing-bc-label{background:#343640;border-radius:5px;padding:11px 13px}.landing-bc-row strong,.landing-bc-row small,.landing-bc-bpm small{display:block}.landing-bc-row strong{font-size:18px;font-weight:300}.landing-bc-row small{color:#8890a4;font-size:11px}.landing-bc-bpm{text-align:right;color:#8890a4;font-size:9px}.landing-bc-bpm b{color:var(--lr-teal);font:28px ui-monospace,monospace}.landing-bc-stripes{flex-direction:column;gap:3px;margin:11px 0;display:flex}.landing-bc-stripes i{opacity:.55;background:var(--lr-teal);border-radius:2px;height:3px}.landing-bc-stripes i:nth-child(2){background:#9b8cc4}.landing-bc-stripes i:nth-child(3){background:#d96b7d}.landing-bc-stripes i:nth-child(4){background:#7ea8d8}.landing-bc-tape{color:var(--lr-teal);background:#1f2028;border-radius:26px;align-items:center;gap:8px;padding:6px 10px;display:flex}.landing-bc-wave{background:repeating-linear-gradient(90deg,transparent 0 5px,var(--lr-teal) 6px 7px,transparent 8px 11px);opacity:.6;flex:1;height:40px}.landing-bc-pads{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px;display:grid}.landing-bc-pads span{aspect-ratio:1;color:#6a7080;background:#262830;border-radius:3px;padding:5px;font:10px ui-monospace,monospace}.landing-bc-cta{border:1px solid var(--lr-teal);height:44px;color:var(--lr-teal);border-radius:4px;justify-content:center;align-items:center;margin-top:14px;font-size:14px;display:flex}.landing-bc-made,.landing-bc-caption{color:#6a7080;font-size:10px}.landing-bc-badge{z-index:2;background:var(--lr-teal);color:#10201d;border-radius:999px;padding:7px 14px;font:11px ui-monospace,monospace;position:absolute;top:-13px;right:-12px}.landing-bc-badge b{font-size:13px}.landing-device{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:88px}.landing-device-shot{aspect-ratio:1600/980;background:#17171b;border:1px solid #e8e6df38;border-radius:6px;position:relative;overflow:hidden}.landing-device-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.landing-device-shot i{background:var(--lr-teal);width:2px;animation:5s linear infinite landing-scan;position:absolute;inset:0 auto 0 0}.landing-device-mobile{aspect-ratio:393/852;background:#17171b;border:1px solid #e8e6df38;border-radius:8px;width:24%;margin:-18% 0 0 -30px;position:relative;overflow:hidden}.landing-device-mobile img{object-fit:cover;width:100%;height:100%}.landing-view-tabs button{border:0;border-bottom:1px solid var(--lr-rule);text-align:left;cursor:pointer;background:0 0;align-items:baseline;gap:14px;width:100%;padding:14px 2px;display:flex}.landing-view-tabs button small,.landing-view-tabs button em{color:var(--lr-faint);font:10px ui-monospace,monospace}.landing-view-tabs button span{color:var(--lr-faint)}.landing-view-tabs button em{opacity:0;margin-left:auto}.landing-view-tabs button.is-active{border-bottom-color:var(--lr-teal)}.landing-view-tabs button.is-active small,.landing-view-tabs button.is-active span{color:var(--lr-teal)}.landing-view-tabs button.is-active em{opacity:1}.landing-how{max-width:1100px;margin:auto}.landing-steps,.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px;display:grid}.landing-steps>div{border-top:1px solid var(--lr-rule);padding-top:22px;position:relative}.landing-steps>div:before{content:"";background:var(--lr-teal);width:44px;height:1px;position:absolute;top:-1px;left:0}.landing-steps small{color:var(--lr-teal);font:12px ui-monospace,monospace}.landing-steps h3{color:var(--lr-ink);margin:12px 0 6px;font-size:17px}.landing-steps p{margin:0}.landing-features-new{max-width:1100px;margin:auto}.landing-feature-grid{grid-template-columns:repeat(4,1fr)}.landing-feature-grid h3{border-bottom:1px solid var(--lr-rule);color:var(--lr-soft);padding-bottom:10px;font-size:13px}.landing-feature-grid ul{margin:0}.landing-feature-grid li{margin:9px 0}.landing-footer{border-top:1px solid var(--lr-rule);grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding:72px 4vw 44px;display:grid}.landing-footer>div{flex-direction:column;align-items:flex-start;display:flex}.landing-footer h4{color:var(--lr-soft);margin:0 0 14px;font:12px ui-monospace,monospace}.landing-footer a{color:var(--lr-faint);margin:4px 0;font-size:13px;text-decoration:none}.landing-footer p{max-width:30em;font-size:13px}.landing-footer-bar{border-top:1px solid var(--lr-rule);color:var(--lr-faint);justify-content:space-between;padding:12px 4vw;font:10px ui-monospace,monospace;display:flex}.landing-resume-card{z-index:50;background:var(--lr-bg2);border:1px solid var(--lr-rule);width:min(320px,92vw);color:var(--lr-soft);padding:16px;animation:.55s cubic-bezier(.34,1.56,.64,1) both landing-resume-pop;position:fixed;bottom:24px;right:4vw;box-shadow:0 12px 30px #0000003d}.landing-resume-card:before{content:"";background:var(--lr-teal);width:44px;height:1px;margin:-16px 0 14px;animation:.55s ease-out both landing-resume-line;display:block}.landing-resume-head{justify-content:space-between;display:flex}.landing-resume-head small,.landing-resume-head span,.landing-resume-card>small{color:var(--lr-faint);font:10px ui-monospace,monospace;display:block}.landing-resume-head span{margin-top:3px}.landing-resume-head button{cursor:pointer;background:0 0;border:0;padding:0 0 8px 10px;font-size:20px}.landing-resume-card>strong{color:var(--lr-ink);margin:16px 0 4px;font-size:14px;font-weight:400;display:block}.landing-resume-error{color:#e09a93;margin:10px 0 0;font:10px ui-monospace,monospace}.landing-resume-card>button{border:1px solid var(--lr-teal);width:100%;color:var(--lr-teal);cursor:pointer;background:0 0;border-radius:4px;margin-top:16px;padding:8px}.landing-resume-card>button:hover{background:#5ec4b61a}@keyframes landing-resume-pop{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes landing-resume-line{0%{width:0}to{width:44px}}.landing-burger.tip-lit{color:var(--lr-teal)}.landing-resume-tip{z-index:65;background:var(--lr-bg2);width:min(300px,92vw);color:var(--lr-soft);border:1px solid #5ec4b659;padding:12px 14px;font-size:12px;position:fixed;top:68px;right:4vw;box-shadow:0 10px 24px #00000038}.landing-resume-tip:before{content:"";background:var(--lr-bg2);border-top:1px solid #5ec4b659;border-left:1px solid #5ec4b659;width:10px;height:10px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.landing-resume-tip b{color:var(--lr-teal);font-weight:400}.landing-bc-stripes i{animation:26s linear infinite landing-stripe}.landing-bc-stripes i:nth-child(2){animation-delay:-6.5s}.landing-bc-stripes i:nth-child(3){animation-delay:-13s}.landing-bc-stripes i:nth-child(4){animation-delay:-19.5s}@keyframes landing-stripe{0%,to{opacity:.45}2%{opacity:1}4%{opacity:.45}}.landing-bc-tape>span{animation:1.7s linear infinite landing-reel-left;display:inline-block}.landing-bc-tape>span:last-child{animation-name:landing-reel-right;animation-duration:1.25s}.landing-bc-wave{animation:26s linear infinite landing-wave}.landing-bc-screw{border:1px solid #ffffff38;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:7px}.landing-bc-screw-tr{left:auto;right:7px}.landing-bc-screw-bl{top:auto;bottom:7px}.landing-bc-screw-br{inset:auto 7px 7px auto}.landing-bc-bpm em{color:#8890a4;letter-spacing:.08em;margin-left:4px;font-size:10px;font-style:normal}.landing-bc-tape{min-height:56px;position:relative}.landing-bc-reel{width:56px;height:56px;color:var(--lr-teal);border:1px solid #ffffff24;border-radius:50%;flex:0 0 56px;place-items:center;font-size:31px;line-height:1;display:grid}.landing-bc-reel:after{content:"";border:1px solid #8890a4;border-radius:50%;width:16px;height:16px;position:absolute}.landing-bc-reel-left{animation-name:landing-reel-left}.landing-bc-reel-right{animation-name:landing-reel-right}.landing-bc-tape-hint{opacity:0;background:#1f2028c7;border-radius:28px;place-items:center;transition:opacity .16s;color:#8890a4!important;font:12px ui-sans-serif,sans-serif!important;animation:none!important;display:grid!important;position:absolute!important;inset:6px 64px!important;transform:none!important}.landing-bc-tape:hover .landing-bc-tape-hint{opacity:1}@keyframes landing-reel-left{to{transform:rotate(360deg)}}@keyframes landing-reel-right{to{transform:rotate(-360deg)}}@keyframes landing-wave{0%{background-position:0 0}to{background-position:80px 0}}@keyframes landing-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes landing-scan{0%{left:-2%}to{left:102%}}@media (width<=900px){.landing-header{gap:12px;padding:0 16px}.landing-header nav{display:none}.landing-header-actions{gap:4px}.landing-header-actions .landing-signin-btn{background:0 0;border:0;min-width:60px;height:44px;padding:0}.landing-header-actions .landing-signin-btn span{border:1.5px solid var(--lr-ink);border-radius:4px;align-items:center;height:32px;padding:0 10px;display:inline-flex}.landing-header-actions .landing-signin-btn:hover{color:var(--lr-ink);background:0 0}.landing-header-actions .landing-signin-btn:hover span{background:var(--lr-ink);color:var(--lr-bg)}.landing-header-actions .landing-burger{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 8px;display:inline-flex}.landing-stage{min-height:720px}.landing-stage-inner{padding:5vh 6vw 0}.landing-stage h1{margin-bottom:12px;font-size:clamp(50px,13.5vw,88px)}.landing-stage-inner p{margin-bottom:20px;font-size:15px;line-height:1.5}.landing-disc{width:130vw;top:72%;left:76%}.landing-vinyl-label{width:43.3vw;top:72%;left:76%}.landing-two-col,.landing-device{grid-template-columns:1fr;gap:44px}.landing-section{padding:76px 6vw}.landing-steps,.landing-feature-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.landing-footer{grid-template-columns:1fr 1fr;gap:28px 20px;padding:44px 6vw}.landing-footer>div:first-child{grid-column:1/-1}.landing-footer-bar{flex-direction:column;gap:8px;padding:12px 6vw}}@media (prefers-reduced-motion:reduce){.landing-renewal *,.landing-renewal :before,.landing-renewal :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.landing-renewal .landing-vinyl-label{color:#10201d}@media (width<=1180px){.beat-player-bar{gap:var(--gap-sm);flex-wrap:nowrap}.beat-player-bar.beat-collapsed{max-height:44px;overflow:hidden}.beat-player-bar.beat-collapsed .beat-vol-group,.beat-player-bar.beat-collapsed .beat-mute-solo-group,.beat-player-bar.beat-collapsed .popover-select,.beat-player-bar.beat-collapsed .beat-file-label{display:none}.beat-player-bar.beat-expanded{scrollbar-width:thin;flex-wrap:wrap;align-items:center;gap:6px 10px;max-height:min(188px,100dvh - 128px);overflow-y:auto}.beat-player-bar.beat-expanded .beat-vol-group,.beat-player-bar.beat-expanded .beat-mute-solo-group{flex:auto;margin-left:0}.beat-player-bar.beat-expanded .beat-vol-group{min-width:126px}.beat-player-bar.beat-expanded .beat-mute-solo-group{min-width:min(100%,248px)}.beat-player-bar.beat-expanded .popover-select{flex:128px;min-width:118px}.beat-player-bar.beat-expanded .popover-select .popover-trigger{justify-content:center;width:100%}.beat-expand-btn{display:flex}.beat-player-bar.beat-collapsed .numeric-control .control-label,.beat-player-bar.beat-collapsed .numeric-control .bpm-nudge{display:none}.beat-player .numeric-input.numeric-input--hero{width:58px;height:32px;font-size:16px}}@media (width<=768px){.app-body{padding-bottom:60px}}.step-sequencer{flex-direction:column;height:100%;display:flex;overflow:visible}.sequencer-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.seq-mobile-controls-trigger{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:none}.seq-mobile-controls-trigger:hover,.seq-mobile-controls-trigger.popover-trigger--open{background:var(--bg-hover);color:var(--text-primary)}.sequencer-controls-panel{width:min(432px,100vw - 24px);max-height:min(64vh, calc(100dvh - var(--transport-bar-height,0px) - 96px));border-color:var(--glass-border);scrollbar-width:thin;padding:0;overflow-y:auto}.sequencer-controls-panel-shell{padding:4px 12px 12px;position:relative}.sequencer-controls-panel-body{display:block}.sequencer-controls-panel-section{border-bottom:1px solid var(--line-faint);grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px 0;display:grid;position:relative}.sequencer-controls-panel-section:last-child{border-bottom:0;padding-bottom:0}.sequencer-controls-panel-label{min-height:30px;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-label);letter-spacing:.03em;align-self:start;align-items:center;gap:6px;font-weight:400;display:inline-flex}.sequencer-controls-panel-label:before{content:"";border-radius:var(--radius-xxs);border:1px solid color-mix(in srgb, var(--accent) 68%, var(--glass-border));background:color-mix(in srgb, var(--accent) 10%, transparent);width:7px;height:7px}.sequencer-controls-panel-control-grid{min-width:0}.sequencer-controls-panel-tools{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px;min-height:32px;margin-bottom:6px;display:none}.sequencer-controls-panel-actions{min-width:0}.sequencer-controls-panel .control-strip-group{align-items:stretch;gap:6px;height:auto;min-height:0;padding:0;display:grid}.sequencer-controls-panel .control-strip-group+.control-strip-group{border-left:0}.sequencer-controls-panel .seq-ctrl-group--pad{grid-template-columns:repeat(3,minmax(0,1fr))}.sequencer-controls-panel .seq-ctrl-group--seq{grid-template-columns:repeat(2,minmax(0,1fr))}.sequencer-controls-panel .seq-ctrl-group--action{grid-template-columns:repeat(3,minmax(0,1fr));margin-left:0}.sequencer-controls-panel .popover-select,.sequencer-controls-panel .slider-popover{width:100%;min-width:0}.sequencer-controls-panel .seq-zoom-inline{grid-template-columns:32px 34px 32px;align-items:center;margin-left:0;display:grid}.sequencer-controls-panel .btn-secondary,.sequencer-controls-panel .pad-rev-toggle,.sequencer-controls-panel .seq-clear-btn,.sequencer-controls-panel .pattern-copy-btn,.sequencer-controls-panel .seq-zoom-btn{background:color-mix(in srgb, var(--bg-raised) 62%, transparent);width:100%;min-width:auto;height:32px;min-height:32px;color:var(--text-secondary);justify-content:center;padding-top:0;padding-bottom:0}.sequencer-controls-panel .popover-trigger{width:100%}.sequencer-controls-panel .seq-zoom-label{color:var(--text-secondary);text-align:center}.sequencer-controls-panel .pad-rev-active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}@media (pointer:coarse){.sequencer-controls-panel .btn-secondary,.sequencer-controls-panel .pad-rev-toggle,.sequencer-controls-panel .seq-clear-btn,.sequencer-controls-panel .pattern-copy-btn,.sequencer-controls-panel .seq-zoom-btn{height:44px;min-height:44px}.sequencer-controls-panel .seq-zoom-inline{grid-template-columns:44px 40px 44px}}.step-sequencer.seq-controls-compact>.sequencer-header{visibility:hidden;pointer-events:none;width:100%;height:0;position:absolute;overflow:hidden}.step-sequencer.seq-controls-compact>.sequencer-header .sequencer-control-strip{display:flex}.step-sequencer.seq-controls-compact .pattern-selector .seq-mobile-controls-trigger{margin-left:auto;display:flex}.step-sequencer.seq-controls-compact .pattern-selector .seq-zoom-inline--desktop{margin-left:0}@media (width<=768px){.btn-secondary:hover:not(.active):not(.popover-trigger--open),.pad-rev-toggle:hover:not(.pad-rev-active),.seq-clear-btn:hover,.seq-mobile-controls-trigger:hover:not(.popover-trigger--open),.pattern-btn:hover:not(.pattern-btn-active),.pattern-copy-btn:hover,.seq-zoom-btn:hover:not(:disabled),.beat-play-btn:hover:not(.beat-playing),.beat-expand-btn:hover,.beat-track-btn:hover:not(.beat-track-btn-muted):not(.beat-track-btn-solo){background:0 0}.sequencer-controls-panel{width:auto;left:12px!important;right:12px!important}}.sequencer-title{font-size:16px;font-family:var(--font-bitmap);color:var(--text-secondary);text-transform:none;letter-spacing:2px}.sequencer-controls,.seq-ctrl-group{align-items:center;gap:var(--gap-sm);display:flex}.seq-ctrl-group--action{margin-left:auto}.seq-play-btn{border-radius:var(--radius-xs);width:28px;height:24px;color:var(--text-secondary);font-size:var(--font-btn);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.seq-play-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.seq-playing{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.seq-btn{width:var(--btn-height-md);height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-btn);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.seq-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.seq-btn.active{background:var(--accent-a18);color:var(--accent);border-color:var(--accent-a30)}.seq-clear-btn{height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-muted);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 8px}.seq-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.seq-clear-btn:disabled{opacity:.3;cursor:default}@media (hover:none),(pointer:coarse){.btn-secondary,.pad-rev-toggle,.seq-clear-btn,.seq-mobile-controls-trigger,.pattern-btn,.pattern-copy-btn,.seq-zoom-btn,.beat-play-btn,.beat-expand-btn,.beat-track-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-secondary:hover:not(.active):not(.popover-trigger--open),.pad-rev-toggle:hover:not(.pad-rev-active),.seq-clear-btn:hover,.seq-mobile-controls-trigger:hover:not(.popover-trigger--open),.pattern-btn:hover:not(.pattern-btn-active),.pattern-copy-btn:hover,.seq-zoom-btn:hover:not(:disabled),.beat-play-btn:hover:not(.beat-playing),.beat-expand-btn:hover,.beat-track-btn:hover:not(.beat-track-btn-muted):not(.beat-track-btn-solo){background:0 0}.btn-secondary:hover:not(.active):not(.popover-trigger--open){color:var(--text-body)}.pad-rev-toggle:hover:not(.pad-rev-active),.seq-clear-btn:hover,.pattern-btn:hover:not(.pattern-btn-active),.pattern-copy-btn:hover,.seq-zoom-btn:hover:not(:disabled),.seq-mobile-controls-trigger:hover:not(.popover-trigger--open){color:var(--text-muted)}}.seq-zoom-btn{height:var(--btn-height-md);border-radius:var(--radius-xs);border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-primary) 84%, transparent);color:var(--text-secondary);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);padding:0 8px}.seq-zoom-btn:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--glass-border));background:var(--bg-hover);color:var(--text-primary)}.seq-zoom-btn:disabled{opacity:.46;cursor:default}.seq-zoom-inline{align-items:center;gap:4px;margin-left:auto;display:flex}.seq-zoom-inline--panel{margin-left:0}.seq-zoom-label{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);text-align:center;min-width:24px}.seq-swing-control{align-items:center;gap:6px;display:flex}.seq-swing-label{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.seq-swing-value{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:28px}.seq-swing-slider{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex-shrink:0;width:72px;height:3px}.seq-swing-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:10px;height:10px;transition:transform var(--ui) var(--ease-ui);border-radius:50%}.seq-swing-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.seq-random-control{align-items:center;gap:6px;margin-left:auto;display:flex}.seq-random-btn{height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-muted);font-size:var(--font-btn-sm);font-family:var(--font-mono);white-space:nowrap;cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 8px}.seq-random-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pads-control-group{align-items:center;gap:0;display:flex}.pads-control-label{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.08em;text-transform:none;margin-right:4px}.seq-random-slider{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex-shrink:0;width:80px;height:3px}.seq-random-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:10px;height:10px;transition:transform var(--ui) var(--ease-ui);border-radius:50%}.seq-random-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.sequencer-grid-wrapper{flex:1;padding:4px 0 0;overflow:auto}.sequencer-grid-wrapper:after{content:"";height:4px;display:block}.sequencer-row{align-items:center;height:36px;display:flex}.seq-row-selected{background:#ffffff0a}.seq-row-active{background:var(--accent-a06)}.sequencer-step-header{z-index:2;background:var(--bg-primary);height:16px;margin-bottom:8px;position:sticky;top:0}.sequencer-step-header .seq-pad-label{border:none}.seq-pad-label{z-index:1;border:1px solid var(--line-strong);background:var(--bg-primary);-webkit-user-select:none;user-select:none;width:36px;min-width:36px;height:32px;transition:background var(--ui) var(--ease-ui);border-radius:0;margin:0 4px 0 2px;position:sticky;left:0;overflow:clip}.seq-pad-label-content{z-index:1;width:100%;height:100%;font-size:14px;font-family:var(--font-bitmap);color:var(--text-body);justify-content:center;align-items:center;display:flex;position:relative}.seq-pad-label-tappable{cursor:pointer}.seq-pad-label-tappable:hover{background:#ffffff0f}.seq-pad-active{background:var(--track-color,var(--track-a))!important}.seq-pad-active .seq-pad-label-content{color:var(--bg-primary)!important}.seq-pad-key{color:inherit}.seq-step-num{text-align:center;min-width:0;font-size:11px;font-family:var(--font-bitmap);color:var(--text-muted);transition:color var(--release) var(--ease-release);font-variant-numeric:tabular-nums;flex:1;position:relative}.seq-cell{border:1px solid var(--line);box-sizing:border-box;cursor:pointer;min-width:0;height:28px;transition:background var(--release) var(--ease-release), border-color var(--release) var(--ease-release);border-radius:0;flex:1;margin:1px}.seq-cell:hover{background:#ffffff14}.seq-cell.seq-on{background:var(--track-color,var(--track-a));opacity:1}.seq-cell.seq-on:hover{opacity:.85}.seq-cell.seq-current{border-color:var(--track-color,var(--track-a));transition:none}.seq-cell.seq-current:not(.seq-on){background:color-mix(in srgb, var(--track-color,var(--track-a)) 6%, transparent)}.seq-cell.seq-bar-start,.seq-cell.seq-beat-start{border-left:2px solid var(--line-marker)}.app--refresh .sequencer-rows-f4{flex-direction:column;gap:2px;display:flex;position:relative}.app--refresh .sequencer-rows-f4 .sequencer-row{z-index:1;position:relative}.app--refresh .seq-playhead{z-index:0;border-radius:var(--radius-xs);background:color-mix(in srgb, var(--accent) 14%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.app--refresh .seq-playhead.is-idle{display:none}.app--refresh .seq-pad-label--f4{background:0 0;border:0;justify-content:center;align-items:center;gap:5px;display:flex;overflow:visible}.app--refresh .seq-pad-label--f4 .seq-pad-label-content{width:auto;height:auto}.app--refresh .seq-pad-preview-icon{width:8px;height:8px;color:var(--seq-track-color);flex:0 0 8px}.app--refresh .seq-cell.seq-led{background:0 0;border:0;justify-content:center;align-items:center;margin:1px;display:flex}.app--refresh .seq-cell.seq-led:hover,.app--refresh .seq-cell.seq-led.seq-current:not(.seq-on){background:0 0}.app--refresh .seq-cell.seq-led .seq-led-dot{border:1px solid var(--line);background:var(--bg-raised);box-sizing:border-box;border-radius:50%;flex:0 0 15px;width:15px;height:15px}.app--refresh .seq-cell.seq-led:active .seq-led-dot{box-shadow:0 0 0 2px var(--seq-track-color);transform:scale(.88)}.app--refresh .seq-cell.seq-led.seq-on{background:0 0}.app--refresh .seq-cell.seq-led.seq-on .seq-led-dot{border-color:var(--seq-track-color);background:var(--seq-track-color)}.app--refresh .seq-cell.seq-led.seq-current{border-color:#0000}.app--refresh .seq-cell.seq-led.seq-current .seq-led-dot{border-color:var(--seq-track-color)}@media (width>=769px){.app--refresh .seq-cell.seq-led .seq-led-dot{flex-basis:18px;width:18px;height:18px}}.app--refresh[data-theme=light] .seq-cell.seq-led:not(.seq-on) .seq-led-dot{border-color:var(--line);background:var(--bg-card)}.app--refresh .seq-row-fx--f4 .seq-cell-fx{background:0 0;border:0}.app--refresh .seq-row-fx--f4 .seq-cell-fx:hover{background:0 0}.app--refresh .seq-row-fx--f4 .seq-fx-dot{box-sizing:border-box;border:1.5px solid var(--line);background:0 0;border-radius:50%;flex:0 0 15px;width:15px;height:15px;display:block}.app--refresh .seq-row-fx--f4 .seq-cell-fx.seq-on .seq-fx-dot{border-color:var(--seq-track-color)}@media (width>=769px){.app--refresh .seq-row-fx--f4 .seq-fx-dot{flex-basis:18px;width:18px;height:18px}}.app--refresh .seq-row--previewing{background:color-mix(in srgb, var(--track-color) 12%, transparent)}.app--refresh .seq-pad-label--f4:active{box-shadow:0 0 0 2px var(--seq-track-color);transform:scale(.94)}.seq-cell.seq-cell-dilla{background:#ffffff08;border-radius:0}.seq-cell.seq-cell-dilla:hover{background:#ffffff14}.seq-cell.seq-cell-dilla.seq-on{background:var(--track-color,var(--track-a));opacity:1}.seq-cell.seq-cell-dilla.seq-current{border-color:var(--track-color,var(--track-a))}.seq-fx-label{color:var(--accent,#5ec4b6);justify-content:center}.seq-fx-label .seq-pad-key{font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;padding:0 2px}.seq-cell.seq-cell-fx{font-family:var(--font-mono);cursor:pointer;background:#ffffff05;border-radius:0;justify-content:center;align-items:center;font-size:10px;display:flex}.seq-cell.seq-cell-fx:hover{background:#ffffff14}.seq-cell.seq-cell-fx.seq-on{opacity:1}.seq-cell.seq-cell-fx .seq-fx-icon{color:currentColor;line-height:1}.seq-cell.seq-fx-brk{background:color-mix(in srgb, var(--fx-brk) 28%, transparent);color:var(--fx-brk)}.seq-cell.seq-fx-stut{color:var(--accent);background:#5ec4b647}.seq-cell.seq-fx-rev{background:color-mix(in srgb, var(--fx-rev) 28%, transparent);color:var(--fx-rev)}.seq-cell.seq-fx-flt{background:color-mix(in srgb, var(--fx-flt) 28%, transparent);color:var(--fx-flt)}.seq-cell.seq-fx-stop{background:color-mix(in srgb, var(--fx-stop) 28%, transparent);color:var(--fx-stop)}.seq-fx-popover-backdrop{z-index:40;background:#0000004d;position:fixed;inset:0}.seq-fx-popover{z-index:41;background:var(--bg-panel,#252631);border:1px solid var(--accent,#5ec4b6);border-radius:6px;min-width:280px;max-width:90vw;padding:12px 14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #00000080}.seq-fx-popover-title{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:10px}.seq-fx-popover-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.seq-fx-popover-opt{border:1px solid var(--line);color:var(--text-body);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#ffffff08;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.seq-fx-popover-opt:not(.disabled):hover{border-color:var(--accent,#5ec4b6);background:#5ec4b614}.seq-fx-popover-opt.selected{border-color:var(--accent,#5ec4b6);background:#5ec4b61f}.seq-fx-popover-opt.disabled{opacity:.35;cursor:not-allowed}.seq-fx-popover-icon{font-size:16px;font-family:var(--font-mono);line-height:1}.seq-fx-popover-icon.seq-fx-brk{color:var(--fx-brk)}.seq-fx-popover-icon.seq-fx-stut{color:var(--accent,#5ec4b6)}.seq-fx-popover-icon.seq-fx-rev{color:var(--fx-rev)}.seq-fx-popover-icon.seq-fx-flt{color:var(--fx-flt)}.seq-fx-popover-icon.seq-fx-stop{color:var(--fx-stop)}.seq-fx-popover-name{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:9px}[data-theme=light] .seq-cell{border-color:var(--line)}[data-theme=light] .seq-cell:hover,[data-theme=light] .seq-cell.seq-cell-dilla:hover,[data-theme=light] .seq-cell.seq-cell-fx:hover{background:#0000000d}[data-theme=light] .seq-cell.seq-cell-dilla{background:#00000005}[data-theme=light] .seq-cell.seq-bar-start,[data-theme=light] .seq-cell.seq-beat-start{border-left:2px solid var(--line-marker)}[data-theme=light] .seq-row-selected{background:#0000000a}[data-theme=light] .seq-pad-label-tappable:hover{background:#0000000f}.pad-feel-toggle{font-size:var(--font-label);font-weight:300;font-family:var(--font-mono);cursor:pointer;border:1px solid #0000;border-radius:3px;margin-left:2px;padding:1px 3px;line-height:1}.pad-feel-standard{color:var(--text-dim);background:var(--bg-hover);border-color:var(--text-dim)}.pad-feel-standard:hover{color:var(--text-muted);background:var(--bg-hover)}.pad-feel-dilla{color:var(--dilla-accent);background:var(--dilla-accent-bg);border-color:var(--dilla-accent-border)}.pad-feel-dilla:hover{background:var(--accent-a25)}.seq-step-num.seq-beat-start{color:var(--text-dim)}.seq-step-num.seq-bar-start{color:var(--text-muted)}.seq-step-num.seq-current{color:var(--accent);font-weight:400;transition:none}.pattern-selector{align-items:center;gap:var(--gap-md);border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:6px 12px;display:flex}.pattern-selector-label{font-size:var(--font-label);font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:.08em;flex-shrink:0}.pattern-selector-buttons{gap:3px;display:flex}.pattern-btn{width:28px;height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-muted);font-size:var(--font-btn);font-weight:300;font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.pattern-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pattern-btn-active{background:var(--accent);color:var(--bg-primary)}.pattern-btn-has-data{color:var(--text-secondary)}.pattern-btn-has-data.pattern-btn-active{color:var(--bg-primary)}.pattern-copy-btn{height:var(--btn-height-md);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 8px}.pattern-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (width<=1180px){.pattern-selector{justify-content:flex-start;gap:8px;padding:6px 12px}.pattern-selector-label{letter-spacing:.03em}.pattern-selector-buttons{gap:2px}.pattern-copy-btn--panel{flex-shrink:0}}@media (width<=480px){.pattern-copy-btn--desktop{display:none}.sequencer-controls-panel-tools{display:grid}}.track-tabs{gap:2px;margin-top:16px;margin-bottom:0;animation:.4s ease-out .12s both fadeInUp;display:flex}.track-tab{height:var(--btn-height-lg);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid var(--glass-border);color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#00000026;border-bottom:none;align-items:center;gap:6px;padding:6px 14px;display:flex}.track-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.track-tab-active{background:var(--panel-bg);color:var(--accent);border-color:var(--text-dim)}.track-tab-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:6px;height:6px}.track-tab-active .track-tab-dot{background:var(--accent)}.track-tab-has-data .track-tab-dot{background:var(--text-secondary)}.section-label{font-size:var(--font-btn-sm);text-transform:none;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:6px;font-weight:600}.waveform-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.source-tabs{gap:2px;margin-bottom:0;display:flex}.source-tab{height:var(--btn-height-lg);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid var(--glass-border);color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#00000026;border-bottom:none;align-items:center;gap:6px;max-width:200px;padding:6px 10px 6px 14px;display:flex}.source-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.source-tab-active{background:var(--panel-bg);color:var(--accent)}.source-tab-title{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.source-tab-close{width:16px;height:16px;color:var(--text-muted);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.source-tab-close:hover{color:var(--text-primary);background:#ffffff1a}.source-tab-add{max-width:none;padding:6px 14px;font-size:18px;font-weight:400}.source-tabs+.waveform-card{border-top-left-radius:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel-bg-overlay);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);padding:24px;position:relative}.modal-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{color:var(--text-primary);background:#ffffff14}.modal-title{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:600}@keyframes source-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes source-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes source-modal-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes source-modal-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.94)translateY(8px)}}.source-add-overlay{animation:.15s ease-out source-overlay-in}.source-add-overlay.closing{animation:.15s ease-in forwards source-overlay-out}.source-add-modal{width:360px;max-width:calc(100vw - 32px);animation:.2s ease-out source-modal-in}.source-add-modal.closing{animation:.15s ease-in forwards source-modal-out}.source-add-modal.drag-over{border-color:var(--accent)}.source-add-modal.drag-over .source-add-option:first-child{border-color:var(--accent);color:var(--accent)}.source-add-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.source-add-option{border-radius:var(--radius);cursor:pointer;text-align:center;background:#0000002e;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:6px;padding:28px 16px 22px;transition:background .15s,border-color .15s,transform .15s;display:flex}.source-add-option:hover{background:var(--accent-subtle);border-color:var(--accent-a30);transform:translateY(-2px)}.source-add-option:active{transition-duration:80ms;transform:scale(.97)translateY(0)}.source-add-option-icon{color:var(--accent);justify-content:center;align-items:center;margin-bottom:6px;display:flex}.source-add-option-label{color:var(--text-primary);letter-spacing:.03em;font-size:13px;font-weight:500}.source-add-option-desc{color:var(--text-muted);letter-spacing:.02em;font-size:11px}.source-add-option-hint{color:var(--text-muted);letter-spacing:.02em;margin-top:4px;font-size:10px}.source-add-option:disabled{opacity:.35;cursor:not-allowed}.source-add-resource{color:var(--text-muted);font-family:var(--font-ui);letter-spacing:.03em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin:10px 0 0;font-size:11px;font-weight:300;line-height:1.4;display:flex}.source-add-resource a{color:var(--accent);text-decoration:none}.source-add-resource a:hover,.source-add-resource a:focus-visible{color:var(--text-secondary);text-decoration:underline}.key-sync-reassurance{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;align-items:flex-start;gap:8px;margin-top:10px;padding:8px 10px;display:flex}.key-sync-reassurance__icon{width:18px;height:18px;color:var(--text-muted);flex:0 0 18px;place-items:center;display:grid}.key-sync-reassurance__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.key-sync-reassurance__text{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.key-sync-reassurance__help{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:10px;line-height:1.4;text-decoration:none}.key-sync-reassurance__help:hover{color:var(--text-secondary);text-decoration:underline}.export-choice-overlay{animation:.15s ease-out source-overlay-in}.export-choice-overlay.closing{animation:.15s ease-in forwards source-overlay-out}.export-choice-modal{width:520px;max-width:calc(100vw - 32px);animation:.2s ease-out source-modal-in}.export-choice-modal.closing{animation:.15s ease-in forwards source-modal-out}.export-choice-subtitle{color:var(--text-secondary);letter-spacing:.03em;margin:-6px 28px 16px 0;font-size:12px;font-weight:300;line-height:1.45}.export-choice-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.export-choice-option{border-radius:var(--radius);cursor:pointer;min-height:178px;color:var(--text-body);font-family:var(--font-ui);text-align:center;background:#0000002e;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:6px;padding:24px 14px 18px;transition:background .15s,border-color .15s,transform .15s;display:flex}.export-choice-option:hover,.export-choice-option:focus-visible{background:var(--accent-subtle);border-color:var(--accent-a30);transform:translateY(-2px)}.export-choice-option:active{transition-duration:80ms;transform:scale(.97)translateY(0)}.export-choice-option.is-preferred{border-color:var(--accent);background:var(--accent-subtle)}.export-choice-option-icon{color:var(--accent);justify-content:center;align-items:center;margin-bottom:6px;display:flex}.export-choice-option-label{color:var(--text-primary);letter-spacing:.03em;font-size:13px;font-weight:500}.export-choice-option-desc{color:var(--text-body);letter-spacing:.02em;font-size:11px;font-weight:300;line-height:1.4}.export-choice-option-hint{color:var(--text-muted);letter-spacing:.02em;margin-top:auto;font-size:10px;font-weight:300;line-height:1.35}.export-choice-option--creator-pass{border-color:var(--accent-a30);display:grid;position:relative}.export-choice-option-badge{border:1px solid var(--accent-a30);background:color-mix(in srgb, var(--accent) 22%, black);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;z-index:1;border-radius:3px;padding:2px 7px;font-size:9px;font-weight:500;line-height:1.3;position:absolute;top:-7px;left:12px}.export-choice-option-body{all:unset;box-sizing:border-box;align-items:center;gap:inherit;color:inherit;font:inherit;text-align:center;cursor:pointer;flex-direction:column;display:flex}.export-choice-option-body:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.export-choice-option--creator-pass .export-choice-option-hint{color:var(--accent)}@media (width<=640px){.export-choice-modal{width:calc(100vw - 24px);padding:20px 16px 16px}.export-choice-options{grid-template-columns:1fr 1fr}.export-choice-option{text-align:left;align-items:flex-start;min-height:132px;padding:18px 14px}.export-choice-option-icon{margin-bottom:2px}}.refresh-export .export-hero{aspect-ratio:2;border-radius:var(--radius);background:#191a21;width:100%;max-width:520px;margin-bottom:16px;display:block;position:relative;overflow:hidden}.refresh-export .export-hero img{object-fit:cover;width:100%;height:100%;display:block}.refresh-export .export-hero-copy{max-width:62%;padding:14px 16px;position:absolute;top:0;left:0}.refresh-export .export-hero-eyebrow{color:var(--accent);letter-spacing:.08em;font-size:9px;font-weight:300;display:block}.refresh-export .export-hero-copy h3{color:#f4f1e8;letter-spacing:-.045em;text-wrap:balance;margin:6px 0 0;font-size:21px;font-weight:400;line-height:.98}@media (width<=640px){.refresh-export .export-choice-option{text-align:center;align-items:center;gap:4px;min-height:96px;padding:14px 12px}.refresh-export .export-choice-option-desc{display:none}.refresh-export [data-export-type=onebeat] .export-choice-option-desc,.refresh-export [data-export-type=beatarc] .export-choice-option-desc{display:block}}@media (width>=641px){.refresh-export .refresh-screen-surface__rail{grid-template-columns:1fr 1fr;grid-template-areas:"title title""subtitle subtitle""hero options";column-gap:24px;display:grid}.refresh-export .modal-title{grid-area:title}.refresh-export .export-choice-subtitle{grid-area:subtitle}.refresh-export .export-hero{aspect-ratio:auto;grid-area:hero;max-width:none;margin-bottom:0}.refresh-export .export-choice-options{grid-area:options;grid-template-columns:repeat(2,1fr)}.refresh-export .export-choice-option{justify-content:center;min-height:150px}.refresh-export .export-choice-option-hint{margin-top:8px}.refresh-export .export-choice-option--creator-pass .export-choice-option-body{justify-content:center}.refresh-export .export-hero-copy{max-width:66%;padding:24px 26px}.refresh-export .export-hero-eyebrow{font-size:11px}.refresh-export .export-hero-copy h3{margin:12px 0 0;font-size:34px}}.export-mixdown-step{flex-direction:column;gap:4px;display:flex}.export-mixdown-step--immediate{gap:10px}.export-mixdown-step-title{color:var(--text-primary);letter-spacing:.02em;margin:0;font-size:15px;font-weight:500}.export-mixdown-step-sub{color:var(--text-secondary);letter-spacing:.02em;margin:2px 0 16px;font-size:12px;font-weight:300;line-height:1.45}.export-mixdown-config{flex-direction:column;gap:14px;display:flex}.export-mixdown-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.export-mixdown-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.export-mixdown-arcnote{color:var(--text-secondary);font-size:12px;font-weight:300;line-height:1.4}.export-mixdown-meta{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.01em;margin-left:auto;font-size:11px}.export-mixdown-meta-dim{color:var(--text-muted)}.export-mixdown-status{border-radius:var(--radius-xs);padding:8px 10px;font-size:11px;line-height:1.4}.export-mixdown-status--error{color:#ff8a8f;background:#e5484d1f}.export-mixdown-cta{border-radius:var(--radius);background:var(--accent);width:100%;color:var(--bg-primary);font:inherit;letter-spacing:.02em;cursor:pointer;border:0;padding:12px;font-size:13px;font-weight:500;transition:opacity .15s}.export-mixdown-cta:hover,.export-mixdown-cta:focus-visible{opacity:.9}.export-mixdown-render{flex-direction:column;gap:8px;display:flex}.export-mixdown-render-line{color:var(--text-secondary);font-family:var(--font-mono);align-items:center;gap:8px;font-size:12px;display:flex}.export-mixdown-cancel{border-radius:var(--radius-xs);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1f;margin-left:auto;padding:4px 10px;font-size:11px}.export-mixdown-cancel:hover,.export-mixdown-cancel:focus-visible{color:var(--text-secondary);border-color:#ffffff3d}.export-mixdown-bar{background:#ffffff14;border-radius:1px;height:2px;overflow:hidden}.export-mixdown-bar-fill{background:var(--accent);height:100%;transition:width .15s ease-out}@media (width<=640px){.export-mixdown-row{flex-direction:column;align-items:flex-start}.export-mixdown-meta{margin-left:0}}.source-library-overlay{background:#000000b8;animation:.15s ease-out source-overlay-in}.source-library-overlay.closing{animation:.15s ease-in forwards source-overlay-out}.source-library-modal{background:var(--panel-bg);border-color:var(--border);width:420px;max-width:calc(100vw - 32px);animation:.2s ease-out source-modal-in;box-shadow:0 18px 48px #0000009e}.source-library-modal.closing{animation:.15s ease-in forwards source-modal-out}.source-library-subtitle{color:var(--text-muted);font-size:12px;font-family:var(--font-ui);letter-spacing:.03em;margin:-8px 0 16px;font-weight:300}.source-library-list{flex-direction:column;gap:10px;max-height:min(420px,62vh);padding:2px 2px 2px 0;display:flex;overflow-y:auto}.source-library-item{border-radius:var(--radius);background:var(--panel-bg-subtle);width:100%;min-height:64px;color:var(--text-secondary);cursor:pointer;text-align:left;border:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s,color .15s;display:flex;position:relative;overflow:hidden}.source-library-item:hover,.source-library-item:focus-visible{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);outline:none;transform:translateY(-1px)}.source-library-item.is-selected{background:color-mix(in srgb, var(--accent) 9%, var(--panel-bg-subtle));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 62%, var(--glass-border));color:var(--text-primary);border-color:#0000}.source-library-item.is-selected:hover,.source-library-item.is-selected:focus-visible{background:color-mix(in srgb, var(--accent) 9%, var(--panel-bg-subtle));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 62%, var(--glass-border)), 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent);border-color:#0000}.source-library-item--add{color:var(--accent);border-style:dashed}.source-library-item-icon{border-radius:var(--radius-xs);width:34px;height:34px;color:var(--accent);background:#ffffff0a;flex:0 0 34px;justify-content:center;align-items:center;display:flex}.source-library-item-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.source-library-item-title{color:var(--text-primary);font-size:var(--font-btn);font-family:var(--font-ui);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.source-library-item-meta{color:var(--text-muted);font-size:var(--font-label);font-family:var(--font-ui);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-weight:300;overflow:hidden}.source-library-item-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.source-library-preview-btn{width:32px;height:32px}.source-library-modal .source-library-preview-btn:hover,.source-library-modal .source-library-preview-btn:focus-visible{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.source-library-manage-btn{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:36px;color:var(--text-secondary);cursor:pointer;font-size:var(--font-btn);font-family:var(--font-ui);letter-spacing:.03em;background:0 0;margin-top:12px;font-weight:300;transition:background .15s,border-color .15s,color .15s}.source-library-manage-btn:hover,.source-library-manage-btn:focus-visible{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);outline:none}.file-preview-overlay{animation:.15s ease-out source-overlay-in}.file-preview-overlay.closing{animation:.15s ease-in forwards source-overlay-out}.file-preview-modal{width:360px;max-width:calc(100vw - 32px);animation:.2s ease-out source-modal-in}.file-preview-modal.closing{animation:.15s ease-in forwards source-modal-out}.file-preview-player{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.file-preview-icon{color:var(--accent);flex-shrink:0;align-items:center;display:flex}.file-preview-meta{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.file-preview-title{font-size:var(--font-btn);color:var(--text-primary);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.file-preview-info{font-size:var(--font-label);color:var(--text-muted);letter-spacing:.02em}.file-preview-play-btn{background:var(--bg-hover);border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:flex}.file-preview-play-btn:hover,.file-preview-play-btn.playing{background:var(--accent-subtle);border-color:var(--accent-a30);color:var(--accent)}.file-preview-actions{gap:8px;display:flex}.file-preview-back-btn{font-size:var(--font-btn);letter-spacing:.03em;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;flex:1;padding:9px 0;font-weight:300;transition:background .12s,color .12s,border-color .12s}.file-preview-back-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.file-preview-back-btn:disabled{opacity:.4;cursor:not-allowed}.file-preview-add-btn{font-size:var(--font-btn);letter-spacing:.03em;color:var(--bg-primary);background:var(--accent);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;flex:2;padding:9px 0;font-weight:400;transition:background .12s,opacity .12s}.file-preview-add-btn:hover:not(:disabled){background:var(--accent-hover)}.file-preview-add-btn:disabled{opacity:.6;cursor:not-allowed}.mic-recorder-overlay{animation:.15s ease-out source-overlay-in}.mic-recorder-overlay.closing{animation:.15s ease-in forwards source-overlay-out}.mic-recorder-modal{flex-direction:column;gap:16px;width:360px;max-width:calc(100vw - 32px);animation:.2s ease-out source-modal-in;display:flex}.mic-recorder-modal.closing{animation:.15s ease-in forwards source-modal-out}.mic-device-select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);font-size:var(--font-btn);letter-spacing:.02em;cursor:pointer;appearance:none;background-color:#00000047;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:7px 28px 7px 10px;font-family:inherit;font-weight:300}.mic-device-select:hover{border-color:var(--border-hover)}.mic-device-select:focus{border-color:var(--accent-a30);outline:none}.mic-device-select:disabled{opacity:.5;cursor:not-allowed}.mic-device-select option{color:var(--text-primary);background-color:#1f2028}.mic-waveform-canvas{border-radius:var(--radius-xs);background:#00000047;border:1px solid #ffffff0f;width:100%;height:88px;transition:border-color .3s;display:block}.mic-waveform-canvas.recording{border-color:var(--accent-a30)}.mic-controls{justify-content:center;display:flex}.mic-rec-btn{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--text-body);font-size:var(--font-btn);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 28px;font-weight:300;transition:background .15s,border-color .15s,transform .15s;display:flex}.mic-rec-btn:hover{background:var(--accent-subtle);border-color:var(--accent-a30)}.mic-rec-btn:active{transition-duration:80ms;transform:scale(.97)}.mic-recording-row{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.mic-timer{font-size:16px;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.06em;text-align:center;min-width:48px;font-weight:300}.mic-stop-btn{border-radius:var(--radius-sm);border:1px solid var(--error);color:var(--error);font-size:var(--font-btn);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:8px 16px;font-weight:300;transition:background .15s,transform .15s;display:flex}.mic-stop-btn:hover{background:#cc444414}.mic-stop-btn:active{transition-duration:80ms;transform:scale(.97)}.mic-rec-dot{background:var(--error);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite mic-blink}@keyframes mic-blink{0%,to{opacity:1}50%{opacity:.3}}.mic-stop-square{background:var(--error);border-radius:1px;flex-shrink:0;width:8px;height:8px}.mic-processing-row{color:var(--text-muted);align-items:center;gap:10px;display:flex}.mic-processing{font-size:var(--font-btn);color:var(--text-muted);letter-spacing:.04em}.recorder-mode-pills{gap:6px;margin-bottom:4px;display:flex}.recorder-mode-pill{letter-spacing:.04em;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:20px;flex:1;padding:6px 12px;font-size:11px;font-weight:400;transition:background .15s,border-color .15s,color .15s}.recorder-mode-pill:hover:not(:disabled){color:var(--text-primary);border-color:var(--line-strong)}.recorder-mode-pill.active{color:var(--accent);border-color:var(--accent-a30);background:var(--accent-subtle)}.recorder-mode-pill.unavailable{opacity:.35;cursor:pointer}.mic-preview{border-radius:var(--radius);border:1px solid #ffffff14;justify-content:center;align-items:center;gap:14px;height:88px;margin-bottom:0;display:flex}.mic-preview-play-btn{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.mic-preview-play-btn:hover{background:#ffffff0f;border-color:#ffffff40}.mic-preview-play-btn.playing{border-color:var(--accent-a30);color:var(--accent)}.mic-preview-duration{color:var(--text-muted);letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:13px}.mic-preview-actions{gap:8px;width:100%;display:flex}.mic-retake-btn{font-size:var(--font-btn);letter-spacing:.04em;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ffffff1a;flex:1;padding:9px 0;transition:background .15s,border-color .15s,color .15s}.mic-retake-btn:hover{color:var(--text-primary);background:#ffffff0a;border-color:#fff3}.mic-use-btn{font-size:var(--font-btn);letter-spacing:.04em;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid;flex:2;padding:9px 0;transition:opacity .15s}.mic-use-btn:hover{opacity:.75}.youtube-source-modal{flex-direction:column;width:min(560px,90vw);height:min(620px,85vh);padding:0;display:flex;overflow:hidden}.youtube-source-modal .modal-close{position:absolute;top:12px;right:12px}.chapter-modal{flex-direction:column;gap:0;width:min(520px,90vw);max-height:80vh;padding:20px;display:flex;overflow:hidden}.chapter-modal-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;padding-right:28px;font-size:14px;font-weight:600;overflow:hidden}.chapter-modal-subtitle{font-size:var(--font-btn);color:var(--text-muted);margin-bottom:14px}.chapter-list{flex-direction:column;flex:1;gap:2px;margin-bottom:12px;display:flex;overflow-y:auto}.chapter-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:background .15s;display:flex}.chapter-item:hover{background:var(--accent-a12);border-color:var(--accent-a25)}.chapter-item-time{font-family:var(--font-mono);font-size:var(--font-btn);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:38px}.chapter-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chapter-item-dur{font-family:var(--font-mono);font-size:var(--font-btn);color:var(--text-dim)}.chapter-full-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:9px;font-size:12px;transition:background .15s}.chapter-full-btn:hover{color:var(--text-primary);background:#ffffff14}.waveform-card-loading{justify-content:center;align-items:center;min-height:120px;display:flex}.waveform-card-loading-text{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.waveform-card{cursor:pointer;min-height:160px;transition:border-color var(--ui) var(--ease-ui);flex-direction:column;padding:8px 10px;display:flex;position:relative;overflow:visible}.waveform-card--slice-compact{min-height:0}.waveform-card.is-layout-transitioning,.waveform-card.is-layout-transitioning .waveform,.waveform-card.is-layout-transitioning .waveform-minimap,.waveform-card.is-layout-transitioning .waveform-controls{transition-duration:.22s;transition-timing-function:cubic-bezier(.2,0,0,1)}.waveform-card.is-layout-transitioning{transition-property:min-height,padding,border-color}.waveform-card.is-layout-transitioning .waveform,.waveform-card.is-layout-transitioning .waveform-minimap{transition-property:height}.waveform-card.is-layout-transitioning .waveform-controls{transition-property:gap,margin}.waveform-card.panel.waveform-card--slice-compact .waveform-minimap{height:18px}.waveform-card.panel.waveform-card--slice-compact .waveform-controls{gap:4px;margin-top:4px}.panel-resizer{cursor:row-resize;-webkit-user-select:none;user-select:none;touch-action:none;height:18px;min-height:18px;color:color-mix(in srgb, var(--text-muted) 82%, var(--accent));flex-shrink:0;place-items:center;margin-left:-8px;margin-right:-8px;display:grid;position:relative}.panel-resizer:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-muted) 24%, transparent), transparent);opacity:.55;height:1px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.panel-resizer-grip{z-index:1;width:24px;height:10px;box-shadow:none;background:0 0;border:0;border-radius:999px;place-items:center;transition:border-color .15s,background .15s,color .15s,transform .15s;display:grid;position:relative}.panel-resizer-grip:before{content:"";opacity:.68;background:currentColor;border-radius:50%;width:4px;height:4px;box-shadow:-8px 0,8px 0}.panel-resizer:hover .panel-resizer-grip,.panel-resizer:focus-visible .panel-resizer-grip,.panel-resizer.is-active .panel-resizer-grip,.panel-resizer.is-attention .panel-resizer-grip{color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);transform:none}.panel-resizer:hover:before,.panel-resizer:focus-visible:before,.panel-resizer.is-active:before,.panel-resizer.is-attention:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 34%, transparent), transparent);opacity:.8}.panel-resizer.is-attention .panel-resizer-grip:before{animation:.62s cubic-bezier(.2,0,0,1) both sourceSliceResizerAttention}@keyframes sourceSliceResizerAttention{0%{opacity:.36;transform:scale(.86)}36%{opacity:1;transform:scale(1.12)}to{opacity:.68;transform:scale(1)}}.panel-resizer:focus-visible{outline:none}.panel-resizer:focus-visible .panel-resizer-grip{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--accent-a25)}@media (prefers-reduced-motion:reduce){.waveform-card.is-layout-transitioning,.waveform-card.is-layout-transitioning .waveform,.waveform-card.is-layout-transitioning .waveform-minimap,.waveform-card.is-layout-transitioning .waveform-controls{transition-duration:0s}.panel-resizer.is-attention .panel-resizer-grip:before,.region-handle-grip.is-settling{animation:none}}@media (width<=640px){.slice-panel{padding-top:4px;padding-bottom:8px}.waveform-controls,.slice-transport-bar{--transport-control-size:32px;--transport-gap:4px}.slice-transport-bar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.slice-transport-bar::-webkit-scrollbar{display:none}.slice-transport-shell{gap:3px}.waveform-time,.slice-transport-time,.transport-icon-btn__text{font-size:11px}.waveform-time,.slice-transport-time{min-width:max-content}.transport-icon-btn svg{width:13px;height:13px}.slice-transport-sep{height:16px;margin:0 1px}.panel-resizer{height:22px;min-height:22px;margin-top:0;margin-bottom:0}.panel-resizer-grip{width:28px;height:12px}}.waveform-card:hover{border-color:var(--border-hover)}.waveform-card-active{border-color:var(--track-color,var(--track-a))}.waveform-card-close{width:20px;height:20px;color:var(--text-muted);cursor:pointer;z-index:5;opacity:0;background:#0000004d;border:none;border-radius:3px;justify-content:center;align-items:center;font-size:12px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.waveform-card:hover .waveform-card-close{opacity:1}.waveform-card-close:hover{background:var(--error-a30);color:var(--text-primary)}.waveform-card-header{justify-content:space-between;align-items:center;min-width:0;margin-bottom:6px;display:flex;overflow:hidden}.waveform-card-filename{font-size:var(--font-btn);color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:400;overflow:hidden}.waveform-card-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.meta-tag{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-secondary)}.key-analysis-btn{font-size:var(--font-btn-sm);border:1px solid var(--accent-a40);background:var(--accent-a08);color:var(--accent-a80);cursor:pointer;white-space:nowrap;border-radius:4px;padding:2px 8px;transition:background .15s,border-color .15s}.key-analysis-btn:hover{background:var(--accent-a18);border-color:var(--accent-a70)}.key-analysis-loading{font-size:var(--font-btn-sm);color:var(--text-secondary);font-style:italic}.key-analysis-result{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--accent-a90);align-items:center;gap:5px;display:inline-flex}.key-analysis-apply-btn{font-size:var(--font-btn-sm);border:1px solid var(--accent-a50);background:var(--accent-a12);color:var(--accent-a90);cursor:pointer;border-radius:4px;padding:1px 7px;transition:background .15s}.key-analysis-apply-btn:hover{background:var(--accent-a25)}.waveform-card-empty{color:var(--text-muted);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);border:1px dashed #ffffff14;border-radius:5px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:4px;margin:auto;padding:12px 20px;font-size:12px;display:inline-flex}.waveform-card-empty:hover,.waveform-card-empty.drag-over{border-color:var(--text-dim);color:var(--text-secondary)}.waveform-card-empty-title{color:var(--text-muted);font-size:12px}.waveform-card-empty-text{font-size:var(--font-btn);color:var(--text-dim);font-family:var(--font-ui)}.track-assign-group{gap:3px;margin-left:auto;display:flex}.track-assign-btn{width:22px;height:22px;font-size:var(--font-label);font-weight:300;font-family:var(--font-mono);cursor:pointer;color:var(--text-muted);transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#0003;border:1px solid #ffffff1a;border-radius:3px;justify-content:center;align-items:center;display:flex}.track-assign-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff14}.track-assign-btn:disabled{opacity:.3;cursor:not-allowed}.track-assign-btn-filled{background:var(--accent-a15);color:var(--accent);border-color:var(--accent-a35)}.track-assign-btn-filled:hover{background:var(--accent-a25)}.track-assign-row{align-items:center;gap:6px;margin-top:8px;animation:.3s ease-out both fadeInUp;display:flex}.track-assign-label{font-size:var(--font-label);font-family:var(--font-mono);color:var(--text-muted);text-transform:none;letter-spacing:.08em;margin-right:4px}.timeline-section{flex-direction:column;height:100%;display:flex;overflow:hidden}.timeline-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.timeline-title{font-size:var(--font-btn);font-weight:300;font-family:var(--font-mono);color:var(--text-secondary);text-transform:none;letter-spacing:.03em}.timeline-controls{align-items:center;gap:var(--gap-sm);display:flex}.timeline-grid-wrapper{padding:8px 0;overflow-x:auto}.timeline-grid-wrapper::-webkit-scrollbar{height:6px}.timeline-grid-wrapper::-webkit-scrollbar-track{background:0 0}.timeline-grid-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.timeline-grid{gap:0;min-width:100%;display:grid}.timeline-row{align-items:center;height:28px;display:flex}.timeline-row-header{height:20px}.timeline-row-label{width:36px;min-width:36px;font-size:var(--font-btn-sm);font-weight:400;font-family:var(--font-mono);color:var(--text-muted);text-align:center;flex-shrink:0}.timeline-bar-num{text-align:center;min-width:40px;font-size:var(--font-label);font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-left:1px solid var(--bg-hover);flex:1}.timeline-cell{cursor:pointer;min-width:40px;height:24px;font-size:var(--font-label);font-weight:300;font-family:var(--font-mono);color:#0000;-webkit-user-select:none;user-select:none;border:1px solid #ffffff12;border-radius:2px;flex:1;justify-content:center;align-items:center;margin:1px;transition:background 80ms;display:flex}.timeline-cell:hover{background:var(--bg-hover)}.timeline-cell-filled{background:var(--accent-a15);border-color:var(--accent-a25);color:var(--accent)}.timeline-cell-filled:hover{filter:brightness(1.3)}.timeline-cell-block-start{border-right:none;border-radius:2px 0 0 2px;margin-right:0}.timeline-cell-block-mid{border-left:none;border-right:none;border-radius:0;margin-left:0;margin-right:0}.timeline-cell-block-end{border-left:none;border-radius:0 2px 2px 0;margin-left:0}.timeline-cell-beat{background:var(--bg-hover);border-color:var(--text-dim);color:var(--text-muted)}.timeline-cell-beat:hover{background:#ffffff1a}.timeline-cell-current{box-shadow:inset 0 0 0 1.5px var(--accent)}.timeline-add-btn{height:var(--btn-height-sm);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-btn);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 8px}.timeline-add-btn:hover{color:var(--text-primary);background:#ffffff14}.timeline-auto-structure{align-items:center;gap:4px;display:flex}.timeline-auto-label{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;margin-right:2px}.timeline-auto-btn{height:var(--btn-height-sm);border-radius:var(--radius-xs);border:1px solid var(--accent-glow);background:var(--accent-a06);color:var(--accent-a60);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);white-space:nowrap;padding:0 8px}.timeline-auto-btn:hover{background:var(--accent-a15);border-color:var(--accent-a40);color:var(--accent-a90)}.timeline-player-bar{align-items:center;gap:var(--gap-md);border-top:1px solid var(--glass-border);padding:6px 12px;display:flex}.timeline-bar-indicator{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--text-secondary);margin-left:auto}.timeline-player{align-items:center;gap:var(--gap-lg);border-top:1px solid #ffffff0a;flex-wrap:wrap;margin-top:0;padding:8px 12px;display:flex}.timeline-play-btn{height:var(--btn-height-sm);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 10px}.timeline-play-btn:hover{color:var(--text-primary);background:#ffffff14}.timeline-play-btn-active{background:var(--accent-a15);border-color:var(--accent-a30);color:var(--accent)}.timeline-play-btn-active:hover{background:var(--accent-a25)}.timeline-loop-btn{height:var(--btn-height-sm);border-radius:var(--radius-xs);color:var(--text-muted);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 8px}.timeline-loop-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.timeline-loop-btn-active{background:var(--accent-a12);border-color:var(--accent-a25);color:var(--accent-a90)}.timeline-loop-btn-active:hover{background:var(--accent-a20)}.timeline-position{font-size:var(--font-value);font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums}.timeline-legend{gap:var(--gap-lg);margin-left:auto;display:flex}.legend-item{align-items:center;gap:var(--gap-xs);font-size:var(--font-label);font-family:var(--font-mono);color:var(--text-muted);display:flex}.legend-swatch{border-radius:2px;width:10px;height:10px}.timeline-bar-loop{background:var(--accent-a12);color:var(--accent-a70)!important}.timeline-cell-loop{box-shadow:inset 0 -2px 0 var(--accent-a30)}.timeline-bar-num{cursor:crosshair}.visualizer-screen{z-index:9000;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%, #7c3aed14 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #10b9810f 0%, transparent 50%), radial-gradient(ellipse at 60% 80%, var(--accent-a05) 0%, transparent 50%), radial-gradient(#ffffff06 1px, transparent 1px);background-size:auto,auto,auto,24px 24px;flex-direction:column;gap:10px;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.visualizer-header{flex-shrink:0;align-items:center;gap:12px;display:flex}.visualizer-title{font-size:var(--font-btn-sm);font-family:var(--font-mono);letter-spacing:.18em;text-transform:none;color:var(--text-muted)}.visualizer-bpm{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--accent-a60);letter-spacing:.1em;font-variant-numeric:tabular-nums}.visualizer-play-btn{width:28px;height:28px;color:var(--text-body);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;place-items:center;font-size:11px;transition:color .15s,background .15s,border-color .15s;display:grid}.visualizer-play-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.visualizer-play-btn-active{background:var(--accent-a18);border-color:var(--accent-a35);color:var(--accent)}.visualizer-play-btn-active:hover{background:var(--accent-a25)}.visualizer-close-btn{background:var(--bg-card);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:2px;place-items:center;margin-left:auto;font-size:14px;transition:color .15s,border-color .15s;display:grid}.visualizer-close-btn:hover{color:var(--text-primary);border-color:var(--text-dim)}.visualizer-source-card{background:var(--panel-bg);min-height:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #ffffff14;border-radius:8px;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.visualizer-source-header{align-items:center;gap:10px;display:flex}.visualizer-source-thumb{object-fit:cover;background:#ffffff0d;border-radius:4px;flex-shrink:0;width:60px;height:40px}.visualizer-source-title{font-size:13px;font-family:var(--font-ui);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.visualizer-source-canvas-wrap{flex:1;min-height:60px;position:relative}.visualizer-canvas{border-radius:4px;width:100%;height:100%;display:block}.visualizer-loading{color:var(--text-muted);font-size:var(--font-btn-sm);font-family:var(--font-mono);letter-spacing:.1em;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.visualizer-seq-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.visualizer-seq-row{align-items:center;gap:8px;display:flex}.visualizer-seq-label{font-size:var(--font-btn-sm);font-family:var(--font-mono);color:var(--accent-a70);letter-spacing:.08em;flex-shrink:0;width:14px}.visualizer-seq-grid{flex:1;gap:2px;display:flex;overflow:hidden}.visualizer-seq-cell{background:#ffffff0f;border-radius:3px;flex:1;min-width:4px;height:20px}.visualizer-seq-cell.on{opacity:.9}.visualizer-seq-cell.current{background:#ffffffa6!important}.visualizer-seq-cell.on.current{filter:brightness(2)}.piano-roll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.piano-roll-scale-bar{align-items:center;gap:var(--gap-md);border-bottom:1px solid var(--glass-border);padding:6px 12px;display:flex}.piano-roll-scale-label{font-size:var(--font-label);color:var(--text-muted);font-family:var(--font-mono)}.piano-roll-select{border-radius:var(--radius-xs);border:1px solid var(--glass-border);height:24px;color:var(--text-body);font-size:var(--font-btn-sm);font-family:var(--font-mono);cursor:pointer;background:#ffffff0d;padding:0 6px}.piano-roll-select:focus{border-color:var(--accent-glow);outline:none}.piano-roll-adsr{align-items:center;gap:var(--gap-md);border-bottom:1px solid var(--glass-border);flex-wrap:wrap;padding:6px 12px;display:flex}.adsr-control{align-items:center;gap:6px;display:flex}.adsr-label{font-size:var(--font-label);color:var(--text-muted);font-family:var(--font-mono);min-width:10px;font-weight:300}.adsr-slider{cursor:pointer;width:80px;height:28px;accent-color:var(--accent)}.adsr-value{font-size:var(--font-label);color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:32px}.piano-roll-grid-wrapper{flex:1;min-height:0;position:relative;overflow:auto}.piano-roll-playhead{z-index:1;top:18px;bottom:0;left:calc(40px + var(--piano-current-step) * 17px + 1px);background:color-mix(in srgb, var(--accent) 11%, transparent);pointer-events:none;border-radius:2px;width:15px;position:absolute}.piano-roll-playhead.is-idle{display:none}.piano-roll-header-row{z-index:2;background:var(--panel-bg);width:max-content;min-width:100%;position:sticky;top:0}.piano-roll-header-row .seq-step-num{flex:0 0 15px;width:15px;min-width:15px}.piano-roll-key-label{width:40px;min-width:40px;font-size:var(--font-label);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;z-index:2;flex-shrink:0;justify-content:flex-end;align-items:center;padding-right:4px;display:flex;position:sticky;left:0}.piano-roll-header-row .piano-roll-key-label{z-index:3;background:var(--panel-bg)}.piano-roll-key-white{border-right:2px solid var(--line);background:#ffffff0a}.piano-roll-key-black{background:#0000004d;border-right:2px solid #ffffff14}.piano-roll-key-c{border-right-color:var(--accent-glow)}.piano-roll-key-name{color:var(--text-muted)}.piano-roll-key-c .piano-roll-key-name{color:var(--accent);font-weight:300}.piano-roll-row{align-items:center;width:max-content;min-width:100%;height:14px;display:flex}.piano-roll-row-white{background:#ffffff04}.piano-roll-row-black{background:#0003}.piano-roll-row-c{border-bottom:1px solid var(--accent-a15)}.piano-roll-row-scale{background:var(--accent-a04)}.piano-roll-cell{box-sizing:border-box;cursor:pointer;border:.5px solid #ffffff0a;border-radius:2px;flex:0 0 15px;width:15px;min-width:15px;height:12px;margin:1px;transition:background 50ms}.piano-roll-cell:hover{background:#ffffff1a}.piano-roll-cell-black{background:#00000026}.piano-roll-cell-scale{background:var(--accent-a05)}.piano-roll-cell-on{opacity:.85;background:var(--accent)!important}.piano-roll-cell-on:hover{opacity:1}.piano-roll-cell.seq-bar-start{border-left:2px solid #fff3}.piano-roll-cell.seq-beat-start{border-left:1px solid #ffffff14}.track-nav{gap:2px;margin-top:12px;margin-bottom:0;animation:.4s ease-out 80ms both fadeInUp;display:flex}.track-strip{background:var(--bg-primary);border-bottom:1px solid var(--border);--accent:var(--track-color,var(--track-a));--accent-hover:color-mix(in srgb, var(--accent) 80%, white);--accent-glow:color-mix(in srgb, var(--accent) 30%, transparent);--accent-subtle:color-mix(in srgb, var(--accent) 10%, transparent);flex-shrink:0;align-items:stretch;padding:0 8px;display:flex;overflow:hidden}.panel-dots{--accent:var(--track-color,var(--track-a))}.track-strip .track-nav{scrollbar-width:none;flex:1;align-items:stretch;gap:0;min-width:0;margin-top:0;margin-bottom:0;animation:none;overflow:auto hidden}.track-strip .track-nav::-webkit-scrollbar{display:none}.track-nav-key-wrap{flex:1;min-width:0;display:flex;position:relative}.track-strip .track-nav-key-wrap .track-nav-tab{width:100%}.track-strip .track-nav-tab{min-width:0;height:36px;color:var(--text-muted);font-size:11px;font-weight:400;font-family:var(--font-ui);letter-spacing:.03em;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 12px;transition:color .15s,border-color .15s;display:flex}.track-strip .track-nav-tab:hover{color:var(--text-body);background:0 0}.track-strip .track-nav-tab-active{color:var(--text-primary);border-bottom-color:var(--accent);background:0 0}.track-strip .track-nav-tab-beatarc{letter-spacing:.03em;font-size:11px}.track-nav-tab{height:var(--btn-height-lg);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid var(--glass-border);color:var(--text-muted);font-size:11px;font-weight:400;font-family:var(--font-ui);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:#0000001a;border-bottom:none;align-items:center;gap:5px;padding:6px 12px;display:flex}.track-nav-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.track-nav-tab-active{background:var(--panel-bg);color:var(--text-primary);border-color:var(--text-dim)}.track-nav-label{align-items:center;gap:0;display:inline-flex}.track-nav-arrow{color:var(--text-muted);white-space:nowrap;font-size:10px}.track-nav-source{color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:10px;overflow:hidden}.track-nav-dot{background:var(--text-secondary);border-radius:50%;flex-shrink:0;width:5px;height:5px}.track-nav-tab-active .track-nav-dot{background:var(--accent)}.track-nav-level{font-family:var(--font-mono);color:var(--tab-color,var(--accent));opacity:.7;flex-shrink:0;font-size:11px;line-height:1}.track-nav-tab-active .track-nav-level{opacity:1}.track-nav-badge{font-size:var(--font-label);font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.03em;background:var(--bg-hover);border-radius:var(--radius-xs);padding:1px 4px}.track-nav-tab-active .track-nav-badge{color:var(--accent);background:var(--accent-subtle)}.track-nav-key-hint{z-index:360;border:1px solid color-mix(in srgb, var(--accent) 36%, var(--glass-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-primary) 92%, #ffffff14);width:min(260px,100vw - 32px);color:var(--text-secondary);font-family:var(--font-ui);padding:10px 34px 10px 12px;animation:.18s ease-out both keySyncTabHintIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 32px #00000052}.track-nav-key-hint:before{content:"";border-left:1px solid color-mix(in srgb, var(--accent) 36%, var(--glass-border));border-top:1px solid color-mix(in srgb, var(--accent) 36%, var(--glass-border));background:inherit;width:10px;height:10px;position:absolute;top:-6px;right:14px;transform:rotate(45deg)}.track-nav-key-hint__title,.track-nav-key-hint__text{display:block}.track-nav-key-hint__title{color:var(--text-primary);margin-bottom:2px;font-size:12px;font-weight:400}.track-nav-key-hint__text{color:var(--text-muted);font-size:11px;font-weight:300;line-height:1.45}.track-nav-key-hint__close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:7px;right:7px}.track-nav-key-hint__close:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes keySyncTabHintIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.track-header-bar{border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;flex-direction:row;align-items:center;gap:8px;margin-bottom:4px;padding:6px 0;display:flex}.track-header-bar-source{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.source-bar{background:var(--panel-bg);border:1px solid var(--glass-border);border-top:none;border-bottom:none;align-items:center;gap:6px;padding:6px 12px;display:flex}.source-bar-select{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--bg-hover);border-radius:var(--radius-xs);min-width:0;max-width:220px;color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);cursor:pointer;appearance:none;background:0 0;outline:none;flex:1;padding:4px 8px;overflow:hidden}.source-bar-select:focus{border-color:var(--accent-glow)}.source-bar-add-btn{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.source-bar-add-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.source-bar-use-btn{background:var(--accent-subtle);border:1px solid var(--accent);border-radius:var(--radius-xs);color:var(--accent);font-size:var(--font-label);font-family:var(--font-ui);letter-spacing:.03em;cursor:pointer;white-space:nowrap;padding:3px 8px;font-weight:300;transition:background .12s,border-color .12s}.source-bar-use-btn:hover{background:var(--accent-subtle);border-color:var(--accent-glow)}.source-bar-wave-btn{border-radius:var(--radius-xs);height:24px;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;display:flex}.source-bar-wave-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.source-bar-wave-btn-active{color:var(--accent);background:var(--accent-subtle)}.seq-toggle-bar{border-top:1px solid var(--glass-border);align-items:center;padding:4px 0 0;display:flex}.seq-toggle-btn{border-radius:var(--radius-xs);height:26px;color:var(--text-muted);font-size:11px;font-weight:300;font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:4px 12px}.seq-toggle-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.seq-toggle-btn-active{border-color:var(--accent-glow);color:var(--accent);background:var(--accent-subtle)}.sampler-empty-cta{border:1px dashed var(--border-hover);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-size:13px;font-family:var(--font-ui);letter-spacing:.03em;cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;min-height:80px;margin:12px 8px;font-weight:300;transition:color .15s,border-color .15s;display:flex}.sampler-empty-cta:hover{color:var(--text-primary);border-color:var(--accent)}.empty-track-hint{background:var(--panel-bg);border:1px solid var(--glass-border);color:var(--text-muted);font-size:12px;font-family:var(--font-mono);border-top:none;align-items:center;gap:12px;padding:12px;display:flex}.empty-track-hint-btn{border-radius:var(--radius-xs);color:var(--accent);font-size:11px;font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);white-space:nowrap;background:0 0;border:1px solid #0000;padding:4px 12px}.empty-track-hint-btn:hover{background:var(--accent-subtle);border-color:var(--accent-glow)}.empty-track-hint-btn-ghost{color:var(--text-muted)}.empty-track-hint-btn-ghost:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:#0000}.source-library-trigger{gap:7px;width:auto;min-width:0;max-width:100%;overflow:hidden}.source-library-trigger:focus-visible{outline:none}.source-library-trigger-icon{color:var(--accent);opacity:.9;flex:none;justify-content:center;align-items:center;display:inline-flex}.source-library-trigger-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.popover-trigger-label--placeholder{color:var(--text-muted)}.track-source-empty{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:clamp(280px,48vh,420px);margin:18px 12px 0;padding:clamp(44px,9vh,84px) 28px;display:flex}.track-source-empty--fill{flex:1;min-height:0;margin-top:0}.track-source-empty-visual{width:48px;height:48px;color:var(--accent);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.track-source-empty-copy{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:330px;display:flex}.track-source-empty-title{color:var(--text-primary);font-size:15px;font-family:var(--font-ui);letter-spacing:.03em;font-weight:400}.track-source-empty-desc{color:var(--text-muted);font-size:12px;font-family:var(--font-ui);font-weight:300;line-height:1.6}.track-source-empty-btn{border:1px solid var(--accent);border-radius:var(--radius-xs);background:var(--accent-subtle);min-height:40px;color:var(--accent);cursor:pointer;font-size:var(--font-btn);font-family:var(--font-ui);letter-spacing:.03em;padding:0 18px;font-weight:400;transition:background .15s,border-color .15s,color .15s,transform .15s}.track-source-empty-btn:hover,.track-source-empty-btn:focus-visible{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent-hover);color:var(--text-primary);outline:none;transform:translateY(-1px)}@media (width<=640px){.track-header-bar{flex-wrap:wrap}.track-header-bar-source{width:100%}.source-library-trigger{flex:0 auto;max-width:100%}}.track-meta-tag{border-radius:var(--radius-xs);background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.track-meta-analyze-btn{cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);color:var(--text-secondary)}.track-meta-analyze-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.track-meta-analyzing{opacity:.6}.track-meta-key-result{color:var(--text-secondary)}.track-meta-apply-btn{border-radius:var(--radius-xs);color:var(--accent);font-size:var(--font-label);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:1px 4px}.track-meta-apply-btn:hover{background:var(--accent-subtle);border-color:var(--accent-glow)}.track-nav-type-toggle{align-items:center;gap:0;margin-left:6px;display:inline-flex}.track-nav-type-sep{color:var(--text-dim);pointer-events:none;-webkit-user-select:none;user-select:none;padding:0 2px;font-size:10px}.track-nav-type-btn{height:16px;color:var(--text-dim);font-size:10px;font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:300;line-height:1;transition:color .1s}.track-nav-type-btn:hover{color:var(--text-secondary)}.track-nav-type-btn-active{color:var(--text-primary);font-weight:500}.sound-type-switcher{align-self:flex-start;gap:4px;margin:8px 8px 0;display:flex}.sound-type-btn{color:var(--text-muted);font-size:11px;font-family:var(--font-ui);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:6px 14px;font-weight:300;transition:color .12s,border-color .12s}.sound-type-btn:hover{color:var(--text-primary)}.sound-type-btn--active{color:var(--text-primary);border-bottom-color:var(--accent)}.synth-settings{grid-template-columns:1fr 1fr;gap:48px 56px;width:100%;padding:18px 8px 32px;display:grid}@media (width<=559px){.synth-settings{grid-template-columns:1fr;gap:40px 0}}.synth-block{flex-direction:column;gap:18px;min-width:0;display:flex}.synth-block-head{justify-content:space-between;align-items:center;min-height:22px;display:flex}.synth-block-title{font-size:12px;font-family:var(--font-mono);letter-spacing:.16em;color:var(--text-secondary);text-transform:lowercase;font-weight:300}.synth-osc-row{grid-template-columns:repeat(2,1fr);gap:8px;padding:4px 0 2px;display:grid}.synth-osc-wave-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-direction:column;align-items:center;gap:14px;padding:22px 8px 18px;transition:color .12s;display:flex;position:relative}.synth-osc-wave-btn svg{width:64px;height:32px}.synth-osc-wave-btn:hover{color:var(--text-primary)}.synth-osc-wave-btn.is-active{color:var(--accent)}.synth-osc-wave-btn.is-active:after{content:"";background:var(--accent);width:18px;height:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.synth-osc-wave-label{font-size:10px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:lowercase;font-weight:300}.synth-type-toggle{gap:2px;display:flex}.synth-type-btn{font-size:11px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:lowercase;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-weight:300;transition:color .12s;position:relative}.synth-type-btn:hover{color:var(--text-primary)}.synth-type-btn.is-active{color:var(--accent)}.synth-type-btn.is-active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:2px;left:8px;right:8px}.synth-curve-stage,.synth-env-stage{justify-content:center;align-items:center;padding:2px 0;display:flex}.synth-filter-curve,.synth-lfo-wave{width:100%;max-width:100%;height:auto;display:block}.adsr-graph{width:100%;height:100%;display:block}.synth-param-grid{flex-direction:column;gap:12px;padding-top:2px;display:flex}.synth-param-row{grid-template-columns:44px 1fr 52px;align-items:center;gap:12px;display:grid}.synth-param-row.is-disabled{opacity:.35;pointer-events:none}.synth-param-label{font-size:11px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:lowercase;color:var(--text-secondary);font-weight:300}.synth-param-value{font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-body);text-align:right;font-variant-numeric:tabular-nums;font-weight:300}.synth-param-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:0;outline:none;width:100%;height:1px}.synth-param-slider::-webkit-slider-runnable-track{background:var(--border);height:1px}.synth-param-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg-primary);border:1px solid var(--accent);cursor:grab;border-radius:50%;width:12px;height:12px;margin-top:-5.5px;transition:transform .1s}.synth-param-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.synth-param-slider::-webkit-slider-thumb:active{cursor:grabbing;background:var(--accent)}.synth-param-slider:disabled{cursor:not-allowed}.synth-keyboard{flex-direction:column;gap:16px;height:100%;padding:18px 20px 16px;display:flex}.synth-keyboard-info{justify-content:space-between;align-items:center;padding-bottom:4px;display:flex;position:relative}.synth-info-cluster{align-items:center;gap:20px;display:flex}.synth-info-btn{cursor:pointer;color:var(--text-body);background:0 0;border:none;align-items:baseline;gap:8px;padding:4px 0;transition:color .12s;display:flex;position:relative}.synth-info-btn:hover{color:var(--text-primary)}.synth-info-btn.is-open{color:var(--accent)}.synth-info-btn.is-open:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:0;left:0;right:0}.synth-info-label{font-size:10px;font-family:var(--font-mono);letter-spacing:.18em;text-transform:lowercase;color:var(--text-secondary);font-weight:300}.synth-info-btn.is-open .synth-info-label{color:var(--accent);opacity:.7}.synth-info-value{font-size:15px;font-family:var(--font-mono);letter-spacing:.02em;color:inherit;font-variant-numeric:tabular-nums;font-weight:300}.synth-info-octave{font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-secondary);text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-weight:300}.synth-octave-btn{color:var(--text-muted);font-size:16px;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:0 8px;font-weight:300;line-height:1;transition:color .12s}.synth-octave-btn:hover:not(:disabled){color:var(--accent)}.synth-octave-btn:disabled{opacity:.25;cursor:not-allowed}.synth-popover{z-index:50;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:20px;animation:.14s ease-out synth-pop-in;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 12px 40px #00000080}@keyframes synth-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.synth-key-wheel{display:block}.synth-scale-list{flex-direction:column;gap:2px;min-width:140px;margin:0;padding:0;list-style:none;display:flex}.synth-scale-list li{display:block}.synth-scale-option{text-align:left;width:100%;font-size:12px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-body);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:8px 12px;font-weight:300;transition:color .1s,background .1s;display:block}.synth-scale-option:hover{color:var(--text-primary);background:#ffffff08}.synth-scale-option.is-active{color:var(--accent);background:var(--accent-subtle)}.synth-keyboard-keys{flex:1;align-items:stretch;gap:2px;display:flex;overflow:hidden}.synth-key{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;border:none;border-radius:3px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:6px;transition:filter 50ms;display:flex;position:relative}.synth-key:active{filter:brightness(1.4)}.synth-key-white{background:var(--synth-key-white);min-height:160px}.synth-key-black{background:var(--synth-key-black);border-radius:0 0 2px 2px;flex:.65;align-self:flex-start;min-height:100px}.synth-key-in-scale.synth-key-white{background:color-mix(in srgb, var(--accent) 22%, var(--synth-key-white))}.synth-key-in-scale.synth-key-black{background:color-mix(in srgb, var(--accent) 38%, var(--synth-key-black))}.synth-key-root{box-shadow:inset 0 0 0 1.5px var(--accent)}.synth-key-root:before{content:"";background:var(--accent);pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.synth-key-label{font-size:var(--font-label);font-family:var(--font-mono);color:#0006;pointer-events:none;letter-spacing:.04em}@keyframes share-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes share-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes share-modal-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes share-modal-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.94)translateY(8px)}}@media (prefers-reduced-motion:reduce){@keyframes share-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes share-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes share-modal-in{0%{opacity:0}to{opacity:1}}@keyframes share-modal-out{0%{opacity:1}to{opacity:0}}}.share-overlay{z-index:400;-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;animation:.15s ease-out share-overlay-in;display:flex;position:fixed;inset:0}.share-overlay.closing{animation:.15s ease-in forwards share-overlay-out}.share-modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);width:min(380px,100vw - 32px);animation:.18s ease-out share-modal-in;box-shadow:0 24px 64px #00000073}.share-modal.closing{animation:.15s ease-in forwards share-modal-out}.share-modal__header{justify-content:space-between;align-items:center;min-height:44px;padding:0 4px 0 16px;display:flex}.share-modal__title{letter-spacing:.06em;color:var(--text-secondary);font-size:12px;font-weight:300}.share-modal__close{min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.share-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.share-modal__body{padding:20px 16px 16px}.share-state{flex-direction:column;gap:12px;display:flex}.share-state--centered,.share-state--centered p{text-align:center}.share-value-flow{justify-content:center;align-items:center;gap:8px;padding:8px 0 4px;display:flex}.share-value-step{flex-direction:column;align-items:center;gap:6px;display:flex}.share-value-icon{background:var(--bg-hover);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex}.share-value-icon--accent{background:var(--accent-subtle,#5ec4b61f);border-color:var(--accent-a30,#5ec4b64d);color:var(--accent)}.share-value-label{letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:300}.share-value-arrow{color:var(--text-muted,var(--text-secondary));opacity:.4;flex-shrink:0;margin-bottom:16px}.share-value-headline{color:var(--text-primary);margin:0;font-size:14px;font-weight:400;line-height:1.4}.share-modal__desc{color:var(--text-body);margin:0;font-size:13px;line-height:1.5}.share-modal__hint{color:var(--text-secondary);margin:-4px 0 0;font-size:12px;line-height:1.4}.share-modal__hint a{color:var(--accent);opacity:.8;text-decoration:none}.share-modal__hint a:hover{opacity:1;text-decoration:underline}.share-modal__error{color:var(--error,#e06c75);margin:0;font-size:12px;line-height:1.4}.share-btn{border-radius:var(--radius-sm);min-height:44px;font-size:13px;font-family:var(--font-ui);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;text-decoration:none;transition:opacity .15s,background .15s;display:flex}.share-btn:disabled{opacity:.55;cursor:not-allowed}.share-btn--publish{background:var(--accent);color:#1f2028;width:100%}.share-btn--publish:hover:not(:disabled){opacity:.88}.share-btn--google{background:var(--bg-hover);color:var(--text-body);border:1px solid var(--border);width:100%}.share-btn--google:hover{background:var(--bg-hover)}.share-btn--x{color:var(--text-body);border:1px solid var(--border);background:0 0;width:100%}.share-btn--x:hover{background:var(--bg-hover)}.post-export-modal .share-modal__body{padding-top:12px}.post-export-icon{align-self:center}.post-export-actions{flex-direction:column;gap:10px;width:100%;display:flex}.post-export-later{align-self:center;min-height:32px;padding:0 8px}.post-export-feedback{align-self:center;align-items:center;gap:6px;min-height:32px;padding:0 8px;display:inline-flex}.post-export-follow{border-top:1px solid var(--border);color:var(--text-secondary);text-align:center;flex-direction:column;gap:3px;margin-top:2px;padding:12px 4px 2px;text-decoration:none;display:flex}.post-export-follow span:first-child{color:var(--accent);font-size:12px}.post-export-follow span:last-child{font-size:11px;line-height:1.35}.post-export-follow:hover{color:var(--text-primary)}.export-download-overlay,.post-export-actions-overlay{animation:.15s ease-out source-overlay-in}.export-download-modal,.post-export-actions-modal{width:420px;max-width:calc(100vw - 32px);animation:.2s ease-out source-modal-in}.export-download-modal{text-align:center}.export-download-title,.post-export-actions-title{margin-right:24px}.export-download-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-a30);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.export-download-headline,.post-export-actions-headline{color:var(--text-primary);font-size:14px;font-family:var(--font-ui);letter-spacing:.02em;margin:0 0 8px;font-weight:400;line-height:1.45}.export-download-desc,.post-export-actions-desc{color:var(--text-secondary);font-size:12px;font-family:var(--font-ui);letter-spacing:.02em;margin:0;font-weight:300;line-height:1.55}.export-download-note{color:var(--text-muted);font-size:11px;font-family:var(--font-ui);margin:10px 0 0;font-weight:300;line-height:1.5}.export-download-meta{border:1px solid var(--glass-border);border-radius:var(--radius-sm);text-align:left;background:#00000024;flex-direction:column;gap:6px;margin:18px 0;padding:12px;display:flex}.export-download-meta-row{min-width:0;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.export-download-meta-row strong{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.export-download-ok{justify-content:center;width:100%}@keyframes exportMarkSettle{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.export-download-icon,.export-download-headline{animation:exportMarkSettle .62s var(--ease-release) both}@media (prefers-reduced-motion:reduce){.export-download-icon,.export-download-headline{animation:none}}.post-export-actions-file{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin:10px 0 0;line-height:1.4}.post-export-actions-file strong{color:var(--text-secondary);overflow-wrap:anywhere;font-weight:400}.post-export-actions-list{flex-direction:column;gap:8px;margin-top:18px;display:flex}.post-export-actions-list .share-btn,.post-export-actions-list .share-update-btn{justify-content:center;width:100%}.post-export-actions-hint{color:var(--text-muted);font-size:11px;font-family:var(--font-ui);letter-spacing:.02em;margin:-4px 0 4px;font-weight:300;line-height:1.45}@media (width<=640px){.export-download-modal,.post-export-actions-modal{width:calc(100vw - 24px);padding:20px 16px 16px}.export-download-meta-row{flex-direction:column;align-items:flex-start;gap:4px}}.feedback-modal .share-modal__body{padding-top:4px}.feedback-form{flex-direction:column;gap:10px;display:flex}.feedback-textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:120px;color:var(--text-body);resize:vertical;box-sizing:border-box;letter-spacing:.02em;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}.feedback-textarea:focus{border-color:var(--accent)}.feedback-email{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:40px;color:var(--text-body);box-sizing:border-box;outline:none;padding:0 12px;font-family:inherit;font-size:12px}.feedback-email:focus{border-color:var(--accent)}.feedback-reaction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.feedback-reaction-button{border-radius:var(--radius-sm);background:var(--bg-hover);min-height:44px;color:var(--text-body);cursor:pointer;font-family:var(--font-ui);text-align:left;border:1px solid #0000;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:300;line-height:1.25;display:inline-flex}.feedback-reaction-button:hover{background:var(--bg-card);color:var(--text-primary)}.feedback-reaction-button.is-active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.feedback-reaction-button[data-feeling=bug].is-active{border-color:var(--error);color:#e27b7b;background:#cc44441a}.feedback-reaction-button[data-feeling=confusing].is-active{color:#d3a86b;background:#d3a86b1a;border-color:#d3a86b}.feedback-reaction-button__emoji{text-align:center;width:18px;font-size:15px;line-height:1}.feedback-section-label{color:var(--text-body);letter-spacing:.03em;margin:0;font-size:10px;font-weight:300}.feedback-section-label span{color:var(--text-muted)}.feedback-section-divider{background:var(--border);height:1px;margin:2px 0}.feedback-detail-hint{color:var(--text-muted);margin:-3px 0 0;font-size:11px;font-weight:300;line-height:1.45}.feedback-category-select{color:var(--text-body);letter-spacing:.03em;gap:6px;font-size:10px;font-weight:300;display:grid}.feedback-category-select em{color:var(--text-muted);font-style:normal}.feedback-category-select select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-body);background:var(--bg-input,var(--bg-surface));letter-spacing:.02em;outline:none;padding:0 10px;font-family:inherit;font-size:12px;font-weight:300}.feedback-category-select select:focus{border-color:var(--accent)}.feedback-divider{color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:10px;margin:4px 0;font-size:11px;display:flex}.feedback-divider:before,.feedback-divider:after{content:"";background:var(--border);flex:1;height:1px}.feedback-thanks{flex-direction:column;gap:14px;padding:8px 0;display:flex}.topbar-liner-notes-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex;position:relative}.topbar-liner-notes-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-liner-notes-btn.has-unread:after{content:"";background:var(--accent);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.topbar-help-btn{border-radius:var(--radius-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:300;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.topbar-help-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-help-btn.is-active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.topbar-help-btn__compact{display:none}.topbar-identity{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.topbar-signin-btn,.topbar-cards-btn{border-radius:var(--radius-sm);height:32px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:300;transition:background .15s,color .15s;display:inline-flex}.topbar-signin-btn:hover,.topbar-cards-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-avatar-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.topbar-avatar-btn img,.topbar-avatar-btn span{border:1px solid var(--border);background:var(--bg-card);width:24px;height:24px;color:var(--text-body);object-fit:cover;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:400;display:inline-flex}.topbar-avatar-btn:hover img,.topbar-avatar-btn:hover span{border-color:var(--border-hover);color:var(--text-primary)}.topbar-identity-popover{z-index:120;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg-overlay);min-width:184px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.topbar-identity-popover button{border-radius:var(--radius-sm);min-height:32px;color:var(--text-body);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;text-align:left;background:0 0;border:0;padding:0 8px;font-size:12px;font-weight:300}.topbar-identity-popover button:hover,.topbar-identity-popover button:focus-visible{background:var(--bg-hover);color:var(--text-primary)}@media (width<=768px){.topbar-help-btn{height:32px;padding:0 9px;font-size:11px}.topbar-help-btn__label{display:none}.topbar-help-btn__compact{display:inline}.topbar-signin-btn,.topbar-cards-btn{height:32px;padding:0 8px;font-size:11px}.feedback-modal{flex-direction:column;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);display:flex}.feedback-modal .share-modal__header{min-height:38px;padding:0 2px 0 12px}.feedback-modal .share-modal__close{min-width:38px;min-height:38px}.feedback-modal .share-modal__body{-webkit-overflow-scrolling:touch;padding:4px 12px 12px;overflow-y:auto}.feedback-form{gap:7px}.feedback-form .share-modal__desc{font-size:12px;line-height:1.35;margin-bottom:2px!important}.feedback-reaction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.feedback-reaction-button{min-height:44px;padding:0 8px;font-size:11px}.feedback-textarea{min-height:88px;padding:9px 10px;font-size:12px}.feedback-email{height:36px;padding:0 10px;font-size:12px}.feedback-modal .share-btn{min-height:40px;font-size:12px}.feedback-divider{margin:0}}.post-activation-card{z-index:320;border:1px solid var(--border);border-radius:var(--radius);width:min(340px,100vw - 32px);max-height:calc(100dvh - 110px);color:var(--text-body);-webkit-backdrop-filter:blur(10px);background:#23242df5;position:fixed;bottom:86px;right:18px;overflow-y:auto;box-shadow:0 18px 48px #00000061}.post-activation-card__body{padding:16px}.post-activation-card__hero{aspect-ratio:2;border-radius:var(--radius-md) var(--radius-md) 0 0;background:#191a21;width:100%;display:block;overflow:hidden}.post-activation-card__hero img{object-fit:cover;width:100%;height:100%;display:block}.post-activation-card__close{z-index:1;border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.post-activation-card__close:hover{background:var(--bg-hover);color:var(--text-primary)}.has-hero .post-activation-card__close{color:#ffffffeb;background:#0f101461}.has-hero .post-activation-card__close:hover{color:#fff;background:#0f101494}.post-activation-card__title{color:var(--text-primary);margin:0 34px 6px 0;font-size:14px;font-weight:400;line-height:1.35}.post-activation-card__desc{color:var(--text-secondary);margin:0 18px 12px 0;font-size:12px;line-height:1.45}.post-activation-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.post-activation-card__option,.post-activation-card__choice,.post-activation-card__primary,.post-activation-card__secondary,.post-activation-card__ghost{border-radius:var(--radius-sm);min-height:40px;font-family:var(--font-ui);cursor:pointer;font-size:12px}.post-activation-card__option,.post-activation-card__choice,.post-activation-card__secondary,.post-activation-card__ghost{border:1px solid var(--border);background:var(--bg-hover);color:var(--text-body)}.post-activation-card__option{justify-content:flex-start;align-items:center;gap:7px;padding:0 10px;display:flex}.post-activation-card__choice{text-align:left;width:100%;padding:0 12px}.post-activation-card__primary{background:var(--accent);color:#1f2028;border:0;width:100%;font-weight:500}.post-activation-card__secondary,.post-activation-card__ghost{width:100%}.post-activation-card__ghost{min-height:34px;color:var(--text-secondary);background:0 0}.post-activation-card__option:hover,.post-activation-card__choice:hover,.post-activation-card__secondary:hover,.post-activation-card__ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.post-activation-card__primary:hover{opacity:.88}.post-activation-card__stack,.post-activation-card__actions{flex-direction:column;gap:8px;display:flex}@media (width<=768px){.post-activation-card{width:auto;bottom:72px;left:16px;right:16px}}.context-help-overlay{z-index:760;background:#00000061;justify-content:flex-end;display:flex;position:fixed;inset:0}.context-help-panel{width:min(360px,100vw - 24px);height:100%;color:var(--text-body);background:var(--panel-bg-overlay);border-left:1px solid var(--border);-webkit-backdrop-filter:var(--glass-blur-strong);padding:14px;animation:.2s ease-out both slideInRight;overflow-y:auto;box-shadow:0 24px 64px #00000073}.context-help-header{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.context-help-title{color:var(--text-primary);font-family:var(--font-ui);font-size:14px;font-weight:400;line-height:1.35}.context-help-close,.context-help-back{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;background:0 0;border:0;justify-content:center;align-items:center;font-size:12px;font-weight:300;display:inline-flex}.context-help-close:hover,.context-help-back:hover{background:var(--bg-hover);color:var(--text-primary)}.context-help-status{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;flex-direction:column;gap:4px;margin:2px 0 14px;padding:2px 0 12px;display:flex}.context-help-status__meta{align-items:center;gap:6px;min-height:16px;display:inline-flex}.context-help-status__dot{background:var(--accent);opacity:.8;border-radius:999px;width:4px;height:4px}.context-help-status__label{color:var(--text-secondary);letter-spacing:.05em;font-size:10px;font-weight:400;line-height:1.2}.context-help-status--compact{margin-bottom:12px;padding-bottom:10px}.context-help-status--compact .context-help-next{display:none}.context-help-state,.context-help-next{font-family:var(--font-ui);letter-spacing:.03em;margin:0}.context-help-state{color:var(--text-primary);font-size:13px;font-weight:400;line-height:1.35}.context-help-next{color:var(--text-secondary);font-size:11px;font-weight:300;line-height:1.45}.context-help-video-banner{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 8%, var(--bg-hover));width:100%;color:var(--text-body);align-items:center;gap:10px;margin:0 0 14px;padding:11px 12px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.context-help-video-banner:hover,.context-help-video-banner:focus-visible{background:color-mix(in srgb, var(--accent) 14%, var(--bg-hover));border-color:var(--accent)}.context-help-video-banner__copy{flex-direction:column;gap:1px;min-width:0;display:flex}.context-help-video-banner__title{color:var(--text-primary);font-size:13px;font-weight:600}.context-help-video-banner__desc{color:var(--text-secondary);font-size:11.5px}.context-help-section-label{color:var(--text-secondary);letter-spacing:.03em;margin:0 0 7px;font-size:10px;font-weight:600}.context-help-list{flex-direction:column;gap:6px;display:flex}.context-help-actions{flex-direction:column;gap:8px;display:flex}.context-help-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-hover);width:100%;min-height:46px;color:var(--text-body);cursor:pointer;font-family:var(--font-ui);text-align:left;align-items:center;gap:8px;padding:8px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.context-help-item--primary{border-color:color-mix(in srgb, var(--accent) 32%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--bg-hover))}.context-help-item:hover,.context-help-item:focus-visible{background:var(--accent-subtle);border-color:var(--border-hover);color:var(--text-primary)}.context-help-item__emoji,.context-help-item__icon{color:var(--accent);flex:0 0 22px;justify-content:center;align-items:center;display:inline-flex}.context-help-item__emoji{font-size:17px;line-height:1}.context-help-item__icon svg{display:block}.context-help-item__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.context-help-item__title{color:var(--text-primary);font-size:12px;font-weight:400;line-height:1.25}.context-help-item__desc{color:var(--text-secondary);font-size:11px;font-weight:300;line-height:1.35}.context-help-item__chevron{color:var(--text-muted);opacity:.65;margin-left:auto;font-size:18px;line-height:1}.context-help-item:hover .context-help-item__chevron,.context-help-item:focus-visible .context-help-item__chevron,.context-help-tool-card:hover .context-help-item__chevron,.context-help-tool-card:focus-visible .context-help-item__chevron,.context-help-browse:hover .context-help-item__chevron,.context-help-browse:focus-visible .context-help-item__chevron,.context-help-library-row:hover .context-help-item__chevron,.context-help-library-row:focus-visible .context-help-item__chevron{color:var(--accent);opacity:1}.context-help-detail{flex-direction:column;gap:12px;display:flex}.context-help-detail__header{flex-direction:column;gap:8px;display:flex}.context-help-detail h2{color:var(--text-primary);margin:0;font-size:14px;font-weight:400;line-height:1.35}.context-help-back{min-width:0;min-height:32px;color:var(--text-secondary);background:0 0;border:0;align-self:flex-start;padding:0 2px}.context-help-back:hover,.context-help-back:focus-visible{color:var(--accent);background:0 0}.context-help-detail-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:12px;box-shadow:inset 0 1px #ffffff05}.context-help-detail-card p{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:12px;font-weight:300;line-height:1.6}.context-help-tools{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.context-help-section-label--tools{color:var(--accent)}.context-help-tool-list{grid-template-columns:1fr;gap:8px;display:grid}.context-help-tool-card{border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 5%, transparent);width:100%;min-height:44px;color:var(--text-body);cursor:pointer;font-family:var(--font-ui);text-align:left;align-items:center;gap:10px;padding:8px 9px;transition:background .15s,color .15s,border-color .15s;display:flex}.context-help-tool-card:hover,.context-help-tool-card:focus-visible{background:color-mix(in srgb, var(--accent) 9%, transparent);border-color:color-mix(in srgb, var(--accent) 34%, var(--border));color:var(--text-primary)}.context-help-tool-card__copy{flex-direction:column;gap:3px;min-width:0;display:flex}.context-help-tool-card__title{color:var(--text-primary);font-size:12px;font-weight:400;line-height:1.25}.context-help-tool-card__desc{color:var(--text-secondary);font-size:11px;font-weight:300;line-height:1.35}.context-help-browse{border:0;border-top:1px solid var(--border);width:100%;min-height:38px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:0 2px;font-size:12px;font-weight:300;display:flex}.context-help-browse:hover,.context-help-browse:focus-visible{color:var(--accent)}.context-help-library{flex-direction:column;gap:14px;display:flex}.context-help-library-groups{flex-direction:column;gap:16px;display:flex}.context-help-library-group{flex-direction:column;gap:7px;display:flex}.context-help-library-list{flex-direction:column;gap:6px;display:flex}.context-help-library-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:40px;color:var(--text-body);cursor:pointer;font-family:var(--font-ui);text-align:left;background:0 0;align-items:center;gap:10px;padding:6px 0;display:flex}.context-help-library-row.context-help-item--link{text-decoration:none}.context-help-library-row:hover,.context-help-library-row:focus-visible{color:var(--text-primary)}.context-help-library-row__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.context-help-library-row__title{color:var(--text-primary);font-size:12px;font-weight:400;line-height:1.3}.context-help-library-row__desc{color:var(--text-secondary);font-size:11px;font-weight:300;line-height:1.35}.context-help-action{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-hover);width:100%;min-height:40px;color:var(--text-body);cursor:pointer;font-family:var(--font-ui);text-align:center;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:300;text-decoration:none;display:inline-flex}.context-help-action:hover,.context-help-action:focus-visible{background:var(--accent-subtle);color:var(--text-primary)}.context-help-action--primary{background:var(--accent);color:var(--bg-primary);border-color:#0000;font-weight:500}.context-help-action--primary:hover,.context-help-action--primary:focus-visible{background:var(--accent-hover);color:var(--bg-primary)}.context-help-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;display:flex}.context-help-footer__text{color:var(--text-secondary);letter-spacing:.03em;margin:0;font-size:11px;font-weight:300}.context-help-footer__button{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text-body);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;background:0 0;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:300;display:inline-flex}.context-help-footer__button:hover,.context-help-footer__button:focus-visible{background:var(--bg-hover);color:var(--text-primary)}@keyframes contextHelpSheetIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.context-help-overlay{padding-top:0;padding-bottom:env(safe-area-inset-bottom,0);background:#00000059;justify-content:center;align-items:flex-end}.context-help-panel{width:100%;height:min(72dvh, calc(100dvh - env(safe-area-inset-top,0) - var(--transport-bar-height,0px) - 72px));border-left:0;border-top:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;animation:.18s ease-out both contextHelpSheetIn;box-shadow:0 18px 48px #00000061}}.share-url-row{gap:6px;display:flex}.share-url-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--text-body);font-size:12px;font-family:var(--font-mono);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;outline:none;flex:1;padding:0 10px;overflow:hidden}.share-url-input:focus{border-color:var(--accent)}.share-copy-btn{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.share-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.share-copy-btn.is-copied{border-color:var(--accent);color:var(--accent)}.share-footer{flex-direction:column;gap:10px;padding-top:4px;display:flex}.share-footer__actions{align-items:center;gap:10px;display:flex}.share-update-btn{font-size:12px;font-family:var(--font-ui);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;min-height:32px;padding:0;transition:color .15s}.share-update-btn:hover:not(:disabled){color:var(--accent)}.share-update-btn:disabled{opacity:.5;cursor:not-allowed}.share-meta-fields{flex-direction:column;gap:8px;margin:4px 0 12px;display:flex}.card-preview{transform-origin:50%;width:100%;max-width:260px;margin:0 auto 2px}.card-preview .bcs-shell{width:100%}.card-preview .bcs-tape{padding-bottom:20px}.card-preview .bcs-lttl{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:15px;overflow:hidden}.card-preview .bcs-lbpm b{font-size:24px}.card-preview .bcs-lbpm i{display:none}.card-preview .bcs-win canvas{height:34px}.card-preview .bcs-vinyl canvas{height:150px}.card-preview .bcs-dotmatrix canvas{height:140px}.card-preview__author{color:var(--text-secondary);align-items:center;gap:6px;margin-top:7px;font-size:10px;font-weight:300;line-height:1.2;display:inline-flex}.card-preview__avatar{border:1px solid var(--border);background:var(--bg-primary);width:18px;height:18px;color:var(--accent);border-radius:50%;place-items:center;font-size:9px;display:grid;overflow:hidden}.card-preview__avatar img{object-fit:cover;width:100%;height:100%}.card-preview>.card-preview__author{margin-left:8px}.card-preview.is-celebrating{animation:.52s cubic-bezier(.34,1.3,.64,1) both cardPreviewSettle}@keyframes cardPreviewSettle{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card-preview.is-celebrating{animation:none}}.share-skin-picker{align-items:center;gap:8px;display:flex}.share-skin-picker__label{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;flex-shrink:0}.share-skin-picker__options{flex:1;gap:6px;display:flex}.share-skin-option{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);background:0 0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-family:inherit;font-size:10px;transition:color .12s ease-out,border-color .12s ease-out;display:flex}.share-skin-option.is-active{border-color:var(--accent);color:var(--accent)}.share-theme-picker{align-items:center;gap:8px;display:flex}.share-theme-picker__label{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;flex-shrink:0}.share-theme-picker__options{flex:1;gap:6px;display:flex}.share-theme-option{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);background:0 0;flex:1;padding:6px 4px;font-family:inherit;font-size:10px;transition:color .12s ease-out,border-color .12s ease-out}.share-theme-option.is-active{border-color:var(--accent);color:var(--accent)}.beat-cards-panel{flex-direction:column;width:min(420px,100vw - 32px);max-height:min(640px,100vh - 64px);display:flex}.beat-cards-panel__body{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex;overflow-y:auto}.beat-cards-panel__section{flex-direction:column;gap:10px;display:flex}.beat-cards-panel__section-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.beat-cards-panel__section-title{color:var(--text-primary);letter-spacing:.02em;font-size:12px;font-weight:500}.beat-cards-panel__quota{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);flex-shrink:0}.beat-cards-panel__empty-state{flex-direction:column;align-items:stretch;gap:12px;padding:16px 0 4px;display:flex}.beat-cards-panel__empty{color:var(--text-secondary);text-align:center;margin:0;padding:0;font-size:12px;line-height:1.5}.beat-cards-panel__empty-action{min-height:36px}.beat-card-list{flex-direction:column;gap:6px;display:flex}.beat-card-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;color:var(--text-primary);font-family:var(--font-ui);text-align:left;cursor:pointer;padding:0;overflow:hidden}.beat-card-row__main{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:6px 6px 6px 10px;display:flex}.beat-card-row__thumb{color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.beat-card-row__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.beat-card-row__title-row{align-items:center;gap:6px;min-width:0;display:flex}.beat-card-row__title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.beat-card-row__badge{text-transform:none;flex-shrink:0}.beat-card-row.is-current{border-color:var(--accent-a30,#5ec4b64d)}.beat-card-row__meta{align-items:center;gap:6px;display:flex}.beat-card-row__date,.beat-card-row__plays{font-size:10px;font-family:var(--font-mono);color:var(--text-muted,var(--text-secondary));opacity:.7}.beat-card-row__plays-delta,.beat-card-row__expires{font-size:10px;font-family:var(--font-mono);color:var(--accent);opacity:.85}.beat-card-row__expires{color:var(--text-muted,var(--text-secondary))}.beat-card-row__expires.is-soon{color:var(--warning,#d6a85c)}.beat-card-row__action{min-width:40px;min-height:40px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.beat-card-row__action:hover{background:var(--bg-hover);color:var(--text-primary)}.beat-card-row__action:disabled{opacity:.5;cursor:not-allowed}.beat-card-row__delete-confirm{background:var(--error,#e06c75);color:#1f2028}.beat-card-row__delete-confirm:hover:not(:disabled){opacity:.88}.beat-cards-profile{flex-direction:column;gap:12px;display:flex}.beat-cards-profile__avatar-row{align-items:center;gap:10px;display:flex}.beat-cards-profile__avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;padding:0;position:relative}.beat-cards-profile__avatar-btn:disabled{cursor:default}.beat-cards-profile__avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:36px;height:36px}.beat-cards-profile__avatar--placeholder{background:var(--bg-hover)}.beat-cards-profile__avatar-overlay{background:#1f202899;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.beat-cards-profile__avatar-input{display:none}.beat-cards-profile__links{flex-direction:column;gap:6px;display:flex}.beat-cards-profile__link-row{gap:6px;display:flex}.beat-cards-profile__link-row .share-url-input{cursor:text}.beat-cards-profile__add-link{align-self:flex-start;width:auto;min-height:32px;padding:0 12px}.beat-cards-panel__drilldown{flex-direction:column;gap:14px;display:flex}.beat-cards-panel__back{border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;background:0 0;border:0;align-self:flex-start;align-items:center;padding:0 4px;font-size:12px;font-weight:300;display:inline-flex}.beat-cards-panel__back:hover{background:var(--bg-hover);color:var(--text-primary)}.beat-cards-panel__summary{color:var(--text-secondary);font-family:var(--font-mono);margin:-2px 0 0;font-size:10px;font-weight:300}.beat-cards-panel__summary span{color:var(--accent);margin-left:5px}.beat-cards-panel__about-link{color:var(--text-secondary);text-underline-offset:3px;align-self:flex-start;font-size:11px;font-weight:300;text-decoration:underline}.beat-cards-panel__detail,.beat-cards-panel__detail-workspace{flex-direction:column;gap:16px;display:flex}.beat-cards-panel__detail-preview-column,.beat-cards-panel__detail-controls{min-width:0}.beat-cards-panel__detail-controls{flex-direction:column;display:flex}.beat-cards-panel__detail-header{justify-content:center;margin-top:-6px;display:flex}.beat-cards-panel__detail-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);flex-direction:column;align-items:center;gap:8px;padding:16px 12px 12px;display:flex}.beat-cards-panel__detail-preview.is-light{background:#f0f2f5}.beat-cards-panel__detail-preview .card-preview{max-width:min(100%,336px)}.beat-cards-panel__detail-preview .card-preview .bcs-lttl{max-width:180px;font-size:18px}.beat-cards-panel__detail-preview .card-preview .bcs-lbpm b{font-size:28px}.beat-cards-panel__detail-preview .card-preview .bcs-win canvas{height:40px}.beat-cards-panel__detail-preview .card-preview .bcs-vinyl canvas{height:180px}.beat-cards-panel__detail-preview .card-preview .bcs-dotmatrix canvas{height:168px}.beat-cards-panel__detail-plays{color:var(--text-secondary);font-family:var(--font-mono);gap:5px;margin:0;font-size:10px;font-weight:300;display:flex}.beat-cards-panel__detail-plays strong{color:var(--text-primary);font-size:13px;font-weight:400}.beat-cards-panel__detail-plays span{color:var(--accent)}.beat-cards-panel__detail-section,.beat-cards-panel__quiet-block{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:16px 0;display:flex}.beat-cards-panel__detail-section--settings{padding-top:2px}.beat-cards-panel__detail-label{color:var(--text-primary);margin:0;font-size:12px;font-weight:600}.beat-cards-panel__detail-dirty{color:var(--accent);font-family:var(--font-mono);font-size:9px}.beat-cards-panel__field-label{color:var(--text-secondary);margin-bottom:-5px;font-size:10px;font-weight:300}.beat-cards-panel__detail-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.beat-cards-panel__detail-actions .share-btn{min-width:0;min-height:44px;padding:0 6px;font-size:10px}.beat-cards-panel__quiet-block p{color:var(--text-secondary);margin:4px 0 0;font-size:11px;font-weight:300;line-height:1.45}.beat-cards-panel__quiet-block--split{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.beat-cards-panel__quiet-block--split .share-btn{width:auto;min-width:98px}.beat-cards-panel__quiet-block--danger{align-items:flex-start}.beat-cards-panel__delete-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.beat-cards-panel__detail-expires{color:var(--text-muted,var(--text-secondary));font-family:var(--font-mono);text-align:center;margin:0;font-size:10px;font-weight:300}.beat-cards-panel__detail-expires.is-soon{color:var(--text-primary)}@media (width>=769px){.beat-cards-panel{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.beat-cards-panel__body{padding:20px 24px 24px}.beat-cards-panel__detail-workspace{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.beat-cards-panel__detail-preview-column{position:sticky;top:0}.beat-cards-panel__detail-preview{min-height:100%;padding:24px}.beat-cards-panel__detail-preview .card-preview{max-width:min(100%,520px)}}@media (width<=768px){.beat-cards-panel{border:0;border-radius:0;width:100%;max-height:none;animation:.18s ease-out both share-modal-in;position:fixed;inset:0}.beat-cards-panel.closing{animation:.15s ease-in both share-modal-out}}.beat-cards-panel-overlay{z-index:600}.beat-cards-panel-overlay+.confirm-overlay{z-index:610}@keyframes beat-card-view-enter{0%{opacity:0}to{opacity:1}}@keyframes beat-card-preview-swap{0%{opacity:0}to{opacity:1}}.beat-cards-panel__manager-header{flex-shrink:0;min-height:56px;padding:0 8px 0 18px}.beat-cards-panel__manager-actions{align-items:center;gap:2px;display:flex}.beat-cards-panel__header-action{border-radius:var(--radius);min-height:44px;color:var(--text-body);cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:11px;font-weight:300;transition:background-color .15s ease-out,color .15s ease-out}.beat-cards-panel__header-action:hover:not(:disabled),.beat-cards-panel__header-action:focus-visible{background:var(--bg-hover);color:var(--text-primary)}.beat-cards-panel__header-action:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.45}.beat-cards-panel__header-action--new{min-width:64px}.beat-cards-panel__manager-quota{color:var(--text-body);font-family:var(--font-mono);white-space:nowrap;padding:0 7px;font-size:9px}.beat-cards-panel__body{background:var(--bg-raised);padding:0;display:block;overflow:hidden}.beat-cards-panel__view{height:100%;min-height:0;animation:.18s ease-out both beat-card-view-enter}.beat-cards-panel__view>.beat-cards-panel__drilldown{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;height:100%;padding:24px 16px 40px;overflow-y:auto}.beat-card-scaled-preview{aspect-ratio:320/227;box-sizing:border-box;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.beat-card-scaled-preview__content{transform-origin:0 0;width:320px;max-width:320px;position:absolute;top:0;left:0}.beat-card-scaled-preview .card-preview{width:320px;max-width:none;margin:0}.beat-card-scaled-preview .card-preview .bcs-shell{width:320px}.beat-card-scaled-preview .bcs-head{margin-inline:6px}.beat-card-scaled-preview .bcs-tape{padding-bottom:20px}.beat-card-scaled-preview .card-preview .bcs-lttl{max-width:165px;font-size:17px}.beat-card-scaled-preview .card-preview .bcs-lbpm b{font-size:27px}.beat-card-scaled-preview .card-preview .bcs-win canvas{height:42px}.beat-card-scaled-preview .card-preview .bcs-vinyl canvas{height:172px}.beat-card-scaled-preview .card-preview .bcs-dotmatrix canvas{height:209px}.beat-card-scaled-preview.is-animated .card-preview:not(.is-celebrating){animation:.14s ease-out both beat-card-preview-swap}.beat-cards-panel__signin-banner,.beat-cards-panel__quota-warning{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-hover);margin:0 0 14px}.beat-cards-panel__signin-banner{grid-template-columns:minmax(0,1fr) auto;gap:13px 16px;padding:14px;display:grid}.beat-cards-panel__signin-intro{min-width:0}.beat-cards-panel__signin-intro strong{color:var(--text-primary);font-size:13px;font-weight:400}.beat-cards-panel__signin-intro p{color:var(--text-body);margin:5px 0 0;font-size:10px;line-height:1.45}.beat-cards-panel__signin-benefits{flex-wrap:wrap;grid-column:1;gap:7px 14px;margin:0;padding:0;list-style:none;display:flex}.beat-cards-panel__signin-benefits li{color:var(--text-body);align-items:center;gap:5px;font-size:10px;line-height:1.35;display:flex}.beat-cards-panel__signin-benefits svg{color:var(--accent);flex-shrink:0}.beat-cards-panel__signin-actions{flex-direction:column;grid-area:1/2/span 2;justify-content:center;align-items:stretch;gap:7px;min-width:220px;display:flex}.beat-cards-panel__signin-actions .share-btn{min-height:42px;margin:0}.beat-cards-panel__signin-actions span{color:var(--text-muted);text-align:center;font-size:9px}.beat-cards-panel__signin-actions span button{min-height:24px;color:var(--text-primary);cursor:pointer;font-size:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.beat-cards-panel__quota-warning{color:var(--text-body);padding:11px 12px;font-size:11px;line-height:1.5}.beat-cards-panel__summary{flex-wrap:wrap;gap:6px;margin:0 0 11px;display:flex}.beat-cards-panel__summary span{margin-left:0}.beat-card-list{gap:7px}.beat-card-row{border-radius:var(--radius-sm);min-height:76px;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.beat-card-row:hover,.beat-card-row:focus-visible{background:var(--bg-hover);border-color:var(--border-hover)}.beat-card-row__main{gap:11px;min-height:76px;padding:8px 10px}.beat-card-row__thumb{border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;width:82px;height:62px;overflow:hidden}.beat-card-row__thumb.is-dark{background:#1f2028}.beat-card-row__thumb.is-light{background:#f0f2f5}.beat-card-row__thumb .beat-card-scaled-preview{width:76px}.beat-card-row__info{gap:5px}.beat-card-row__title-row{flex-wrap:wrap;gap:5px}.beat-card-row__title{max-width:100%;font-size:13px;font-weight:400}.beat-card-row__badge{padding:2px 4px;font-size:9px}.beat-card-row__expires{font-size:9px}.beat-card-row__plays{min-width:52px;color:var(--text-body);font-family:var(--font-ui);opacity:1;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.beat-card-row__plays strong{color:var(--text-primary);font-family:var(--font-mono);font-size:18px;font-weight:400;line-height:1}.beat-card-row__plays small{margin-top:3px;font-size:9px}.beat-card-row__plays em{color:var(--accent);font-family:var(--font-mono);margin-top:3px;font-size:9px;font-style:normal}.beat-cards-panel__about-link{margin-top:20px;display:inline-flex}.beat-cards-panel__empty-state{text-align:center;justify-content:center;align-items:stretch;gap:0;min-height:100%;padding:34px 10px 54px}.beat-cards-panel__empty-preview{aspect-ratio:1188/1019;border-radius:var(--radius-md);background:#191a21;width:min(320px,92%);margin:0 auto 22px;overflow:hidden}.beat-cards-panel__empty-preview img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.beat-cards-panel__empty-state h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:300;line-height:1.25}.beat-cards-panel__empty{max-width:290px;color:var(--text-body);margin:10px auto 20px;font-size:12px;line-height:1.55}.beat-cards-panel__empty-action{align-self:center;width:100%;max-width:340px;min-height:44px}.beat-cards-panel__empty-state .beat-cards-panel__about-link{align-self:center;margin-top:16px}.beat-cards-panel__detail{gap:0;height:100%;overflow:hidden}.beat-cards-panel__detail-nav{border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:50px;padding:0 14px;display:grid}.beat-cards-panel__detail-nav .beat-cards-panel__back{justify-self:start;min-height:44px}.beat-cards-panel__detail-nav .beat-cards-panel__section-title{font-size:12px;font-weight:400}.beat-cards-panel__detail-nav i{width:1px}.beat-cards-panel__detail-workspace{height:calc(100% - 50px);padding:14px 14px 44px;overflow-y:auto}.beat-cards-panel__published-notice{border-radius:var(--radius-sm);min-height:42px;color:var(--accent);border:1px solid #5ec4b659;justify-content:center;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;animation:.24s ease-out .18s both beat-card-view-enter;display:flex}.beat-cards-panel__detail-preview{justify-content:center;gap:0;min-height:300px;padding:18px 14px 13px;transition:background-color .18s ease-out,border-color .15s ease-out;overflow:hidden}.beat-cards-panel__detail-preview .beat-card-scaled-preview{width:min(100%,320px)}.beat-cards-panel__preview-footer{justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:36px;margin-top:10px;display:flex}.beat-cards-panel__published-context{color:var(--text-body);text-align:right;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;font-size:9px;line-height:1.35;display:flex}.beat-cards-panel__published-context p{margin:0}.beat-cards-panel__published-context button{min-height:24px;color:var(--accent);cursor:pointer;font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.beat-cards-panel__preview-author{min-height:36px;color:var(--text-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;display:inline-flex}.beat-cards-panel__preview-author:disabled{cursor:default}.beat-cards-panel__preview-author em{color:var(--accent);margin-left:2px;font-size:9px;font-style:normal}.beat-cards-panel__preview-avatar{border:1px solid var(--border);background:var(--bg-card);width:24px;height:24px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;display:grid;overflow:hidden}.beat-cards-panel__preview-avatar img{object-fit:cover;width:100%;height:100%;display:block}.beat-cards-panel__detail-plays{align-items:center;margin-left:auto}.beat-cards-panel__detail-section,.beat-cards-panel__quiet-block{padding:20px 0}.beat-cards-panel__detail-section:first-child{padding-top:0}.beat-cards-panel__detail-actions .share-btn{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:54px;display:flex}.beat-cards-panel__detail-actions .is-disabled,.beat-cards-panel__detail-actions .share-btn:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.44}.beat-cards-panel__detail-section--settings .share-btn--publish.is-saved{border-color:var(--border);background:var(--bg-hover);color:var(--text-body);opacity:1;justify-content:center;align-items:center;gap:7px;display:flex}.beat-cards-panel__detail-section--settings .share-theme-picker,.beat-cards-panel__detail-section--settings .share-skin-picker{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;margin-top:12px;display:grid}.beat-cards-panel__detail-section--settings .share-theme-picker__label,.beat-cards-panel__detail-section--settings .share-skin-picker__label{color:var(--text-body);font-family:var(--font-mono);letter-spacing:0;font-size:10px}.beat-cards-panel__detail-section--settings .share-theme-picker__options,.beat-cards-panel__detail-section--settings .share-skin-picker__options{gap:5px;min-width:0;display:grid}.beat-cards-panel__detail-section--settings .share-theme-picker__options{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-cards-panel__detail-section--settings .share-skin-picker__options{grid-template-columns:repeat(3,minmax(0,1fr))}.beat-cards-panel__detail-section--settings .share-theme-option{min-height:44px}.beat-cards-panel__detail-section--settings .share-skin-option{min-height:52px}.beat-cards-panel__share-disabled-note{color:var(--text-body);margin:0;font-size:10px}.beat-cards-panel__visibility-toggle{border:1px solid var(--border);border-radius:var(--radius);min-width:98px;min-height:40px;color:var(--text-body);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:10px;display:inline-flex}.beat-cards-panel__visibility-toggle.is-on{border-color:var(--accent-a30,#5ec4b64d);color:var(--accent)}.beat-cards-panel__visibility-toggle:disabled{cursor:not-allowed;opacity:.5}.beat-cards-panel__delete-link{align-items:center;gap:6px;display:inline-flex}.beat-cards-panel__theme-swatch{border:1px solid var(--border-hover);border-radius:50%;width:11px;height:11px}.beat-cards-panel__theme-swatch.is-dark{background:#1f2028}.beat-cards-panel__theme-swatch.is-light{background:#f0f2f5}.share-theme-option{justify-content:center;align-items:center;gap:6px;display:flex}.beat-cards-profile{width:min(100%,520px);margin:0 auto;padding-top:22px}.beat-cards-profile__avatar-row{align-items:center;margin-bottom:8px}.beat-cards-profile__avatar-btn,.beat-cards-profile__avatar{width:52px;height:52px}.beat-cards-profile__avatar--placeholder{color:var(--accent);place-items:center;font-size:13px;display:grid}.beat-cards-profile__avatar-copy{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.beat-cards-profile__avatar-copy strong{color:var(--text-primary);font-size:12px;font-weight:400}.beat-cards-profile__avatar-copy button{min-height:24px;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.beat-cards-profile__avatar-copy span{color:var(--text-muted);font-size:9px}@media (width>=769px){.beat-cards-panel__manager-header{padding-inline:40px}.beat-cards-panel__view>.beat-cards-panel__drilldown{padding:34px 40px 48px}.beat-cards-panel__view>.beat-cards-panel__drilldown>*{width:min(100%,1120px);margin-left:auto;margin-right:auto}.beat-card-row{min-height:82px}.beat-card-row__main{min-height:82px;padding:9px 12px}.beat-card-row__thumb{width:96px;height:68px}.beat-card-row__thumb .beat-card-scaled-preview{width:88px}.beat-cards-panel__detail-workspace{grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr);align-items:stretch;gap:clamp(28px,4vw,64px);height:calc(100% - 50px);padding:24px 32px 28px;display:grid;overflow:hidden}.beat-cards-panel__detail-nav{padding-inline:32px}.beat-cards-panel__detail-preview-column{height:100%;padding:0 4px 18px;position:static;overflow-y:auto}.beat-cards-panel__detail-controls{height:100%;padding:0 8px 24px 0;overflow-y:auto}.beat-cards-panel__detail-preview{min-height:min(630px,100dvh - 210px);padding:26px}.beat-cards-panel__detail-preview .beat-card-scaled-preview{width:min(100%,520px)}.beat-cards-panel__detail-section,.beat-cards-panel__quiet-block{padding:13px 0}.beat-cards-panel__detail-actions .share-btn{min-height:50px}.beat-cards-panel__detail-section--settings .share-skin-picker,.beat-cards-panel__detail-section--settings .share-theme-picker{margin-top:8px}.beat-cards-panel__detail-section--settings .share-skin-option{min-height:46px}.beat-cards-panel__detail-section--settings .share-theme-option{min-height:40px}.beat-cards-panel__detail-section--settings>.share-btn--publish{min-height:42px;margin-top:10px}.beat-cards-profile{padding-top:36px}}@media (width<=768px){.beat-cards-panel__manager-header{padding-inline:14px 6px}.beat-cards-panel__manager-actions{gap:0}.beat-cards-panel__header-action{padding-inline:8px}.beat-cards-panel__manager-quota{padding-inline:5px}.beat-cards-panel__view>.beat-cards-panel__drilldown{scrollbar-width:none}.beat-cards-panel__view>.beat-cards-panel__drilldown::-webkit-scrollbar{display:none}.beat-cards-panel__signin-banner{grid-template-columns:1fr}.beat-cards-panel__signin-benefits{flex-direction:column;grid-column:1}.beat-cards-panel__signin-actions{grid-area:auto/1;min-width:0}.beat-cards-panel__detail-workspace{scrollbar-width:none}.beat-cards-panel__detail-workspace::-webkit-scrollbar{display:none}}@media (width<=370px){.beat-card-row__thumb{width:72px}.beat-card-row__thumb .beat-card-scaled-preview{width:66px}}@media (prefers-reduced-motion:reduce){.beat-cards-panel__view,.beat-card-scaled-preview.is-animated .card-preview:not(.is-celebrating),.beat-cards-panel__published-notice{animation:none}}.menu-item__dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.menu-install-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;margin:4px 0;padding:12px;display:flex}.menu-install-card__title{color:var(--text-secondary);letter-spacing:.03em;font-size:10px;font-weight:600}.menu-install-card__steps{align-items:center;gap:6px;display:flex}.menu-install-card__step{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.menu-install-card__step span{color:var(--text-secondary);letter-spacing:.03em;font-size:10px;font-weight:300}.menu-install-card__icon{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);width:44px;height:44px;color:var(--text-body);justify-content:center;align-items:center;display:flex}.menu-install-card__arrow{color:var(--accent);opacity:.8;flex-shrink:0}.menu-install-card__hint{color:var(--text-muted);letter-spacing:.03em;font-size:10px;font-weight:300;line-height:1.5}.menu-install-card__hint strong{color:var(--text-secondary);font-weight:400}.empty-slice-hint{font-family:var(--font-ui);font-size:var(--font-btn-sm);letter-spacing:.03em;color:var(--text-secondary);text-transform:none;margin:0;font-weight:300}.panel-page--viz{padding:0;overflow:hidden}.panel-page--viz:after{display:none}.beat-viz{background:#1f2028;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.beat-viz-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.beat-viz-canvas{flex:1;width:100%;min-height:0;display:block}.track-nav-tab-icon{padding:6px 8px}.track-nav-braille{font-family:var(--font-mono);letter-spacing:.05em;font-size:12px;line-height:1}.track-nav-tab-viz{color:#ffffff73}.track-nav-tab-viz:hover{color:#ffffffbf}.confirm-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;animation:.15s ease-out share-overlay-in;display:flex;position:fixed;inset:0}.confirm-overlay.closing{animation:.15s ease-in forwards share-overlay-out}.confirm-dialog{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);width:min(320px,100vw - 32px);padding:20px;animation:.18s ease-out share-modal-in;box-shadow:0 24px 64px #00000073}.confirm-dialog.closing{animation:.15s ease-in forwards share-modal-out}.confirm-dialog__message{color:var(--text-primary);margin:0 0 18px;font-size:13px;line-height:1.5}.confirm-dialog__actions{justify-content:flex-end;gap:8px;display:flex}.confirm-dialog__cancel{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;letter-spacing:.03em;background:0 0;padding:6px 14px;font-size:12px;font-weight:300}.confirm-dialog__cancel:hover{color:var(--text-primary);border-color:var(--text-secondary)}.confirm-dialog__confirm{border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:#000;cursor:pointer;letter-spacing:.03em;padding:6px 14px;font-size:12px;font-weight:400}.confirm-dialog__confirm:hover{opacity:.85}html:has(.landing-renewal){scrollbar-width:auto}html:has(.landing-renewal)::-webkit-scrollbar{width:15px;height:15px}.landing-renewal .landing-stage{align-items:center;display:flex}.landing-renewal .landing-header,.landing-renewal .landing-brand,.landing-renewal .landing-header-actions button,.landing-renewal .landing-dropzone{color:var(--lr-ink)}.landing-renewal .landing-dropzone b{color:inherit}.landing-renewal .landing-stage-inner{flex-direction:column;align-items:flex-start;display:flex}.landing-renewal .landing-stage h1{width:fit-content}@media (width<=900px){.landing-renewal .landing-stage{min-height:0;display:block}.landing-renewal .landing-stage-inner{max-width:none;padding:40px 20px 0}.landing-renewal .landing-stage h1{letter-spacing:-.05em;margin-bottom:14px;font-size:clamp(44px,12.5vw,60px)}.landing-renewal .landing-stage-inner p{margin-bottom:20px;font-size:14px}.landing-renewal .landing-dropzone{background:var(--lr-bg2);gap:14px;padding:15px 16px}.landing-renewal .landing-alt-row{gap:14px;margin-top:14px}.landing-renewal .landing-disc-zone{height:176px;position:relative;inset:auto}.landing-renewal .landing-disc,.landing-renewal .landing-vinyl-label{top:72px;left:50%}.landing-renewal .landing-stage-foot{padding:8px 20px 35px;position:static}}.landing-renewal .beatcards{z-index:2;border-top:0;padding:112px 4vw;position:relative}.landing-renewal .beatcards .wrap{max-width:1100px;margin:0 auto}.landing-renewal .sec-label{font-family:var(--lr-mono);color:var(--lr-teal);letter-spacing:.08em;margin:0 0 12px;font-size:12px;line-height:1.65}.landing-renewal .sec-h{color:var(--lr-ink);letter-spacing:-.5px;margin:0 0 16px;font-size:26px;font-weight:600;line-height:1.65}.landing-renewal .bc-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:56px;display:grid}.landing-renewal .bc-lede{max-width:34em;margin:0 0 22px;font-size:14px}.landing-renewal .bc-list{flex-direction:column;gap:12px;margin:0 0 26px;padding:0;list-style:none;display:flex}.landing-renewal .bc-list li{color:var(--lr-faint);margin:0;padding-left:16px;font-size:14px;position:relative}.landing-renewal .bc-list li:before{content:"";background:var(--lr-teal);width:6px;height:1.5px;position:absolute;top:.62em;left:0}.landing-renewal .bc-list b{color:var(--lr-soft);font-weight:600}.landing-renewal .bc-link{color:var(--lr-teal);border-bottom:1px solid #5ec4b659;padding-bottom:2px;font-size:14px;text-decoration:none}.landing-renewal .bc-visual{flex-direction:column;align-items:center;gap:16px;display:flex}.landing-renewal .bc-cap{letter-spacing:.1em;color:var(--lr-faint);font-family:ui-monospace,monospace;font-size:10px}.landing-renewal .lc-phone{color:#dde0e8;background:#1f2028;border:1px solid #e8e6df29;border-radius:20px;width:min(360px,84vw);padding:18px 16px;font-family:-apple-system,Segoe UI,Hiragino Sans,sans-serif;position:relative}.landing-renewal .lc-phone *{box-sizing:border-box}.landing-renewal .lc-shell{background:#2e3038;border:1px solid #ffffff1a;border-radius:12px;padding:11px 13px 30px;position:relative}.landing-renewal .lc-scr{border:1px solid #ffffff38;border-radius:50%;width:6px;height:6px;position:absolute}.landing-renewal .lc-shead{justify-content:space-between;align-items:center;margin:1px 5px 7px;font-family:ui-monospace,monospace;display:flex}.landing-renewal .lc-shead .side{color:#6a7080;font-size:10px}.landing-renewal .lc-shead .ctr{color:#8890a4;letter-spacing:.15em;font-size:12px}.landing-renewal .lc-lab{background:#343640;border-radius:5px;padding:11px 13px}.landing-renewal .lc-lrow{justify-content:space-between;align-items:flex-start;height:48.5px;display:flex}.landing-renewal .lc-ttl{color:#dde0e8;font-size:18px;font-weight:300;line-height:1.15}.landing-renewal .lc-by{color:#8890a4;margin-top:3px;font-size:11px}.landing-renewal .lc-bpm{text-align:right;flex-shrink:0}.landing-renewal .lc-bpm b{color:var(--lr-teal);font-family:ui-monospace,monospace;font-size:28px;font-weight:300;line-height:1}.landing-renewal .lc-bpm em{color:#8890a4;letter-spacing:.08em;margin-left:4px;font-size:9px;font-style:normal}.landing-renewal .lc-bpm i{color:#6a7080;margin-top:4px;font-family:ui-monospace,monospace;font-size:10px;font-style:normal;display:block}.landing-renewal .lc-stripes{flex-direction:column;gap:3px;margin:11px 0;display:flex}.landing-renewal .lc-stp{opacity:.45;border-radius:1.5px;height:3px}.landing-renewal .lc-win{background:#1f2028;border:1px solid #ffffff14;border-radius:26px;align-items:center;gap:6px;padding:6px 8px;display:flex}.landing-renewal .lc-win canvas{flex:1;min-width:0;height:40px;display:block}.landing-renewal .lc-trap{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.landing-renewal .lc-pads{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px;display:grid}.landing-renewal .lc-pad{aspect-ratio:1;background:#262830;border-radius:3px;position:relative}.landing-renewal .lc-pad b{color:#6a7080;font-family:ui-monospace,monospace;font-size:10px;font-weight:400;position:absolute;top:4px;left:6px}.landing-renewal .lc-pad.emp{opacity:.35}.landing-renewal .lc-cta{border:1px solid var(--lr-teal);height:44px;color:var(--lr-teal);border-radius:4px;justify-content:center;align-items:center;margin-top:14px;font-size:14px;display:flex}.landing-renewal .lc-ft{color:#6a7080;align-items:center;gap:8px;margin-top:13px;font-size:11px;display:flex}.landing-renewal .lc-badge{z-index:2;background:var(--lr-teal);color:#10201d;letter-spacing:.08em;border-radius:999px;align-items:baseline;gap:5px;padding:7px 14px;font-family:ui-monospace,monospace;font-size:11px;display:inline-flex;position:absolute;top:-13px;right:-12px}.landing-renewal .lc-badge b{letter-spacing:0;font-size:13px;font-weight:700}.landing-renewal .lc-phone svg{flex:none}.landing-renewal #real-ui{border-top:1px solid var(--lr-rule)}.landing-renewal .landing-device>div:first-child{perspective:1600px;position:relative}.landing-renewal .landing-device-shot{transform:rotateY(-10deg)rotateX(2deg)}.landing-renewal .landing-device-mobile{margin:0;position:absolute;bottom:-34px;left:-30px}.landing-renewal .landing-stage h1 span{width:fit-content;position:relative}.landing-renewal .landing-stage h1>.mega-line{width:fit-content;display:block;position:relative}.landing-renewal .landing-stage h1 .mega-line>*{color:inherit}.landing-renewal .landing-stage h1>.mega-line:nth-child(2){color:var(--lr-teal)}.landing-renewal .landing-stage h1 .base-txt{visibility:hidden}.landing-renewal .landing-stage h1 .frag{will-change:transform;transition:transform .16s cubic-bezier(.2,0,0,1);position:absolute;inset:0}.landing-renewal .landing-stage h1 .frag:after{content:attr(data-text)}.landing-renewal .landing-stage-inner p{line-height:1.6}.landing-renewal .landing-disc{background:conic-gradient(from 20deg,#0000 0deg,#ffffff0d 24deg,#0000 62deg 172deg,#ffffff0a 206deg,#0000 248deg),repeating-radial-gradient(circle,#f2efe811 0 1.5px,#0000 1.5px 5px),#17171b}.landing-renewal .landing-vinyl-label strong{letter-spacing:-.02em;font-weight:700}.landing-renewal .landing-dropzone{letter-spacing:.03em}.landing-renewal .landing-dropzone>span:first-child{justify-content:center;align-items:center;width:34px;height:34px;line-height:1;display:flex}.landing-renewal .landing-dropzone small{font-family:var(--lr-mono);letter-spacing:.08em;font-size:11px;font-weight:300;line-height:1.65}.landing-renewal .lc-bpm b,.landing-renewal .lc-bpm i,.landing-renewal .lc-shead,.landing-renewal .lc-pad b,.landing-renewal .bc-cap{font-family:var(--lr-mono)}.landing-renewal .landing-device>div:last-child p{margin:0 0 28px}.landing-renewal .landing-view-tabs button{font-family:-apple-system,Segoe UI,Hiragino Sans,sans-serif;line-height:normal}.landing-renewal .landing-view-tabs button span{font-size:14px}.landing-renewal .landing-view-tabs button em{font-size:12px}.landing-renewal .landing-feature-grid>div h3{border-bottom:1px solid var(--lr-rule);color:var(--lr-soft);margin:0 0 14px;padding-bottom:10px;font-size:13px;font-weight:600;line-height:1.65}.landing-renewal .landing-feature-grid>div ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.landing-renewal .landing-feature-grid>div li{color:var(--lr-faint);margin:0;padding-left:16px;font-size:13.5px;line-height:1.65}.landing-renewal .step-num{font-family:var(--lr-mono);color:var(--lr-teal);letter-spacing:.08em;font-size:12px;line-height:1.65}.landing-renewal .landing-footer{z-index:2;border-top:1px solid var(--lr-rule);padding:72px 4vw 0;display:block;position:relative}.landing-renewal .landing-footer-grid{grid-template-columns:minmax(0,4fr) minmax(0,2.5fr) minmax(0,2.5fr) minmax(0,3fr);gap:48px;max-width:1100px;margin:0 auto;padding-bottom:64px;display:grid}.landing-renewal .landing-footer-grid>div{flex-direction:column;align-items:flex-start;display:flex}.landing-renewal .landing-footer-grid>div.landing-footer-nok,.landing-renewal .landing-footer-grid>div.landing-footer-brand{display:block}.landing-renewal .landing-footer h4{font-family:var(--lr-mono);letter-spacing:.16em;color:var(--lr-faint);margin:4px 0 16px;font-size:10px;font-weight:400;line-height:1.65}.landing-renewal .landing-footer a{color:var(--lr-soft);margin:0;font-size:13.5px;line-height:1.65;text-decoration:none}.landing-renewal .landing-footer-grid>div:not(:first-child) ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.landing-renewal .landing-footer-grid>div:not(:first-child) li{margin:0;padding:0}.landing-renewal .landing-footer-grid>div:not(:first-child) a{margin:0}.landing-renewal .landing-footer p{max-width:26em;color:var(--lr-faint);margin:0 0 18px;font-size:13.5px;line-height:1.65}.landing-renewal .landing-footer-brand .cc{font-family:var(--lr-mono);color:var(--lr-faint);letter-spacing:.06em;font-size:11px;line-height:normal}.landing-renewal .landing-footer-brand svg{color:var(--lr-ink);margin-bottom:14px;display:block}.landing-renewal .landing-footer-nok p{margin-bottom:16px}.landing-renewal .landing-footer-grid>div.landing-footer-nok .nok-link{color:var(--lr-teal);align-items:baseline;gap:6px;margin-bottom:10px;font-size:13.5px;text-decoration:none;display:inline-flex}.landing-renewal .landing-footer-nok .kofi{border:1px solid var(--lr-rule);color:var(--lr-soft);border-radius:4px;margin-top:4px;padding:8px 14px;font-size:13px;line-height:1.65;display:inline-block}.landing-renewal .landing-footer-bar{border-top:1px solid var(--lr-rule);padding:16px 0;display:block}.landing-renewal .landing-footer-bar-in{max-width:1100px;font-family:var(--lr-mono);letter-spacing:.14em;color:var(--lr-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:10px;line-height:1.65;display:flex}.landing-renewal .landing-footer-bar-in a{font-size:10px;line-height:1.65}.landing-renewal .landing-how,.landing-renewal .landing-features-new{max-width:none;margin:0}.landing-renewal .landing-steps>div{padding-top:15.4px}.landing-renewal .landing-how-video{max-width:720px;margin-top:40px}.landing-renewal .landing-how-video-frame{aspect-ratio:16/9;border:1px solid var(--lr-rule);background:var(--lr-bg2);border-radius:6px;overflow:hidden}.landing-renewal .landing-how-video-frame iframe{border:0;width:100%;height:100%;display:block}.landing-renewal .landing-how-video-caption{color:var(--lr-faint);margin:12px 0 0;font-size:13px}.landing-renewal #how{border-top:0;padding-top:40px}.landing-renewal #how>*,.landing-renewal #features>*{max-width:1100px;margin-left:auto;margin-right:auto}.landing-renewal .landing-alt-row{flex-wrap:wrap;align-items:baseline;gap:20px;margin-top:16px;display:flex}.landing-renewal .alt-divider{font-family:var(--lr-mono);color:#e9e7e080;letter-spacing:.1em;font-size:11px;line-height:1.65}.landing-renewal .alt-link{cursor:pointer;color:#e9e7e0;background:0 0;border:0;border-bottom:1.5px solid #e9e7e0;padding:0 0 2px;font-family:-apple-system,Segoe UI,Hiragino Sans,sans-serif;font-size:14px;line-height:normal;text-decoration:none}.landing-renewal a.alt-link{border-bottom:1.5px solid #e9e7e0}.landing-renewal .landing-alt-row .alt-link:last-child{line-height:1.65}.landing-renewal .landing-global-proof{border-top:1px solid var(--lr-rule);width:min(500px,100%);color:var(--lr-soft);grid-template-columns:16px minmax(0,1fr);column-gap:10px;margin-top:24px;padding-top:12px;display:grid}.landing-renewal .landing-global-proof-icon{width:16px;height:16px;color:var(--lr-teal);opacity:.78;margin-top:1px}.landing-renewal .landing-global-proof-copy{flex-wrap:wrap;align-items:baseline;gap:9px 12px;min-width:0;display:flex}.landing-renewal .landing-global-proof strong{color:var(--lr-ink);font-family:var(--lr-mono);letter-spacing:.06em;white-space:nowrap;font-size:14px;font-weight:400;line-height:1.5}.landing-renewal .landing-global-proof-copy span{color:var(--lr-faint);font-size:11px;line-height:1.5}@media (width<=900px){.landing-renewal .landing-global-proof{margin-top:20px;padding-top:10px}.landing-renewal .landing-global-proof-copy{gap:3px;display:grid}}.landing-renewal .stage-foot{z-index:4;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:calc(1100px + 8vw);margin:0 auto;padding:0 4vw;display:flex;position:absolute;bottom:16px;left:0;right:0}.landing-renewal .stage-foot-l{flex-direction:column;gap:7px;display:flex}.landing-renewal .needle-hint{font-family:var(--lr-mono);letter-spacing:.14em;color:#e9e7e080;font-size:10px;line-height:1.65}.landing-renewal .bc-tease{font-family:var(--lr-mono);letter-spacing:.14em;color:var(--lr-teal);opacity:.85;font-size:10px;line-height:1.65;text-decoration:none}.landing-renewal .sound-toggle{font-family:var(--lr-mono);letter-spacing:.1em;border:1px solid var(--lr-rule);color:var(--lr-faint);cursor:pointer;background:0 0;border-radius:4px;padding:6px 10px;font-size:10px;line-height:1.65;transition:border-color .2s,color .2s}.landing-renewal .sound-toggle.on{color:var(--lr-teal);border-color:#5ec4b680}@media (width<=900px){.landing-renewal .bc-grid{grid-template-columns:1fr;gap:32px}.landing-renewal .bc-grid>div:first-child{margin-bottom:-3.29px}.landing-renewal .bc-grid>div:first-child .bc-link{position:relative;top:-3px}.landing-renewal .beatcards{padding:56px 20px}.landing-renewal .sec-h{font-size:21px}.landing-renewal .landing-device-mobile{width:23.73%;bottom:-34px;left:-6px}.landing-renewal .landing-device>div:last-child p{margin-bottom:18px}.landing-renewal .landing-dropzone b{font-size:14px}.landing-renewal .alt-link{font-size:13px}.landing-renewal .landing-alt-row{row-gap:14px;margin-top:14px}.landing-renewal .landing-stage-foot{padding-bottom:44px}.landing-renewal .stage-foot{max-width:none;padding:8px 20px 14px;position:static}.landing-renewal .landing-section{padding:56px 20px}.landing-renewal #how{padding:40px 20px 56px}.landing-renewal #how>*,.landing-renewal #features>*{max-width:none}.landing-renewal .landing-steps{grid-template-columns:1fr;gap:0;margin-top:18px}.landing-renewal .landing-steps>div{grid-template-columns:34px 1fr;align-items:baseline;gap:12px;padding:16px 0 14px;display:grid}.landing-renewal .landing-steps>div:before{width:34px}.landing-renewal .landing-steps h3{margin:0 0 2px;font-size:15.5px}.landing-renewal .landing-steps p{grid-column:2;margin:0;font-size:13px}.landing-renewal .landing-feature-grid{grid-template-columns:repeat(2,1fr);gap:24px 18px;margin-top:20px}.landing-renewal .landing-footer{grid-template-columns:1fr 1fr;gap:28px 20px;padding:44px 4vw 0}.landing-renewal .landing-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:37px}.landing-renewal .landing-footer-grid>div:first-child{grid-column:1/-1}.landing-renewal .landing-footer-grid>div.landing-footer-brand{min-height:130.94px}.landing-renewal .landing-footer-brand .cc{display:block;position:relative;top:2px}.landing-renewal .landing-footer-brand p{margin-bottom:10px}.landing-renewal .landing-footer-brand .cc{line-height:1.18}.landing-renewal .landing-footer-bar{padding:16px 0}.landing-renewal .landing-footer-bar-in{flex-direction:row;align-items:center;gap:16px}}.landing-renewal .landing-dropzone{transition:border-color .25s,background-color .25s,color .25s,transform .25s}.landing-renewal .landing-dropzone:hover,.landing-renewal .landing-dropzone:focus-visible{border-color:var(--lr-teal);background:var(--lr-bg2);color:var(--lr-ink);transform:translateY(-2px)}.app--refresh:not(.app--landing){background:var(--bg-primary);height:100dvh;min-height:0;padding:0}.refresh-workspace{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.refresh-workspace>.panel-swiper{min-height:0}.refresh-workspace>.refresh-work-surface,.refresh-workspace>.refresh-screen-surface{flex-shrink:0}@media (width>=1072px){.app--refresh .panel-page{padding-inline:calc(50vw - 520px)}}.refresh-gauges{z-index:3;box-sizing:border-box;justify-content:center;align-items:baseline;gap:18px;width:min(1040px,100%);margin:0 auto;padding:2px 16px 10px;display:flex;position:relative}.refresh-gauge{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;transition:background .15s,color .15s}.refresh-gauge:hover,.refresh-gauge:focus-visible{background:var(--bg-hover);outline:none}.refresh-gauge--play{box-sizing:border-box;color:#0d1210;background:0 0;justify-content:center;align-self:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin-left:-11px;padding-inline:11px;font-size:9px;display:inline-flex}.refresh-gauge--play:hover,.refresh-gauge--play:focus-visible,.refresh-gauge--play.is-playing{color:#0d1210;background:0 0}.refresh-gauge__play-visual{background:var(--accent,#5ec4b6);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.refresh-gauge--bpm,.refresh-gauge--key{align-items:center;gap:3px;display:inline-flex}.refresh-gauge--bpm{font-variant-numeric:tabular-nums;color:var(--accent,#5ec4b6);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px}.refresh-gauge--key{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.refresh-gauge strong{font:inherit;font-weight:300;line-height:1}.refresh-gauge small{color:var(--text-secondary,#999);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:300}.refresh-gauge__caret{color:var(--text-primary);margin-left:2px;font-size:11px;line-height:1}.refresh-gauge-bpm-wrap{position:relative}.refresh-bpm-popover{z-index:20;border:1px solid var(--border,#ffffff24);border-radius:var(--radius);background:var(--bg-raised);min-width:220px;padding:12px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0006}.refresh-transport-position{align-self:center;align-items:center;gap:5px;width:69px;min-width:69px;display:inline-flex}.refresh-transport-position output{min-width:32px;color:var(--text-secondary,#999);font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1}.refresh-transport-position.is-idle .refresh-bar-dots{opacity:.42}.refresh-bar-dots{align-items:center;gap:4px;display:inline-flex}.refresh-bar-dots i{background:var(--text-secondary,#8a8a92);opacity:.7;border-radius:50%;width:5px;height:5px}.refresh-bar-dots i.is-downbeat{width:6px;height:6px}.refresh-bar-dots i.is-current{background:var(--accent,#5ec4b6);opacity:1}.refresh-gauge--sources{color:var(--text-secondary,#999);justify-content:center;align-items:center;margin-left:0;padding:6px;display:inline-flex}.refresh-beat-subnav{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 36px;width:min(1040px,100%);margin:0 auto;padding:8px 16px 0;display:flex}.refresh-track-picker{gap:6px;min-width:0;display:flex;position:relative}.refresh-track-trigger{min-height:30px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;padding:6px 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.refresh-track-trigger:hover,.refresh-track-trigger:focus-visible{background:var(--bg-hover);border-radius:var(--radius-sm);outline:none}.refresh-add-track{border:1px dashed var(--border,#ffffff24);border-radius:var(--radius-sm);min-height:30px;color:var(--text-secondary,#a6a6ad);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:5px;padding:0 10px;font-size:11px;display:flex}.refresh-add-track:hover,.refresh-add-track:focus-visible{border-color:var(--border-hover);color:var(--text-primary);outline:none}.refresh-track-dot{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.refresh-track-level{min-width:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1}.refresh-track-trigger em,.refresh-mix-row em{color:var(--text-secondary,#999);letter-spacing:.06em;margin-left:1px;font-size:8px;font-style:normal}.refresh-track-menu{z-index:18;border:1px solid var(--border-hover,#ffffff24);border-radius:var(--radius);background:var(--bg-raised);min-width:120px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0006}.refresh-track-row{border-radius:var(--radius-sm);align-items:center;display:flex}.refresh-track-row:hover{background:var(--bg-hover)}.refresh-track-row>button:first-child{min-height:30px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:7px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.refresh-track-row.is-active>button:first-child{color:var(--text-primary)}.refresh-track-row .refresh-track-level{margin-left:auto}.refresh-track-remove{width:24px;height:24px;color:var(--text-secondary,#999);cursor:pointer;background:0 0;border:0;border-radius:50%;margin-right:4px;font-size:10px}.refresh-track-remove:hover{color:#c9756f;background:var(--bg-primary)}.refresh-panel-tabs{gap:12px;display:flex}.refresh-panel-tabs button{min-height:30px;color:var(--text-secondary,#999);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;font-size:12px}.refresh-panel-tabs button.is-active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--track-color,var(--accent,#5ec4b6))}.refresh-content{width:min(1040px,100% - 32px);margin:16px auto 0}.refresh-mix{box-sizing:border-box;padding:4px 32px 24px}.refresh-content h1{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:300}.refresh-mix-list{gap:0;display:grid}.refresh-mix-beat{border-top:1px solid var(--border,#ffffff1a);margin-top:0;padding-top:10px}.refresh-mix-row{border:0;border-bottom:1px solid var(--border,#ffffff14);background:0 0;border-radius:0;flex-direction:column;gap:10px;padding:11px 2px;display:flex}.refresh-mix-list .refresh-mix-row:last-child,.refresh-mix-beat .refresh-mix-row{border-bottom:0}.refresh-mix-row.is-muted{opacity:.52}.refresh-mix-row header{min-height:20px;color:var(--text-primary);align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}.refresh-mix-row .refresh-mix-meter{min-width:52px;color:var(--text-secondary,#aaa);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1}.refresh-mix-row header button{border:1px solid var(--border,#ffffff24);width:23px;height:21px;color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border-radius:3px;padding:0;font-size:9px}.refresh-mix-row header button.is-muted{background:var(--muted-bg);color:var(--muted-ink);border-color:#0000}.refresh-mix-row header button.is-solo{background:var(--accent,#5ec4b6);color:#0d1210;border-color:#0000}.refresh-mix-row output{width:48px;color:var(--text-secondary,#aaa);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.refresh-mix-row input[type=range]{appearance:none;background:linear-gradient(to right, color-mix(in srgb, var(--fader-color) 22%, transparent) var(--meter-pct), var(--bg-hover) var(--meter-pct));border:1px solid var(--border,#ffffff14);border-radius:var(--radius-sm);cursor:pointer;touch-action:none;width:100%;height:34px;margin:5px 0;display:block}.refresh-mix-row input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-sm);background:0 0;height:100%}.refresh-mix-row input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(to right, transparent calc(50% - 1px), var(--fader-color) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) center / 100% 24px no-repeat;border:0;border-radius:0;width:44px;height:44px;margin-top:-5px}.refresh-mix-row input[type=range]::-moz-range-track{background:var(--bg-hover);border-radius:var(--radius-sm);border:0;height:100%}.refresh-mix-row input[type=range]::-moz-range-progress{background:color-mix(in srgb, var(--fader-color) 22%, transparent);border-radius:var(--radius-sm) 0 0 var(--radius-sm);height:100%}.refresh-mix-row input[type=range]::-moz-range-thumb{background:linear-gradient(to right, transparent calc(50% - 1px), var(--fader-color) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) center / 100% 24px no-repeat;border:0;border-radius:0;width:44px;height:44px}.refresh-beat-options{align-items:center;gap:8px;margin-top:10px;display:flex}.refresh-beat-source{border:1px solid var(--border,#ffffff24);color:var(--text-secondary,#999);border-radius:3px;padding:5px 7px;font-size:9px}.refresh-beat-external{border:1px solid var(--border,#ffffff1a);color:var(--text-secondary,#999);opacity:.48;font:inherit;cursor:not-allowed;background:0 0;border-radius:3px;padding:5px 7px;font-size:9px}.refresh-screen-surface{box-sizing:border-box;width:min(1040px,100% - 32px);min-height:0;margin:16px auto 0}.refresh-export{text-align:left;background:0 0;border:0;border-radius:0;min-height:0;padding:26px 0 32px}.refresh-export .modal-title{font-size:16px}.refresh-export .export-choice-options{margin-inline:auto}.refresh-panel-overlay{z-index:1000;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.refresh-panel-overlay__backdrop{cursor:default;animation:fadeIn var(--breath) ease-out;background:#0b0c11a8;border:0;position:absolute;inset:0}.refresh-panel-overlay--fit{inset:var(--ks-topbar-h,0px) 0 0 0}.refresh-panel-dialog{z-index:1;border:1px solid var(--border,#ffffff26);border-radius:var(--radius);background:var(--bg-primary);width:min(640px,100%);min-height:0;max-height:min(86dvh,840px);animation:fadeInUp var(--breath) ease-out both;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 80px #00000080}.refresh-panel-overlay--closing .refresh-panel-overlay__backdrop{animation:refreshPanelFadeOut var(--move) var(--ease-move) both}.refresh-panel-overlay--closing .refresh-panel-dialog{animation:refreshPanelDialogClose var(--move) var(--ease-move) both}@keyframes refreshPanelFadeOut{0%{opacity:1}to{opacity:0}}@keyframes refreshPanelDialogClose{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.refresh-panel-dialog--wide{width:min(720px,100%)}.refresh-panel-dialog--fit{width:fit-content;max-width:min(640px,100%);max-height:100%}.refresh-panel-dialog__header{border-bottom:1px solid var(--border,#ffffff14);flex:0 0 44px;justify-content:space-between;align-items:center;min-height:44px;padding:0 4px 0 16px;display:flex}.refresh-panel-dialog__header h2{color:var(--text-body);font:600 12px var(--font-ui);letter-spacing:.03em;margin:0}.refresh-panel-dialog__body{overscroll-behavior:contain;flex:auto;min-height:0;display:flex;overflow:auto}.refresh-panel-dialog__body>.key-sync-panel,.refresh-panel-dialog__body>.sources-panel,.refresh-panel-dialog__body>.liner-notes-panel{box-sizing:border-box;width:100%}.refresh-panel-dialog__body>.key-sync-panel{flex:auto}.refresh-panel-dialog__body .key-sync-panel>.panel-crumb,.refresh-panel-dialog__body .sources-panel-header{display:none}.refresh-panel-overlay__close{background:radial-gradient(circle at center, var(--bg-raised) 0 14px, var(--border,#ffffff29) 14.5px 15px, transparent 15.5px);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border:0;border-radius:0;flex:0 0 44px;place-items:center;margin:0;display:grid;position:relative}.refresh-panel-overlay__close:hover,.refresh-panel-overlay__close:focus-visible{background:radial-gradient(circle at center, var(--bg-hover) 0 14px, var(--accent,#5ec4b6) 14.5px 15px, transparent 15.5px);outline:none}.refresh-footer{z-index:24;border-top:1px solid var(--border,#ffffff14);background:var(--bg-raised);padding-bottom:env(safe-area-inset-bottom,0px);flex:none;position:sticky;bottom:0}.refresh-footer__inner{grid-template-columns:repeat(5,1fr);width:min(1040px,100%);margin:0 auto;display:grid}.refresh-footer button{min-height:54px;color:var(--text-secondary,#999);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.refresh-footer button.is-active{color:var(--text-primary);box-shadow:inset 0 2px 0 var(--accent,#5ec4b6)}.refresh-footer__glyph{justify-content:center;align-items:center;min-height:15px;font-size:14px;line-height:1;display:inline-flex}.refresh-footer__label{letter-spacing:.04em;font-size:9px}.refresh-share-host{display:none}.refresh-share-host.is-visible{flex-grow:1;margin-bottom:16px;display:flex}.beat-cards-panel-embedded{flex:auto;min-width:0;min-height:0;display:flex}.beat-cards-panel-embedded .share-modal{width:100%;max-width:none;height:100%;min-height:0;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;animation:none;display:flex;position:static;inset:auto}.beat-cards-panel-embedded .beat-cards-panel__manager-header{flex:none;min-height:0;padding:26px 0 6px}.beat-cards-panel-embedded .share-modal__title{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-label-size,10px);letter-spacing:var(--type-label-tracking,.12em);text-transform:var(--type-label-case,uppercase);font-weight:300;line-height:1.55}.beat-cards-panel-embedded .share-modal__body{background:0 0;flex:auto;min-height:0;max-height:none;padding:0;display:flex;overflow:hidden}.beat-cards-panel-embedded .beat-cards-panel__view{flex:auto;min-height:0;display:flex}.beat-cards-panel-embedded .beat-cards-panel__view>.beat-cards-panel__drilldown{flex:auto;height:auto;min-height:0;padding:10px 0 32px}.beat-cards-panel-embedded .beat-cards-panel__detail{flex:auto;min-height:0}@media (width<=640px){.refresh-panel-overlay{padding:12px}.refresh-panel-dialog{max-height:calc(100dvh - 24px)}.refresh-panel-dialog--fit{max-height:100%}}.app--refresh:not(.app--landing){--refresh-rail-max:1040px;--refresh-rail-gutter:16px}.refresh-rail{box-sizing:border-box;width:min(var(--refresh-rail-max), 100%);padding-inline:var(--refresh-rail-gutter);margin-inline:auto}.refresh-gauges{flex:none;width:100%;padding:0;display:block}.refresh-gauges__rail{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:40px;padding-top:2px;padding-bottom:10px;display:grid}.refresh-gauges__start{align-items:center;gap:18px;min-width:0;display:flex}.refresh-gauge--sources{margin-left:0}.refresh-gauge__play-visual,.refresh-gauge__sources-visual{justify-content:center;align-items:center;display:inline-flex}.refresh-beat-subnav{flex:none;width:100%;padding:0;display:block}.refresh-beat-subnav__rail{justify-content:space-between;align-items:center;column-gap:10px;padding-top:8px;display:flex}.refresh-work-surface,.refresh-screen-surface{box-sizing:border-box;width:100%;min-height:0;margin:0}.refresh-work-surface{padding:12px 0 16px}.refresh-mix{padding:4px 0 16px}.refresh-work-surface h1{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:300}.refresh-panel-title,.refresh-export .modal-title,.refresh-share-host .share-modal__title{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-label-size,10px);letter-spacing:var(--type-label-tracking,.12em);text-transform:var(--type-label-case,uppercase);font-weight:300;line-height:1.55}.refresh-screen-surface__rail{min-height:0}.refresh-export{flex-grow:1;min-height:0;padding:18px 0 24px}.refresh-share-host.is-visible{margin-bottom:0}.refresh-share-host.is-visible>.refresh-screen-surface__rail{height:100%;min-height:0;display:flex}.app--refresh .panel-crumb h3,.app--refresh .pad-header h3{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-label-size,10px);letter-spacing:var(--type-label-tracking,.12em);opacity:1;text-transform:var(--type-label-case,uppercase);font-weight:300}.app--refresh .pad-section,.app--refresh .step-sequencer{margin-inline:0}.app--refresh .pad-section{padding:4px 0 0}.app--refresh .step-sequencer{padding-top:4px}.app--refresh .sequencer-header{padding-inline:0}.app--refresh .pad-header h3,.app--refresh .sequencer-header .panel-crumb{display:none}.app--refresh .panel-title.refresh-domain-title{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-label-size,10px);letter-spacing:var(--type-label-tracking,.12em);text-transform:var(--type-label-case,uppercase);margin:0 0 12px;font-weight:300;line-height:1.55}.app--refresh .slice-panel{margin-left:0;margin-right:0}.app--refresh .arr-info-brand{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--type-label-size,10px);letter-spacing:var(--type-label-tracking,.12em);text-transform:var(--type-label-case,uppercase);font-weight:300}.app--refresh .panel-page{padding-inline:var(--refresh-rail-gutter)}@media (width>=1072px){.app--refresh .panel-page{padding-inline:calc((100vw - var(--refresh-rail-max)) / 2 + var(--refresh-rail-gutter))}.app--refresh .panel-title.refresh-domain-title{margin-top:12px}}@media (width<=640px){.refresh-gauges__rail{min-height:52px;padding-top:0;padding-bottom:0}.refresh-gauges__start{gap:4px}.refresh-gauge-bpm-wrap{margin-right:8px}.refresh-gauge--play{background:0 0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;display:flex}.refresh-gauge--play:hover,.refresh-gauge--play:focus-visible,.refresh-gauge--play.is-playing{background:0 0}.refresh-gauge__play-visual{background:var(--accent,#5ec4b6);width:22px;height:22px;color:var(--bg-primary,#1f2028);border-radius:50%;font-size:10px;line-height:1}.refresh-gauge--bpm{min-height:44px;margin:0;padding-inline:0;font-size:34px}.refresh-gauge--key{min-width:76px;min-height:44px;font-size:var(--font-value,12px);white-space:nowrap;flex:none;margin:0}.refresh-gauge--key strong,.refresh-gauge--key small,.refresh-gauge--key .refresh-gauge__caret{white-space:nowrap;flex:none}.refresh-gauge--sources{justify-content:flex-end;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;display:flex}.refresh-gauge--sources svg{width:14px;height:14px}.refresh-beat-subnav__rail{column-gap:8px;padding-top:8px}.refresh-beat-subnav__rail .refresh-track-picker{min-width:0}.refresh-beat-subnav__rail .refresh-panel-tabs{flex:none}.refresh-work-surface{padding-top:12px;padding-bottom:16px}.refresh-mix{padding-top:4px;padding-bottom:16px}.refresh-export{padding-top:18px;padding-bottom:24px}.refresh-share-host.is-visible{margin-bottom:12px}}