.sheet-panel{padding:20px;min-width:0;color:var(--text,#e8efff)}
.sheet-heading,.sheet-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sheet-heading h3{font-size:22px;letter-spacing:-.6px;font-weight:500;margin:8px 0}
.sheet-heading p,.sheet-help,.sheet-status{color:var(--muted,#9dabca);font-size:11px;line-height:1.7;margin:8px 0 14px}
.sheet-eyebrow{font-size:8px;letter-spacing:1.4px;color:#86b3ff}
.sheet-badge{font-size:8px;letter-spacing:1px;border:1px solid #314568;border-radius:30px;padding:8px;color:#a8c7ff;white-space:nowrap}
.sheet-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:15px 0}
.sheet-controls label{display:flex;flex-direction:column;gap:6px;color:#d2dff6;font-size:11px;flex:1;min-width:130px}
.sheet-controls label span{font-size:9px;color:#94a8c7;font-weight:400}
.sheet-controls input,.sheet-controls select{min-width:0;width:100%;box-sizing:border-box;min-height:38px;padding:9px 10px;border:1px solid #344565;background:#101e35;border-radius:9px;color:#e8efff;font:inherit}
.sheet-panel button,.sheet-downloads a{min-height:37px;padding:9px 13px;border:1px solid #354a70;border-radius:9px;background:#15243e;color:#dce9ff;font:inherit;font-size:11px;cursor:pointer}
.sheet-panel button:hover,.sheet-downloads a:hover{background:#233b64;border-color:#6894e7}.sheet-panel button:focus-visible,.sheet-downloads a:focus-visible,.sheet-panel input:focus-visible,.sheet-panel select:focus-visible,.sheet-canvas:focus-visible{outline:2px solid #88b6ff;outline-offset:3px}
.sheet-panel button:disabled{opacity:.4;cursor:default}
.sheet-panel .sheet-generate{background:#2861e8;border-color:#668bff;color:#fff;padding:11px 17px;min-height:40px}
.sheet-status{min-height:34px;border-left:2px solid #547aff;padding:8px 12px;background:#101b2f;border-radius:0 8px 8px 0}
.sheet-result-head{margin:12px 0;color:#a9bce1;font-size:10px;flex-wrap:wrap}
.sheet-pages{display:flex;align-items:center;gap:10px}.sheet-pages button{min-height:30px;padding:5px 10px}
.sheet-canvas{border-radius:12px;overflow:auto;max-height:480px;background:white;border:1px solid #2a3c5d}
.sheet-canvas svg{display:block;width:100%;min-width:700px;height:auto}
.sheet-downloads a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.sheet-downloads{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px}
@media(max-width:650px){.sheet-panel{padding:15px}.sheet-heading{align-items:start}.sheet-heading h3{font-size:20px}.sheet-badge{display:none}.sheet-controls{gap:10px}.sheet-controls label{min-width:115px}.sheet-generate{flex-basis:100%}.sheet-canvas{max-height:370px}.sheet-help,.sheet-status{font-size:10px}.sheet-downloads a{flex:1}}
.sheet-transport{padding:12px 14px;background:#0b172b;border:1px solid #2d456c;border-radius:12px;margin:10px 0 12px}
.sheet-transport-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sheet-transport [data-sheet="play"]{background:#265de4;border-color:#5f8fff;color:#fff;min-width:112px}
.sheet-now{display:flex;align-items:center;gap:10px;margin-left:8px}.sheet-now span{font-size:8px;letter-spacing:1px;color:#8fa6c9}.sheet-now strong{font-size:20px;line-height:1;color:#a9cdff;min-width:52px}
.sheet-follow{display:flex;gap:6px;align-items:center;margin-left:auto;font-size:11px;color:#bbceeb}.sheet-follow input{accent-color:#6da8ff}
.sheet-transport input[type="range"]{display:block;width:100%;margin:14px 0 7px;accent-color:#85b8ff;height:20px;cursor:pointer}
.sheet-playback-caption{display:flex;justify-content:space-between;gap:12px;color:#8ea5c8;font-size:9px;line-height:1.5}.sheet-playback-caption [data-sheet="time"]{white-space:nowrap;font-variant-numeric:tabular-nums}
.sheet-note .sheet-note-highlight{transition:opacity .07s}.sheet-note.is-playing .sheet-note-highlight{opacity:.55}.sheet-note.is-playing{filter:drop-shadow(0 0 2px #94bbff)}
@media(max-width:650px){.sheet-transport{padding:10px}.sheet-now{margin-left:0}.sheet-now span{display:none}.sheet-follow{font-size:10px}.sheet-playback-caption{font-size:8px}.sheet-playback-caption span:last-child{text-align:right;max-width:190px}}
@media(prefers-reduced-motion:reduce){.sheet-note .sheet-note-highlight{transition:none}}