.panel{background:#fffef9;border:1px solid var(--line);border-radius:18px;padding:26px;margin:22px 0}.panel p{color:#647468;line-height:1.6;font-size:13px}.upload{display:block;padding:34px;border:2px dashed #a3b68b;border-radius:14px;background:#edf1e3;font-size:17px;color:var(--green);cursor:pointer;margin-top:20px}.upload input{display:block;margin-top:16px;max-width:100%}.upload.drag{background:var(--lime)}audio{width:100%}.settings{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.settings label{flex:1;min-width:150px;color:var(--ink);font-size:12px}.settings input:not([type=range]),.settings select{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#f9faf4}input{font:inherit;accent-color:var(--green)}button{border:1px solid var(--line);background:#f1f3e9;border-radius:9px;padding:11px 17px}.primary{background:var(--green);color:white}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions label{margin:0}progress{width:100%;accent-color:var(--green)}.score-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}#score svg{display:block;width:100%;height:auto;background:white;margin:15px 0;break-inside:avoid}#editor>div{display:grid;grid-template-columns:70px 120px 1fr;gap:10px;margin:12px 0;align-items:center}#editor input{padding:10px;width:100%;min-width:0;border:1px solid var(--line);border-radius:6px}#editor input:invalid{border-color:#b23535}.active-bar{fill:#e8efcb}summary{cursor:pointer;font-weight:600}a{color:var(--green)}[hidden]{display:none!important}@media(max-width:650px){.panel{padding:18px}.score-heading{align-items:flex-start;flex-direction:column}#editor>div{grid-template-columns:50px 80px 1fr}.score-panel{padding:8px}}@media print{header,.intro,footer,#result>.panel:not(.score-panel),main>.panel,details,.score-heading .actions{display:none!important}main{max-width:none;padding:0}.score-panel{border:0;padding:0;margin:0}#score svg{break-inside:avoid}body{background:white}}
.panel textarea{width:100%;font:15px/1.7 monospace;padding:15px;border:1px solid var(--line);border-radius:10px;resize:vertical}.lyric-piece{display:inline-block;vertical-align:bottom;white-space:pre;max-width:100%}.lyric-chord{display:block;color:var(--green);font-weight:700;min-height:1.6em;line-height:1.6}.score-lyrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 5% 20px}.score-lyrics small,.lyrics-measure small{display:block;color:var(--muted);font-size:10px;margin:6px 0}.lyrics-measure{margin:18px 0;break-inside:avoid;font:16px/1.5 monospace}.score-lyrics{font:14px/1.5 monospace}#lyrics-sheet{display:none}.lyrics-only #score{display:none}.lyrics-only #lyrics-sheet{display:block}#score{overflow-x:auto}#score svg{min-width:850px}.score-heading .actions label{font-size:11px}.score-heading .actions select{display:block;margin-top:5px;min-width:0}@media print{#score{overflow:visible}#score svg{min-width:0}.lyric-chord{color:#111}.score-lyrics{break-inside:avoid}@page{size:A4 portrait;margin:12mm}}@media(max-width:650px){.score-lyrics{grid-template-columns:1fr}}