.page.svelte-nyel9y{max-width:1200px;margin:0 auto;padding:24px 16px 64px}.crumb.svelte-nyel9y{font-size:13px;margin-bottom:16px}.crumb.svelte-nyel9y a:where(.svelte-nyel9y){color:#6366f1;text-decoration:none}.head.svelte-nyel9y h1:where(.svelte-nyel9y){font-size:28px;margin:4px 0 6px;font-weight:800}.head.svelte-nyel9y p:where(.svelte-nyel9y){color:#6b7280;margin:0 0 18px;font-size:14px}.head.svelte-nyel9y code:where(.svelte-nyel9y){background:#eef2ff;color:#4f46e5;padding:1px 6px;border-radius:4px;font-size:12px}.toolbar.svelte-nyel9y{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px}.primary.svelte-nyel9y{padding:10px 22px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}.ghost.svelte-nyel9y{padding:8px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit}.upload.svelte-nyel9y{display:inline-flex;align-items:center}.bpm.svelte-nyel9y{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.bpm.svelte-nyel9y input[type=range]:where(.svelte-nyel9y){width:120px}.bpm-num.svelte-nyel9y{font-weight:700;color:#1f2937;min-width:32px}.track-list.svelte-nyel9y{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px;margin-bottom:12px}.track-row.svelte-nyel9y{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px}.track-row.active.svelte-nyel9y{background:#eef2ff}.track-row.svelte-nyel9y+.track-row:where(.svelte-nyel9y){margin-top:2px}.track-name.svelte-nyel9y{flex:0 0 110px;text-align:left;background:transparent;border:none;font-weight:700;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:6px;font-family:inherit}.track-row.active.svelte-nyel9y .track-name:where(.svelte-nyel9y){color:#4f46e5}.track-row.svelte-nyel9y select:where(.svelte-nyel9y){padding:4px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-family:inherit}.mini.svelte-nyel9y{width:28px;height:28px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}.mini.on.svelte-nyel9y{background:#6366f1;color:#fff;border-color:#4f46e5}.x.svelte-nyel9y{margin-left:auto;background:transparent;border:none;color:#9ca3af;font-size:14px;cursor:pointer}.x.svelte-nyel9y:hover{color:#ef4444}.grid-wrap.svelte-nyel9y{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px;overflow-x:auto}.step-row.svelte-nyel9y,.row.svelte-nyel9y{display:grid;grid-template-columns:50px repeat(32,minmax(20px,1fr));gap:1px}.step-row.svelte-nyel9y{margin-bottom:4px}.step-num.svelte-nyel9y{text-align:center;font-size:9px;color:#9ca3af;font-variant-numeric:tabular-nums;padding:2px 0}.step-num.beat.svelte-nyel9y{color:#4b5563;font-weight:700}.step-num.current.svelte-nyel9y{color:#6366f1}.key-spacer.svelte-nyel9y{width:50px}.row.svelte-nyel9y+.row:where(.svelte-nyel9y){margin-top:1px}.key-label.svelte-nyel9y{font-size:10px;font-family:monospace;background:#fff;border:1px solid #e5e7eb;color:#4b5563;padding:0 4px;height:18px;text-align:right;line-height:18px}.black.svelte-nyel9y .key-label:where(.svelte-nyel9y){background:#1f2937;color:#d1d5db;border-color:#1f2937}.cell.svelte-nyel9y{height:18px;background:#f9fafb;border:1px solid #f3f4f6;cursor:pointer;padding:0}.black.svelte-nyel9y .cell:where(.svelte-nyel9y){background:#f3f4f6}.cell.beat.svelte-nyel9y{border-left:1px solid #d1d5db}.cell.current.svelte-nyel9y{background:#eef2ff}.cell.on.svelte-nyel9y{background:#6366f1;border-color:#4f46e5}.cell.on.current.svelte-nyel9y{background:#ec4899;border-color:#db2777}.info.svelte-nyel9y{margin-top:32px;padding:20px;background:#f9fafb;border-radius:10px}.info.svelte-nyel9y h2:where(.svelte-nyel9y){font-size:16px;margin:0 0 10px}.info.svelte-nyel9y ul:where(.svelte-nyel9y){margin:0;padding-left:18px;color:#4b5563;line-height:1.8;font-size:14px}