*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#222;height:100%;font-family:system-ui,sans-serif}main.chiptune-ui{flex-direction:column;justify-content:center;width:100%;max-width:800px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}section{margin-bottom:1.5rem}fieldset{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:1rem 1.25rem}legend{color:#444;padding:0 .5rem;font-weight:600}.player-row{align-items:center;gap:24px;display:flex}.song-info{flex-direction:column;flex:none;justify-content:center;min-width:120px;max-width:200px;display:flex}.song-info h3{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;overflow:hidden}.song-info .song-author{color:#888;margin-top:2px;font-size:.85em}.player-controls{flex-direction:column;flex:1;gap:8px;display:flex}.song-label{align-items:center;gap:8px;display:flex}.song-label select{flex:1}.buttons-row{align-items:center;gap:8px;display:flex}.repeat-label{white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:flex}.repeat-label input{width:52px}.slider-row{grid-template-columns:80px 1fr 60px;align-items:center;gap:.75rem;margin:.5rem 0;display:grid}.slider-row .time{text-align:right;font-variant-numeric:tabular-nums;color:#555;font-size:.85rem}label{align-items:center;gap:.5rem;font-size:.9rem;display:flex}input[type=number],input[type=range],select{border:1px solid #ccc;border-radius:4px;padding:.25rem .5rem}input[type=range]{flex:1;min-width:120px}small{color:#666;font-size:.8rem}button{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-weight:500}button:hover:not(:disabled){background:#0052a3}button:disabled{cursor:not-allowed;background:#ccc}.metadata-output{white-space:pre-wrap;word-break:break-word;background:#f8f9fa;border-radius:4px;max-height:300px;padding:1rem;font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.5;overflow-y:auto}pre{color:#d4d4d4;background:#1e1e1e;border-radius:6px;padding:1rem;font-family:ui-monospace,monospace;font-size:.85rem;overflow-x:auto}.audio-modal{z-index:1000;cursor:pointer;color:#fff;background:#000000e6;place-items:center;display:grid;position:fixed;inset:0}.audio-modal p{font-size:1.2rem;font-weight:500}.error{color:#b00;background:#fff0f0;border-radius:4px;margin-top:.75rem;padding:.5rem;font-weight:500}@media (width<=600px){.slider-row{grid-template-columns:70px 1fr;grid-template-areas:"label slider"".time"}.slider-row span:first-child{grid-area:label}.slider-row input{grid-area:slider}.slider-row .time{text-align:left;grid-area:time}.player-row{flex-direction:column;align-items:stretch}.song-info{max-width:none}}