.compose-page.svelte-16dnk2j{max-width:1100px;margin:0 auto;padding:2rem 1rem}.dashboard.svelte-16dnk2j{animation:.4s ease-out svelte-16dnk2j-page-in}@keyframes svelte-16dnk2j-page-in{0%{opacity:0;transform:translateY(6px)}}.dash-header.svelte-16dnk2j{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.dash-title.svelte-16dnk2j{color:var(--color-accent);letter-spacing:.06em;font-size:1.8rem;font-weight:400}.dash-sub.svelte-16dnk2j{color:var(--color-text-muted);margin-top:.2rem;font-size:.85rem;font-style:italic}.new-project-btn.svelte-16dnk2j{font-family:var(--font-serif);background:var(--color-accent);color:var(--color-bg);cursor:pointer;transition:all var(--transition-smooth);border:none;border-radius:2px;padding:.5rem 1.2rem;font-size:.82rem}.new-project-btn.svelte-16dnk2j:hover{background:var(--color-accent-bright)}.project-grid.svelte-16dnk2j{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.project-card.svelte-16dnk2j{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.project-card.svelte-16dnk2j:hover{border-color:var(--color-accent-dim);transform:translateY(-2px);box-shadow:0 4px 20px #00000040}.project-cover.svelte-16dnk2j{height:80px;color:var(--color-accent-dim);opacity:.4;background:#e8d5b708;justify-content:center;align-items:center;font-size:2rem;display:flex}.project-info.svelte-16dnk2j{padding:.75rem .85rem}.project-name.svelte-16dnk2j{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.2rem;font-size:.85rem;font-weight:400;overflow:hidden}.project-card.svelte-16dnk2j:hover .project-name:where(.svelte-16dnk2j){color:var(--color-accent)}.project-meta.svelte-16dnk2j{color:var(--color-text-muted);margin-right:.5rem;font-size:.68rem}.project-date.svelte-16dnk2j{color:var(--color-text-faint);font-size:.62rem}.dash-empty.svelte-16dnk2j{text-align:center;padding:4rem 2rem}.dash-empty.svelte-16dnk2j .empty-icon:where(.svelte-16dnk2j){color:var(--color-accent-dim);opacity:.3;margin-bottom:1rem;font-size:3rem;display:block}.dash-empty.svelte-16dnk2j .empty-text:where(.svelte-16dnk2j){color:var(--color-text);margin-bottom:.3rem;font-size:1.1rem}.dash-empty.svelte-16dnk2j .empty-hint:where(.svelte-16dnk2j){color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.85rem;font-style:italic}.dash-actions.svelte-16dnk2j{justify-content:center;gap:.75rem;padding:1rem 0;display:flex}.dash-import.svelte-16dnk2j{font-family:var(--font-serif);border:1px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:2px;padding:.5rem 1.2rem;font-size:.8rem}.dash-import.svelte-16dnk2j:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.dash-import-text.svelte-16dnk2j{cursor:pointer}.back-to-dash.svelte-16dnk2j{color:var(--color-text-muted);transition:color var(--transition-fast);padding:.2rem .5rem;font-size:1rem;text-decoration:none}.back-to-dash.svelte-16dnk2j:hover{color:var(--color-accent)}.track-bar.svelte-16dnk2j{flex-wrap:wrap;align-items:center;gap:.3rem;padding:.4rem 0;display:flex}.track-pill.svelte-16dnk2j{font-family:var(--font-serif);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:2px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.68rem;display:flex}.track-pill.svelte-16dnk2j:hover{border-color:var(--tc);color:var(--color-text)}.track-pill.active.svelte-16dnk2j{border-color:var(--tc);color:var(--color-text);background:#ffffff08}.track-pill.muted.svelte-16dnk2j{opacity:.35;text-decoration:line-through}.track-dot.svelte-16dnk2j{border-radius:50%;flex-shrink:0;width:6px;height:6px}.track-add.svelte-16dnk2j{width:24px;height:24px;color:var(--color-text-muted);border:1px dashed var(--color-border);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;font-size:.75rem;display:flex}.track-add.svelte-16dnk2j:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.live-studio.svelte-16dnk2j{flex-direction:column;gap:0;display:flex}.live-transport.svelte-16dnk2j{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.4rem 0;display:flex}.live-btn.svelte-16dnk2j{font-family:var(--font-serif);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:2px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.75rem;display:flex}.live-btn.svelte-16dnk2j:hover:not(:disabled){border-color:var(--color-accent-dim);color:var(--color-accent)}.live-btn.svelte-16dnk2j:disabled{opacity:.3;cursor:not-allowed}.hidden-input.svelte-16dnk2j{display:none}.live-btn.recording.svelte-16dnk2j{color:#e55;border-color:#d44}.rec-dot.svelte-16dnk2j{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.rec-dot.active.svelte-16dnk2j{background:#e44;animation:1s ease-in-out infinite svelte-16dnk2j-rec-pulse}@keyframes svelte-16dnk2j-rec-pulse{0%,to{opacity:1}50%{opacity:.4}}.live-info.svelte-16dnk2j{color:var(--color-text-faint);font-variant-numeric:tabular-nums;font-size:.7rem}.piano-roll-area.svelte-16dnk2j{border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;overflow:hidden}.roll-toolbar.svelte-16dnk2j{border-bottom:1px solid var(--color-border);background:#0003;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.roll-label.svelte-16dnk2j{color:var(--color-text-faint);font-size:.65rem}.roll-select.svelte-16dnk2j{font-family:var(--font-serif);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:2px;padding:.15rem .4rem;font-size:.7rem}.roll-btn.svelte-16dnk2j{font-family:var(--font-serif);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:2px;margin-left:auto;padding:.15rem .5rem;font-size:.65rem}.roll-btn.svelte-16dnk2j:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.roll-sep.svelte-16dnk2j{background:var(--color-border);width:1px;height:14px}.vel-control.svelte-16dnk2j{align-items:center;gap:.3rem;margin-left:auto;display:flex}.vel-label.svelte-16dnk2j{color:var(--color-text-faint);font-size:.6rem}.vel-slider.svelte-16dnk2j{width:60px;accent-color:var(--color-accent);height:3px}.vel-value.svelte-16dnk2j{color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:20px;font-size:.6rem}.timeline-ruler.svelte-16dnk2j{width:100%;height:24px;display:block}.piano-roll-canvas.svelte-16dnk2j{cursor:crosshair;width:100%;height:350px;display:block}.live-waterfall.svelte-16dnk2j{min-height:120px;position:relative}.live-waterfall.svelte-16dnk2j:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-bg));pointer-events:none;z-index:1;height:20px;position:absolute;bottom:0;left:0;right:0}.live-piano.svelte-16dnk2j{width:100%}.live-piano.svelte-16dnk2j .piano-wrapper{padding-top:0}.shortcuts-bar.svelte-16dnk2j{border-top:1px solid var(--color-border);opacity:.5;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;padding:1rem 0;display:flex}.shortcut.svelte-16dnk2j{color:var(--color-text-faint);white-space:nowrap;font-size:.62rem}.shortcut.svelte-16dnk2j kbd:where(.svelte-16dnk2j){font-family:var(--font-serif);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:2px;margin-right:.2rem;padding:.1rem .3rem;font-size:.58rem}.header.svelte-16dnk2j{margin-bottom:1rem}.title-row.svelte-16dnk2j{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.title-input.svelte-16dnk2j{font-family:var(--font-serif);color:var(--color-accent);border:none;border-bottom:1px solid var(--color-border);background:0 0;outline:none;flex:1;min-width:0;padding:.2rem 0;font-size:1.4rem;font-weight:400}.title-input.svelte-16dnk2j:focus{border-bottom-color:var(--color-accent-dim)}.page-title.svelte-16dnk2j{color:var(--color-accent);font-size:1.4rem;font-weight:400}.save-msg.svelte-16dnk2j{color:var(--color-accent-dim);font-size:.7rem;animation:.2s svelte-16dnk2j-fadeIn}@keyframes svelte-16dnk2j-fadeIn{0%{opacity:0}to{opacity:1}}.controls.svelte-16dnk2j{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ctrl-sep.svelte-16dnk2j{background:var(--color-border);width:1px;height:20px;margin:0 .3rem}.ctrl-btn.svelte-16dnk2j{font-family:var(--font-serif);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border-radius:2px;padding:.35rem .7rem;font-size:.78rem}.ctrl-btn.svelte-16dnk2j:hover{border-color:var(--color-accent-dim);color:var(--color-accent)}.play-btn.svelte-16dnk2j{border-color:var(--color-accent-dim);color:var(--color-accent);padding:.35rem .9rem;font-size:.9rem}.play-btn.svelte-16dnk2j:hover{background:var(--color-accent);color:var(--color-bg)}.active-toggle.svelte-16dnk2j{border-color:var(--color-accent-dim);color:var(--color-accent);background:#d4b89626}.save-btn.svelte-16dnk2j{border-color:var(--color-accent-dim);color:var(--color-accent)}.del-btn.svelte-16dnk2j:hover{color:var(--color-error);border-color:var(--color-error);background:#d9707026}.bpm-control.svelte-16dnk2j{align-items:center;gap:.3rem;display:flex}.bpm-input.svelte-16dnk2j{width:48px;font-family:var(--font-serif);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);text-align:center;border-radius:2px;padding:.3rem;font-size:.78rem}.bpm-label.svelte-16dnk2j{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}@media (width<=600px){.compose-page.svelte-16dnk2j{padding:1.5rem .5rem}}