.tool-header[data-astro-cid-xp3dnor2]{padding:clamp(3rem,7vw,5rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}.tool-header-inner[data-astro-cid-xp3dnor2]{max-width:860px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}.breadcrumb[data-astro-cid-xp3dnor2]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-2);margin-bottom:1.5rem}.breadcrumb[data-astro-cid-xp3dnor2] a{color:var(--text-2);transition:color .15s}.breadcrumb[data-astro-cid-xp3dnor2] a:hover{color:var(--text)}.breadcrumb[data-astro-cid-xp3dnor2] span:last-child{color:var(--text)}.tool-title[data-astro-cid-xp3dnor2]{font-family:var(--font-display);font-size:var(--step-h1);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}.tool-title[data-astro-cid-xp3dnor2] em{color:inherit}.tool-desc[data-astro-cid-xp3dnor2]{font-size:var(--step-lead);color:var(--text-2);max-width:520px;line-height:1.65}.metro-section[data-astro-cid-xp3dnor2]{padding:clamp(2.5rem,6vw,4rem) 0}.metro-wrap[data-astro-cid-xp3dnor2]{max-width:560px;margin:0 auto;padding:0 clamp(1.25rem,5vw,2rem);display:flex;flex-direction:column;align-items:center;gap:2rem}.beat-row[data-astro-cid-xp3dnor2]{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px}.beat-dot[data-astro-cid-xp3dnor2]{width:14px;height:14px;border-radius:50%;background:var(--line);border:1.5px solid var(--line);transition:background .06s,transform .06s,border-color .06s;flex-shrink:0}.beat-dot[data-astro-cid-xp3dnor2].accent{width:18px;height:18px;background:var(--surface-2);border-color:var(--line)}.beat-dot[data-astro-cid-xp3dnor2].active{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}.beat-dot[data-astro-cid-xp3dnor2].accent.active{background:var(--accent);border-color:var(--accent);transform:scale(1.4);box-shadow:0 0 16px rgba(var(--accent-rgb),.6)}.bpm-display-block[data-astro-cid-xp3dnor2]{display:flex;align-items:center;gap:1.5rem}.bpm-center[data-astro-cid-xp3dnor2]{text-align:center;min-width:160px}.bpm-number[data-astro-cid-xp3dnor2]{font-family:var(--font-display);font-size:clamp(5rem,15vw,8rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;transition:transform .08s cubic-bezier(.34,1.56,.64,1);cursor:default;user-select:none}.bpm-number[data-astro-cid-xp3dnor2].pulse{transform:scale(1.04)}.bpm-label[data-astro-cid-xp3dnor2]{font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--text-2);margin-top:.25rem}.adj-btn[data-astro-cid-xp3dnor2]{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,transform .1s;flex-shrink:0}.adj-btn[data-astro-cid-xp3dnor2]:hover{border-color:var(--edge-ui);color:var(--text);background:rgba(var(--text-rgb),.05)}.adj-btn[data-astro-cid-xp3dnor2]:active{transform:scale(.92)}.slider-row[data-astro-cid-xp3dnor2]{display:flex;align-items:center;gap:.75rem;width:100%}.slider-label[data-astro-cid-xp3dnor2]{font-size:.72rem;color:var(--text-2);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:2rem;text-align:center}.bpm-slider[data-astro-cid-xp3dnor2]{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--line);cursor:pointer;outline:none}.bpm-slider[data-astro-cid-xp3dnor2]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none;transition:transform .12s}.bpm-slider[data-astro-cid-xp3dnor2]::-webkit-slider-thumb:hover{transform:scale(1.2)}.bpm-slider[data-astro-cid-xp3dnor2]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.controls-row[data-astro-cid-xp3dnor2]{display:flex;align-items:flex-end;gap:1.5rem;width:100%;justify-content:center;flex-wrap:wrap}.control-group[data-astro-cid-xp3dnor2]{display:flex;flex-direction:column;gap:.4rem}.ctrl-label[data-astro-cid-xp3dnor2]{font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text-2)}.time-sig-select[data-astro-cid-xp3dnor2]{-webkit-appearance:none;appearance:none;background:var(--surface);border:1.5px solid var(--line);color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:600;padding:10px 36px 10px 16px;border-radius:8px;cursor:pointer;outline:none;transition:border-color .15s;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.time-sig-select[data-astro-cid-xp3dnor2]:hover,.time-sig-select[data-astro-cid-xp3dnor2]:focus{border-color:var(--accent)}.tap-btn[data-astro-cid-xp3dnor2]{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1.5px solid var(--line);color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:600;padding:10px 20px;border-radius:8px;cursor:pointer;transition:border-color .15s,background .1s,transform .08s;white-space:nowrap}.tap-btn[data-astro-cid-xp3dnor2]:hover{border-color:var(--edge-ui);color:var(--text)}.tap-btn[data-astro-cid-xp3dnor2]:active{transform:scale(.95);background:rgba(var(--text-rgb),.08)}.play-btn[data-astro-cid-xp3dnor2]{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:300px;padding:18px 32px;background:var(--action);color:var(--action-ink);border:none;border-radius:12px;font-family:var(--font-body);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:background .15s,transform .12s cubic-bezier(.34,1.56,.64,1)}.play-btn[data-astro-cid-xp3dnor2]:hover{background:var(--action-dim);transform:translateY(-2px)}.play-btn[data-astro-cid-xp3dnor2]:active{transform:scale(.97)}.play-btn[data-astro-cid-xp3dnor2].playing{background:var(--surface);color:var(--text);border:1.5px solid var(--line)}.play-btn[data-astro-cid-xp3dnor2].playing:hover{background:var(--surface-2);border-color:var(--line)}.presets[data-astro-cid-xp3dnor2]{width:100%;display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--line)}.presets-label[data-astro-cid-xp3dnor2]{font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text-2)}.preset-chips[data-astro-cid-xp3dnor2]{display:flex;flex-wrap:wrap;gap:.5rem}.preset-chip[data-astro-cid-xp3dnor2]{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1.5px solid var(--line);color:var(--text-2);font-family:var(--font-body);font-size:.8rem;font-weight:500;padding:6px 14px;border-radius:100px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.preset-chip[data-astro-cid-xp3dnor2] span{font-size:.72rem;color:var(--text-2);opacity:.7}.preset-chip[data-astro-cid-xp3dnor2]:hover{border-color:var(--edge-ui);color:var(--text);background:rgba(var(--text-rgb),.05)}.preset-chip[data-astro-cid-xp3dnor2]:hover span{color:var(--text);opacity:.8}.preset-chip[data-astro-cid-xp3dnor2].active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.seo-content[data-astro-cid-xp3dnor2]{border-top:1px solid var(--line);padding:clamp(3rem,7vw,5rem) 0 clamp(2rem,5vw,4rem)}.seo-inner[data-astro-cid-xp3dnor2]{max-width:860px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);display:flex;flex-direction:column;gap:3.5rem}.seo-block[data-astro-cid-xp3dnor2] h2[data-astro-cid-xp3dnor2]{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:1.25rem;color:var(--text)}.seo-block[data-astro-cid-xp3dnor2] p[data-astro-cid-xp3dnor2]{font-size:.95rem;color:var(--text-2);line-height:1.75;max-width:700px}.seo-block[data-astro-cid-xp3dnor2] p[data-astro-cid-xp3dnor2]+p[data-astro-cid-xp3dnor2]{margin-top:.9rem}.seo-block[data-astro-cid-xp3dnor2] strong{color:var(--text);font-weight:600}.tips-list[data-astro-cid-xp3dnor2]{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:1.25rem 2.5rem;counter-reset:tips}@media(max-width:700px){.tips-list[data-astro-cid-xp3dnor2]{grid-template-columns:minmax(0,1fr)}}.tips-list[data-astro-cid-xp3dnor2] li[data-astro-cid-xp3dnor2]{font-size:.92rem;color:var(--text-2);line-height:1.7;counter-increment:tips;padding-left:2rem;position:relative}.tips-list[data-astro-cid-xp3dnor2] li[data-astro-cid-xp3dnor2]:before{content:counter(tips);position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:rgba(var(--text-rgb),.1);border:1px solid rgba(var(--text-rgb),.2);color:var(--text);font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center}.tips-list[data-astro-cid-xp3dnor2] li[data-astro-cid-xp3dnor2] strong{color:var(--text)}.tempo-table-wrap[data-astro-cid-xp3dnor2]{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);margin-top:.25rem}.tempo-table[data-astro-cid-xp3dnor2]{width:100%;border-collapse:collapse;font-size:.875rem}.tempo-table[data-astro-cid-xp3dnor2] thead[data-astro-cid-xp3dnor2]{background:var(--surface)}.tempo-table[data-astro-cid-xp3dnor2] th[data-astro-cid-xp3dnor2]{text-align:left;padding:12px 16px;font-size:.8rem;font-weight:700;text-transform:none;letter-spacing:0;color:var(--text-2);border-bottom:1px solid var(--line);white-space:nowrap}.tempo-table[data-astro-cid-xp3dnor2] td[data-astro-cid-xp3dnor2]{padding:11px 16px;color:var(--text-2);border-bottom:1px solid var(--line);line-height:1.5;vertical-align:top}.tempo-table[data-astro-cid-xp3dnor2] td[data-astro-cid-xp3dnor2] strong{color:var(--text);font-weight:600}.tempo-table[data-astro-cid-xp3dnor2] tr[data-astro-cid-xp3dnor2]:last-child td[data-astro-cid-xp3dnor2]{border-bottom:none}.tempo-table[data-astro-cid-xp3dnor2] tr[data-astro-cid-xp3dnor2]:hover td[data-astro-cid-xp3dnor2]{background:rgba(var(--text-rgb),.02)}.tools-links[data-astro-cid-xp3dnor2]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.25rem}.tool-link[data-astro-cid-xp3dnor2]{display:flex;align-items:center;gap:.75rem;padding:14px 18px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--text-2);font-size:.88rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.tool-link[data-astro-cid-xp3dnor2] svg[data-astro-cid-xp3dnor2]{color:var(--text);flex-shrink:0}.tool-link[data-astro-cid-xp3dnor2]:hover{border-color:var(--edge-ui);color:var(--text);background:rgba(var(--text-rgb),.04)}.cta-banner[data-astro-cid-xp3dnor2]{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(1.75rem,4vw,2.5rem) clamp(1.5rem,4vw,2.5rem)}.cta-banner-glow[data-astro-cid-xp3dnor2]{position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(var(--action-rgb),.1) 0%,transparent 65%);pointer-events:none}.cta-banner-content[data-astro-cid-xp3dnor2]{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cta-banner-text[data-astro-cid-xp3dnor2] h3[data-astro-cid-xp3dnor2]{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:.5rem}.cta-banner-text[data-astro-cid-xp3dnor2] p[data-astro-cid-xp3dnor2]{font-size:.88rem;color:var(--text-2);max-width:380px;line-height:1.6}.cta-banner-btn[data-astro-cid-xp3dnor2]{display:inline-flex;align-items:center;background:var(--action);color:var(--action-ink);font-weight:700;font-size:.9rem;padding:12px 24px;border-radius:8px;white-space:nowrap;transition:background .15s,transform .12s;flex-shrink:0}.cta-banner-btn[data-astro-cid-xp3dnor2]:hover{background:var(--action-dim);transform:translateY(-1px)}@media(max-width:600px){.bpm-display-block[data-astro-cid-xp3dnor2]{gap:1rem}.bpm-number[data-astro-cid-xp3dnor2]{font-size:clamp(4rem,18vw,6rem)}.bpm-center[data-astro-cid-xp3dnor2]{min-width:120px}.adj-btn[data-astro-cid-xp3dnor2]{width:44px;height:44px}.tools-links[data-astro-cid-xp3dnor2]{grid-template-columns:minmax(0,1fr)}.tempo-table[data-astro-cid-xp3dnor2] th[data-astro-cid-xp3dnor2]:nth-child(4),.tempo-table[data-astro-cid-xp3dnor2] td[data-astro-cid-xp3dnor2]:nth-child(4){display:none}}@media(min-width:900px){.metro-section[data-astro-cid-xp3dnor2]{padding-block:clamp(1.75rem,3vw,2.5rem)}.metro-wrap[data-astro-cid-xp3dnor2]{max-width:1000px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"beats controls" "display play" "slider presets";align-items:center;column-gap:3rem;row-gap:1.25rem}.beat-row[data-astro-cid-xp3dnor2]{grid-area:beats;justify-self:center}.bpm-display-block[data-astro-cid-xp3dnor2]{grid-area:display;justify-self:center}.slider-row[data-astro-cid-xp3dnor2]{grid-area:slider;width:100%}.controls-row[data-astro-cid-xp3dnor2]{grid-area:controls}.play-btn[data-astro-cid-xp3dnor2]{grid-area:play}.presets[data-astro-cid-xp3dnor2]{grid-area:presets}}