.tcom-m54{--p:#5f63e6;--ink:#171922;--muted:#626779;--soft:#f6f7fb;--border:#dfe2eb;--accent2:#f0a43a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);margin:28px 0}.tcom-m54 *{box-sizing:border-box}.tcom-m54__shell{max-width:1050px;margin:0 auto;padding:24px;background:var(--soft);border:1px solid var(--border);border-radius:24px}.tcom-m54__header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.tcom-m54__eyebrow{margin:0 0 6px;color:var(--p);font-weight:700;font-size:14px}.tcom-m54 h2{font-size:clamp(28px,4vw,40px);margin:0 0 8px}.tcom-m54__subtitle{margin:0;max-width:760px;color:var(--muted);line-height:1.65}.tcom-m54__meter-badge{width:70px;min-width:70px;height:82px;background:var(--ink);color:#fff;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:27px;line-height:1}.tcom-m54__meter-badge span+span{border-top:2px solid #fff;margin-top:5px;padding-top:5px}.tcom-m54__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tcom-m54__card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(24,29,50,.05)}.tcom-m54__card--primary{grid-column:1/-1;padding:24px}.tcom-m54__card h3{font-size:19px;margin:0 0 16px}.tcom-m54 button,.tcom-m54 input,.tcom-m54 select{font:inherit}.tcom-m54__bpm-row{display:flex;align-items:center;justify-content:center;gap:18px}.tcom-m54__bpm-control{text-align:center}.tcom-m54__bpm-control>span,.tcom-m54__bpm-control small{display:block;color:var(--muted);font-weight:700}.tcom-m54__bpm-input{width:150px!important;height:auto!important;border:0!important;background:transparent!important;padding:0!important;font-size:clamp(48px,8vw,72px)!important;font-weight:800!important;text-align:center!important;color:var(--ink)!important;box-shadow:none!important}.tcom-m54__icon-btn{width:54px;height:54px;border-radius:50%;border:1px solid var(--border);background:#fff;font-size:30px;cursor:pointer}.tcom-m54__slider{width:100%;margin:16px 0 5px;accent-color:var(--p)}.tcom-m54__helper{text-align:center;color:var(--muted);font-size:13px;margin:0 0 14px}.tcom-m54__presets,.tcom-m54__grouping,.tcom-m54__transport{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.tcom-m54__chip{min-height:40px;padding:8px 13px;border-radius:999px;border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:700}.tcom-m54__grouping{margin:22px 0 14px}.tcom-m54__group-btn{min-height:46px;padding:10px 18px;border:1px solid var(--border);border-radius:12px;background:#fff;font-weight:800;cursor:pointer}.tcom-m54__group-btn.is-active{background:var(--p);border-color:var(--p);color:#fff}.tcom-m54__beats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:760px;margin:18px auto 24px}.tcom-m54__beat{min-height:108px;border:2px solid var(--border);border-radius:18px;background:#fff;cursor:pointer;transition:.15s}.tcom-m54__beat span{display:block;font-size:40px;font-weight:800}.tcom-m54__beat small{color:var(--muted);font-weight:700}.tcom-m54__beat.is-strong{border-color:var(--p);background:rgba(95,99,230,.08)}.tcom-m54__beat.is-secondary{border-color:var(--accent2);background:rgba(240,164,58,.1)}.tcom-m54__beat.is-mute{opacity:.48;border-style:dashed}.tcom-m54__beat.is-active{transform:translateY(-3px);box-shadow:0 10px 20px rgba(24,29,50,.12)}.tcom-m54__btn{min-height:48px;padding:10px 18px;border:1px solid var(--border);border-radius:12px;background:#fff;font-weight:750;cursor:pointer}.tcom-m54__btn--primary{background:var(--p);border-color:var(--p);color:#fff}.tcom-m54__btn--tap{border-color:var(--p);color:var(--p)}.tcom-m54__status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.tcom-m54__status-row>div{background:var(--soft);border-radius:12px;padding:12px;text-align:center}.tcom-m54__status-row span{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.tcom-m54__status-row strong{display:block;margin-top:4px;font-size:18px}.tcom-m54__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tcom-m54__fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tcom-m54 label{font-size:14px;font-weight:700}.tcom-m54 select,.tcom-m54 input[type=number]{width:100%;min-height:48px;margin-top:7px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);font-size:16px}.tcom-m54 input[type=range]{width:100%;margin-top:12px;accent-color:var(--p)}.tcom-m54 button:focus-visible,.tcom-m54 input:focus,.tcom-m54 select:focus{outline:3px solid rgba(95,99,230,.24);outline-offset:2px}.tcom-m54__note{color:var(--muted);font-size:13px;line-height:1.55;margin:14px 0 0}.tcom-m54__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tcom-m54__switch{display:flex;align-items:center;gap:7px}.tcom-m54__text-btn{border:0;background:transparent;color:var(--p);font-weight:700;cursor:pointer}.tcom-m54__history{display:flex;flex-wrap:wrap;gap:8px;min-height:42px}.tcom-m54__history p{margin:0;color:var(--muted)}.tcom-m54__history button{border:1px solid var(--border);border-radius:999px;background:#fff;padding:7px 11px;cursor:pointer}.tcom-m54__utility{margin-top:14px}.tcom-m54__footnotes{margin-top:16px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--border)}.tcom-m54__footnotes p{margin:6px 0;color:var(--muted);font-size:13px;line-height:1.55}.tcom-m54__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:720px){.tcom-m54__shell{padding:14px}.tcom-m54__header{align-items:flex-start}.tcom-m54__meter-badge{width:56px;min-width:56px;height:68px;font-size:22px}.tcom-m54__grid{grid-template-columns:1fr}.tcom-m54__card--primary{padding:18px}.tcom-m54__beats{gap:6px}.tcom-m54__beat{min-height:84px;padding:6px}.tcom-m54__beat span{font-size:30px}.tcom-m54__beat small{font-size:10px}.tcom-m54__status-row{grid-template-columns:repeat(2,1fr)}.tcom-m54__fields,.tcom-m54__fields--3{grid-template-columns:1fr}.tcom-m54__transport .tcom-m54__btn{flex:1 1 calc(50% - 10px)}.tcom-m54__bpm-input{width:120px!important}.tcom-m54__bpm-row{gap:10px}}@media(prefers-reduced-motion:reduce){.tcom-m54 *{transition:none!important}}