@keyframes ft-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.tm-dn-noise{fill:var(--text-subtle);opacity:.4;animation:tm-dn-noise 7s var(--ease) infinite backwards;animation-delay:calc(var(--dn-i,0) * 35ms);transform:scaleY(.12)}.tm-dn-voice{fill:var(--accent);animation:tm-dn-voice 7s var(--ease) infinite backwards;animation-delay:calc(var(--dn-i,0) * 35ms)}.tm-dn-scan{fill:var(--accent);opacity:0;animation:7s linear infinite backwards tm-dn-scan}.tm-dn-out{animation:tm-dn-out 7s var(--ease) infinite backwards}@keyframes tm-dn-noise{0%,26%{opacity:1;transform:scaleY(1)}40%,to{opacity:.4;transform:scaleY(.12)}}@keyframes tm-dn-voice{0%,26%{fill:var(--text-subtle)}42%,to{fill:var(--accent)}}@keyframes tm-dn-scan{0%,22%{opacity:0;transform:translate(30px)}28%{opacity:.85}54%{opacity:.85;transform:translate(294px)}60%,to{opacity:0;transform:translate(294px)}}@keyframes tm-dn-out{0%,58%{opacity:0;transform:scale(.92)}70%,to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tm-dn-noise,.tm-dn-voice,.tm-dn-scan,.tm-dn-out{animation:none}}.dn{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}.dn__source{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dn__name{font-family:var(--font-display);letter-spacing:var(--track-display);color:var(--text);overflow-wrap:anywhere;font-size:1rem;font-weight:600}.dn__facts{font-family:var(--font-mono);color:var(--text-subtle);font-size:.75rem}.dn__spacer{flex:auto}.dn__stage{border:1px dashed var(--border-input);border-radius:var(--r-lg);background:var(--bg-subtle);cursor:pointer;place-items:center;height:clamp(180px,28vh,260px);min-height:180px;display:grid;position:relative;overflow:hidden}.dn__stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dn__stage:has(.dn__empty:not([hidden])),.dn__stage:has(.dn__rec:not([hidden])){height:auto;min-height:clamp(180px,28vh,260px)}.dn__stage.is-dropping{border-color:var(--accent);background:var(--accent-soft)}.dn__stage canvas{width:100%;height:100%;position:absolute;inset:0}.dn__empty{text-align:center;max-width:46ch;color:var(--text-subtle);justify-items:center;gap:6px;padding:18px;display:grid;position:relative}.dn__empty-title{font-family:var(--font-display);color:var(--text);font-weight:600}.dn__empty-note,.dn__empty-formats{font-size:.83rem;line-height:1.5}.dn__sample{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.dn__playhead{background:var(--text);opacity:.6;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:0}.dn__transport{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dn__play{border:1px solid var(--border-input);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.dn__play:hover{border-color:var(--accent);color:var(--accent)}.dn__play .dn__pause-icon,.dn__play.is-playing .dn__play-icon{display:none}.dn__play.is-playing .dn__pause-icon{display:block}.dn__time{font-family:var(--font-mono);color:var(--text-subtle);min-width:4ch;font-size:.75rem}.dn__scrub{flex:160px;min-width:120px}.dn__ab{margin-left:auto}.dn__controls{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.dn__field{gap:6px;display:grid}.dn__label-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dn__label-row output{font-family:var(--font-mono);color:var(--text-subtle);font-size:.78rem}.dn__hint{color:var(--text-subtle);font-size:.76rem;line-height:1.45}.dn__controls{align-items:start}.dn__actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding-top:16px;display:flex}.dn__status{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-subtle);gap:8px;padding:12px 14px;display:grid}.dn__status-copy{color:var(--text-subtle);gap:2px;font-size:.83rem;display:grid}.dn__status-copy strong{color:var(--text)}.dn__progress{background:var(--surface-inset);border-radius:999px;height:6px;overflow:hidden}.dn__progress>span{background:var(--accent);border-radius:999px;width:0;height:100%;transition:width .2s linear;display:block}.dn__results{gap:8px;display:grid}.dn__results-head{align-items:baseline;gap:10px;display:flex}.dn__results-title{font-family:var(--font-display);letter-spacing:var(--track-display);color:var(--text);font-size:.9rem;font-weight:600}.dn__results-count{font-family:var(--font-mono);color:var(--text-subtle);flex:auto;font-size:.75rem}.dn__results-clear{color:var(--text-subtle);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline}.dn__results-clear:hover{color:var(--text)}.dn__rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dn__row{border:1px solid var(--border-input);border-radius:var(--r-lg);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 10px 8px 12px;display:flex}.dn__row-name{font-family:var(--font-mono);color:var(--text);overflow-wrap:anywhere;font-size:.8rem;font-weight:600}.dn__row-stats{font-family:var(--font-mono);color:var(--text-subtle);flex-wrap:wrap;flex:auto;gap:4px 12px;font-size:.74rem;display:flex}.dn__row-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.dn__row-drop{border-radius:var(--r-md);width:28px;height:28px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.dn__row-drop:hover{color:var(--danger);background:var(--surface-inset)}.dn__rec{z-index:2;background:var(--bg-subtle);cursor:default;align-content:center;justify-items:center;gap:10px;padding:18px;display:grid;position:absolute;inset:0}.dn__rec-clock{align-items:center;gap:8px;display:flex}.dn__recdot{background:var(--danger);border-radius:999px;flex:none;width:9px;height:9px}@media (prefers-reduced-motion:no-preference){.dn__recdot{animation:1.4s ease-in-out infinite ft-pulse}}.dn__rectime{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);font-size:1rem}.dn__reclevel{justify-content:center;align-items:center;gap:2px;width:min(420px,100%);height:34px;display:flex;overflow:hidden}.dn__reclevel i{background:var(--text-subtle);width:2px;height:100%;transform:scaleY(var(--level,.12));transform-origin:50%;border-radius:999px;flex:none;display:block}.dn__rec-note{text-align:center;max-width:44ch;color:var(--text-subtle);font-size:.78rem}.dn__rec-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dn__keys summary{cursor:pointer;color:var(--text-subtle);font-size:.83rem}.dn__keys kbd+kbd{margin-left:4px}.dn__privacy{color:var(--text-subtle);font-size:.78rem;line-height:1.5}.dn__host{height:100%}.dn__host>.dn{grid-template-rows:auto minmax(220px,1fr) repeat(7,auto);height:100%}.dn__host>.dn:focus-within{box-shadow:var(--shadow-sm)}.dn__host>.dn .dn__stage{height:auto;min-height:220px}