.tm-sl-base{stroke:var(--border-input);stroke-width:1.5px}.tm-sl-regions rect{fill:var(--accent-soft);animation:tm-sl-regions 7s var(--ease) infinite backwards}.tm-sl-wave path,.tm-sl-mini path{stroke:var(--accent);stroke-width:3.5px;stroke-linecap:round}.tm-sl-wave path{animation:tm-sl-wave 7s var(--ease) infinite backwards}.tm-sl-gaps{stroke:var(--warning);stroke-width:2px;opacity:.42;animation:tm-sl-gaps 7s var(--ease) infinite backwards}.tm-sl-scan{fill:var(--accent);opacity:0;animation:7s linear infinite backwards tm-sl-scan}.tm-sl-out{animation:tm-sl-out 7s var(--ease) infinite backwards}.tm-sl-mini{transform-origin:132px 142px;transform:scaleX(1)}@keyframes tm-sl-regions{0%,24%{opacity:0;transform-origin:50%;transform:scaleY(.2)}40%,to{opacity:1;transform-origin:50%;transform:scaleY(1)}}@keyframes tm-sl-wave{0%,24%{stroke:var(--text-subtle)}42%,to{stroke:var(--accent)}}@keyframes tm-sl-gaps{0%,38%{opacity:0}48%,to{opacity:.42}}@keyframes tm-sl-scan{0%,20%{opacity:0;transform:translate(28px)}26%{opacity:.9}50%{opacity:.9;transform:translate(290px)}56%,to{opacity:0;transform:translate(290px)}}@keyframes tm-sl-out{0%,56%{opacity:0;transform:translateY(8px)scale(.96)}70%,to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.tm-sl-regions rect,.tm-sl-wave path,.tm-sl-gaps,.tm-sl-scan,.tm-sl-out{animation:none}}.sr{border:1px solid var(--border-input);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-sm);text-align:left;gap:16px;padding:clamp(14px,2.2cqi,24px);display:grid;container-type:inline-size}.sr__source{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sr__name{overflow-wrap:anywhere;min-width:0;color:var(--text);font-family:var(--font-display);letter-spacing:var(--track-display);font-size:1rem;font-weight:600}.sr__facts{color:var(--text-subtle);font-family:var(--font-mono);font-size:.75rem}.sr__spacer{flex:auto}.sr__stage{border:1px dashed var(--border-input);border-radius:var(--r-lg);background:linear-gradient(var(--border), var(--border)) 25% 0 / 1px 100% no-repeat, linear-gradient(var(--border), var(--border)) 50% 0 / 1px 100% no-repeat, linear-gradient(var(--border), var(--border)) 75% 0 / 1px 100% no-repeat, var(--bg-subtle);cursor:pointer;place-items:center;height:clamp(220px,31vh,292px);min-height:220px;display:grid;position:relative;overflow:hidden}.sr__stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr__stage.is-dropping{border-color:var(--accent);background:var(--accent-soft)}.sr__stage canvas{width:100%;height:100%;position:absolute;inset:0}.sr__empty{z-index:1;text-align:center;justify-items:center;gap:7px;max-width:51ch;padding:24px;display:grid;position:relative}.sr__empty-mark{border:1px solid var(--border-input);background:var(--surface);width:58px;height:58px;color:var(--accent);box-shadow:var(--shadow-sm);border-radius:18px;place-items:center;margin-bottom:2px;display:grid}.sr__empty-mark svg{width:42px;height:42px}.sr__empty-title{color:var(--text);font-family:var(--font-display);font-weight:650}.sr__empty-note,.sr__empty-formats{color:var(--text-subtle);font-size:.83rem;line-height:1.5}.sr__sample{color:var(--accent-text);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.sr__legend{z-index:2;border:1px solid var(--border);background:var(--surface);color:var(--text-subtle);box-shadow:var(--shadow-sm);pointer-events:none;border-radius:999px;gap:10px;padding:6px 9px;font-size:.69rem;display:flex;position:absolute;top:10px;right:10px}.sr__legend span{align-items:center;gap:5px;display:flex}.sr__swatch{background:var(--accent);border-radius:3px;width:8px;height:8px}.sr__swatch--cut{background:var(--warning)}.sr__playhead{z-index:3;inset-block:0;background:var(--text);opacity:.62;pointer-events:none;width:2px;position:absolute;left:0}.sr__playhead:before{background:var(--text);content:"";border-radius:0 0 6px 6px;width:9px;height:9px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sr__transport{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sr__play{border:1px solid var(--border-input);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.sr__play:hover{border-color:var(--accent);color:var(--accent)}.sr__play .sr__pause-icon,.sr__play.is-playing .sr__play-icon{display:none}.sr__play.is-playing .sr__pause-icon{display:block}.sr__time{min-width:3.4ch;color:var(--text-subtle);font:.75rem var(--font-mono)}.sr__scrub{flex:160px;min-width:90px}.sr__ab{flex:none}.sr__summary{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.sr__summary>span{border-inline-start:1px solid var(--border);gap:2px;min-width:0;padding:12px 14px;display:grid}.sr__summary>span:first-child{border-inline-start:0}.sr__summary strong{color:var(--text);font:650 1rem var(--font-display)}.sr__summary small{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sr__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;padding-top:2px;display:grid}.sr__field{border:0;align-content:start;gap:7px;min-width:0;margin:0;padding:0;display:grid}.sr__field>label,.sr__field legend,.sr__label-row label{color:var(--text);font-size:.79rem;font-weight:650}.sr__field legend{margin-bottom:7px}.sr__label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sr__label-row output{color:var(--text-subtle);font:.72rem var(--font-mono)}.sr__field .select{width:100%;min-height:38px}.sr__hint{color:var(--text-subtle);font-size:.73rem;line-height:1.45}.sr__field.is-disabled{opacity:.46}.sr__mode{width:100%}.sr__mode button{flex:50%}.sr__actions{justify-content:flex-end;gap:9px;padding-top:2px;display:flex}.sr__status{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);grid-template-columns:auto minmax(0,1fr) minmax(90px,28%);align-items:center;gap:11px;min-height:54px;padding:10px 13px;display:grid}.sr__status-icon{background:var(--success);width:9px;height:9px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%}.sr__status-copy{gap:2px;min-width:0;display:grid}.sr__status-copy strong{color:var(--text);font-size:.78rem}.sr__status-copy span{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.sr__progress{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.sr__progress span{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .16s linear;display:block}.sr__keys summary{color:var(--text-subtle);cursor:pointer;font-size:.8rem}.sr__keys .table-wrap{margin-top:10px}.sr__keys kbd+kbd{margin-left:4px}.sr__privacy{color:var(--text-subtle);text-align:center;font-size:.76rem;line-height:1.5}.sr+.tool-saving{margin-top:12px}.sr__host{min-height:100%}.sr__host>.sr{grid-template-rows:auto minmax(240px,1fr) repeat(8,auto);min-height:100%}.sr__host>.sr:focus-within{box-shadow:var(--shadow-sm)}.sr__host>.sr .sr__stage{height:auto;min-height:240px}@container (width<=620px){.sr__controls{grid-template-columns:1fr}.sr__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sr__summary>span:nth-child(3){border-inline-start:0;border-top:1px solid var(--border)}.sr__summary>span:nth-child(4){border-top:1px solid var(--border)}.sr__status{grid-template-columns:auto minmax(0,1fr)}.sr__progress{grid-column:1/-1;width:100%}.sr__status-copy span{white-space:normal}}@container (width<=430px){.sr__source .sr__spacer{display:none}.sr__source .btn{flex:auto}.sr__name,.sr__facts{flex-basis:100%}.sr__stage{min-height:250px}.sr__transport{grid-template-columns:auto auto minmax(60px,1fr) auto;display:grid}.sr__ab{grid-column:1/-1;width:100%}.sr__ab button{flex:50%}.sr__actions{grid-template-columns:1fr;display:grid}.sr__actions .btn{width:100%}.sr__legend{top:8px;right:8px}}