.tx{max-width:980px;margin:0 auto}.tx .pt-tool{padding:22px}
.tx-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}
.tx-big{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border-radius:16px;border:1px solid var(--line2,#2a2a2e);background:#141417;color:#fff;font:600 16px/1.2 inherit;cursor:pointer;position:relative;overflow:hidden}
.tx-big:hover{border-color:#C1545F}.tx-big.rec{background:#C1545F;border-color:#C1545F}.tx-big input{position:absolute;inset:0;opacity:0;cursor:pointer}
.tx-dot{width:12px;height:12px;border-radius:50%;background:#C1545F}.tx-big.rec .tx-dot{background:#fff;animation:txp 1s infinite}@keyframes txp{50%{opacity:.3}}
.tx-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:8px 0 4px}
.tx-set label{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute,#9a9aa0)}
.tx-set select,.tx-set input{min-height:42px;border-radius:10px;border:1px solid var(--line2,#2a2a2e);background:#111114;color:#fff;padding:0 10px;font-size:15px;text-transform:none;letter-spacing:0}
.tx-msg{min-height:22px;margin:10px 0 0;color:var(--mute,#9a9aa0);font-size:14px}.tx-msg.err{color:#ff8a8a}
.tx-bar{height:4px;border-radius:4px;background:#1f1f23;overflow:hidden;margin-top:8px}.tx-bar i{display:block;height:100%;width:0;background:#C1545F;transition:width .3s}
.tx-res[hidden]{display:none}.tx-tabs{display:flex;gap:6px;margin:18px 0 12px;flex-wrap:wrap}
.tx-tabs button{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line2,#2a2a2e);background:#141417;color:#fff;font-weight:600;cursor:pointer}.tx-tabs button.on{background:#fff;color:#111}
.tx-sum{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--mute,#9a9aa0);margin:4px 0 12px}.tx-sum b{color:#fff}
.tx-sg{display:flex;flex-direction:column;gap:14px;background:#FBF7EF;color:#1b1b1b;border-radius:14px;padding:18px 16px;overflow-x:auto}
.tx-row{display:flex;flex-wrap:wrap;gap:4px 0;align-items:flex-end}.tx-barl{display:inline-flex;align-items:flex-end;padding:0 10px;border-right:2px solid #1b1b1b}.tx-row .tx-barl:first-child{padding-left:4px}
.tx-beat{display:inline-flex;gap:1px;padding:4px 6px;min-width:34px;justify-content:center;font:600 20px/1.6 "Noto Sans Devanagari","Mangal","Nirmala UI",system-ui,sans-serif}
.tx-beat.multi{border-bottom:1.5px solid #1b1b1b;border-radius:0 0 10px 10px}
.tx-n{position:relative;display:inline-block;padding:0 1px}.tx-n.k{text-decoration:underline;text-underline-offset:4px}.tx-n.t::before{content:"";position:absolute;left:50%;top:-2px;width:1.5px;height:8px;background:currentColor}
.tx-n.lo::after,.tx-n.hi::after{content:"";position:absolute;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}.tx-n.lo::after{bottom:-6px}.tx-n.hi::after{top:-4px}
.tx-hold{color:#8a7f6e}.tx-rest{color:#b7ad9c}
.tx-staff{background:#fff;border-radius:14px;padding:10px;overflow-x:auto}.tx-staff svg{max-width:100%;height:auto}
.tx-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tx-act .pt-btn{min-height:42px}
.tx-legend{font-size:13px;color:var(--mute,#9a9aa0);margin-top:10px;line-height:1.55}
@media print{body *{visibility:hidden}.tx-print,.tx-print *{visibility:visible}.tx-print{position:absolute;left:0;top:0;width:100%}.tx-act,.tx-tabs{display:none}}

.tx-staff[hidden],.tx-sg[hidden],.tx-res[hidden],.tx-bar[hidden]{display:none!important}