.tool-content[data-astro-cid-qspvqmnl]{padding:60px 0}.tool-header[data-astro-cid-qspvqmnl]{text-align:center;margin-bottom:60px}.tool-header[data-astro-cid-qspvqmnl] .tool-icon[data-astro-cid-qspvqmnl]{font-size:60px;margin-bottom:20px}.tool-header[data-astro-cid-qspvqmnl] h1[data-astro-cid-qspvqmnl]{font-size:42px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.tool-header[data-astro-cid-qspvqmnl] p[data-astro-cid-qspvqmnl]{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.metronome-container[data-astro-cid-qspvqmnl]{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1000px;margin:0 auto}.metronome-section[data-astro-cid-qspvqmnl]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:30px;max-width:1200px;margin:0 auto}.metronome-controls[data-astro-cid-qspvqmnl]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:40px;grid-column:1;grid-row:1 / 3}.metronome-display[data-astro-cid-qspvqmnl]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:40px;text-align:center;grid-column:2;grid-row:1}.tempo-adjust-controls[data-astro-cid-qspvqmnl]{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:40px;grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.tempo-adjust-btn[data-astro-cid-qspvqmnl]:hover{background:var(--accent-hover)!important;transform:translateY(-2px)}.tempo-adjust-btn[data-astro-cid-qspvqmnl]:active{transform:translateY(0)}.tempo-control[data-astro-cid-qspvqmnl]{margin-bottom:30px}.tempo-control[data-astro-cid-qspvqmnl] label[data-astro-cid-qspvqmnl]{display:block;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.tempo-slider[data-astro-cid-qspvqmnl]{width:100%;height:8px;border-radius:4px;background:var(--border-color);outline:none;-webkit-appearance:none;margin-bottom:16px}.tempo-slider[data-astro-cid-qspvqmnl]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003}.tempo-slider[data-astro-cid-qspvqmnl]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003}.tempo-display[data-astro-cid-qspvqmnl]{font-size:48px;font-weight:700;color:var(--accent-color);text-align:center;margin-bottom:8px}.tempo-label[data-astro-cid-qspvqmnl]{font-size:18px;font-weight:600;color:var(--text-secondary);text-align:center}.time-signature[data-astro-cid-qspvqmnl],.sound-control[data-astro-cid-qspvqmnl],.volume-control[data-astro-cid-qspvqmnl]{margin-bottom:30px}.time-signature[data-astro-cid-qspvqmnl] label[data-astro-cid-qspvqmnl],.sound-control[data-astro-cid-qspvqmnl] label[data-astro-cid-qspvqmnl],.volume-control[data-astro-cid-qspvqmnl] label[data-astro-cid-qspvqmnl]{display:block;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.time-signature-select[data-astro-cid-qspvqmnl]{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:16px;cursor:pointer}.volume-slider[data-astro-cid-qspvqmnl]{width:100%;height:8px;border-radius:4px;background:var(--border-color);outline:none;-webkit-appearance:none}.volume-slider[data-astro-cid-qspvqmnl]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer}.volume-slider[data-astro-cid-qspvqmnl]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer}.play-controls[data-astro-cid-qspvqmnl]{display:flex;justify-content:center;margin-bottom:30px}.play-btn[data-astro-cid-qspvqmnl]{padding:16px 32px;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.play-btn[data-astro-cid-qspvqmnl].primary{background:var(--accent-color);color:#fff}.play-btn[data-astro-cid-qspvqmnl].primary:hover{background:var(--accent-hover)}.play-btn[data-astro-cid-qspvqmnl].secondary{background:var(--error-color);color:#fff}.play-btn[data-astro-cid-qspvqmnl].secondary:hover{background:#dc2626}.visual-metronome[data-astro-cid-qspvqmnl]{margin-bottom:30px}.beat-indicator[data-astro-cid-qspvqmnl]{width:120px;height:120px;border-radius:50%;background:var(--accent-bg);border:4px solid var(--accent-border);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--accent-color);transition:all .1s ease}.beat-indicator[data-astro-cid-qspvqmnl].active{background:var(--accent-color);color:#fff;transform:scale(1.1);box-shadow:0 0 20px #6b9bd280}.beat-indicator[data-astro-cid-qspvqmnl].downbeat{background:var(--success-color);color:#fff;transform:scale(1.2);box-shadow:0 0 25px #10b98199}.beat-counter[data-astro-cid-qspvqmnl]{font-size:18px;color:var(--text-secondary);margin-bottom:20px}.tempo-presets[data-astro-cid-qspvqmnl]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tempo-preset[data-astro-cid-qspvqmnl]{padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;text-align:center;line-height:1.2}.tempo-preset[data-astro-cid-qspvqmnl]:hover{border-color:var(--accent-color);background:var(--accent-bg)}.tempo-preset[data-astro-cid-qspvqmnl].active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}@media(max-width:768px){.metronome-section[data-astro-cid-qspvqmnl]{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px}.metronome-controls[data-astro-cid-qspvqmnl]{grid-column:1;grid-row:1}.metronome-display[data-astro-cid-qspvqmnl]{grid-column:1;grid-row:2}.tempo-adjust-controls[data-astro-cid-qspvqmnl]{grid-column:1;grid-row:3}.metronome-controls[data-astro-cid-qspvqmnl],.metronome-display[data-astro-cid-qspvqmnl],.tempo-adjust-controls[data-astro-cid-qspvqmnl]{padding:30px 20px}.tempo-presets[data-astro-cid-qspvqmnl]{grid-template-columns:repeat(2,1fr)}.play-controls[data-astro-cid-qspvqmnl]{flex-direction:column}.tempo-adjust-controls[data-astro-cid-qspvqmnl]>div[data-astro-cid-qspvqmnl]{flex-direction:column;gap:20px}}