.sc-single-waveform{width:100%;min-width:0;margin:12px 0;padding:12px;border:1px solid #30435c;border-radius:12px;background:#07111c;color:#dcecf9;box-sizing:border-box}.sc-single-waveform button{min-height:36px;padding:6px 10px;border:1px solid #38516c;border-radius:8px;background:#142339;color:#dcecf9;cursor:pointer}.sc-single-waveform button:disabled{opacity:.35;cursor:default}.sc-single-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.sc-single-head strong{font:800 11px ui-monospace,monospace;letter-spacing:.08em;color:#69eaff}.sc-single-head>span{color:#b3c7d8;font:11px ui-monospace,monospace}.sc-single-zoom{display:flex;align-items:center;gap:5px}.sc-single-zoom>span{font-size:12px;min-width:25px;text-align:center}.sc-single-viewport{position:relative;overflow:hidden;height:150px;margin:12px 0;background:repeating-linear-gradient(90deg,#1e3042,#1e3042 1px,transparent 0,transparent 12.5%),#050b13;border:1px solid #32465c;border-radius:9px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.sc-single-viewport svg{position:relative;display:block;width:100%;height:100%;pointer-events:none;z-index:2}.sc-single-selection{background:#e879b544;z-index:1}.sc-single-handle,.sc-single-selection{position:absolute;top:0;bottom:0;pointer-events:none}.sc-single-handle{width:3px;background:#ffc0db;transform:translateX(-50%);z-index:3}.sc-single-playhead{position:absolute;top:0;bottom:0;width:2px;background:#c7ff70;box-shadow:0 0 10px #c7ff70;transform:translateX(-50%);z-index:4;pointer-events:none}.sc-single-pan,.sc-single-seek{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:11px;color:#9db1c6}.sc-single-pan input,.sc-single-seek input{flex:1 1;min-width:30px;accent-color:#c7ff70}.sc-single-seek output{font:11px ui-monospace,monospace;white-space:nowrap}.sc-single-markers{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sc-single-markers span{font-size:11px;color:#9eb0c8}@media(max-width:600px){.sc-single-waveform{padding:8px}.sc-single-viewport{height:124px}.sc-single-head>span{order:3;width:100%}.sc-single-seek{flex-wrap:wrap}.sc-single-markers span{flex-basis:100%}}.sc-single-viewport[role=slider]:focus-visible{outline:2px solid #8aefdf;outline-offset:3px;box-shadow:0 0 0 5px #8aefdf20}.sc-single-viewport[role=slider]:active{cursor:ew-resize}.sc-single-seek input[type=range]{min-height:38px;cursor:pointer}.sc-single-waveform .sc-single-markers span{line-height:1.45}@media(max-width:600px){.sc-single-seek input[type=range]{min-height:44px}}.sc-single-ruler{position:absolute;top:0;left:0;right:0;height:24px;z-index:6;pointer-events:none;background:linear-gradient(180deg,#06101de8,#06101d20);white-space:nowrap}.sc-single-ruler span{position:absolute;top:0;display:inline-block;padding:4px 0 2px 4px;border-left:1px solid #75a8c1b0;color:#b9d9eb;font:600 9px ui-monospace,SFMono-Regular,monospace;line-height:13px;transform:translateX(0);text-shadow:0 1px 3px #07101a}.sc-single-zoom button:focus-visible{outline:2px solid #8aefdf;outline-offset:2px}@media(max-width:600px){.sc-single-ruler span{font-size:8px}.sc-single-zoom{flex-wrap:wrap}}