/* Recorder-only nondestructive timeline editing. */
#recorder .rc-edit-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;background:#243943;border:1px solid #607782;border-radius:7px;margin-bottom:6px}
#recorder .rc-edit-toolbar button{min-height:44px;padding:8px 11px;font-size:12px;box-shadow:none}
#recorder .rc-edit-toolbar button[aria-pressed=true]{background:#eac27c;color:#182d37;border:2px solid #f9dda3}
#recorder .rc-edit-toolbar label{font-size:12px;gap:5px}#recorder #rc-repeat-count{min-height:40px;font-size:12px}
#recorder #rc-selected-name{font-size:12px;color:#f0d7a3;overflow-wrap:anywhere;flex:1 1 160px}
#recorder .rc-edit-hint{font-size:12px;line-height:1.5;color:#cfdddb;margin:6px 2px 10px}
#recorder .rc-track-audio{display:block;position:relative;isolation:isolate;min-width:0;justify-content:initial}
#recorder .rc-track-audio>.rc-track-grid{position:absolute;inset:0;height:100%!important;touch-action:pan-x}
#recorder .rc-track-audio>.rc-clip-surface{display:block;position:relative;z-index:1;min-height:112px;padding:0;margin:0;width:100%;max-width:none;overflow:visible;pointer-events:none}
#recorder .rc-timeline-clip{position:absolute;height:66px;background:#31545c;border:1px solid #89aaac;border-radius:5px;box-sizing:border-box;pointer-events:auto;min-width:2px}
#recorder .rc-timeline-clip.rc-clip-selected{outline:3px solid #ffd080;outline-offset:0;background:#765b35}
#recorder .rc-timeline-clip.rc-repeated{background:#394e68;border-style:dashed}
#recorder .rc-clip-surface button.rc-clip-body{display:block;position:absolute;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100%;min-height:0;border:0;border-radius:4px;background:transparent;color:#fff0cc;box-shadow:none;text-align:left;touch-action:none;cursor:grab;overflow:hidden;font-size:12px}
#recorder .rc-clip-surface button.rc-clip-body[aria-pressed=true]{background:transparent;color:#fff0cc}
#recorder .rc-clip-body canvas{display:block;position:absolute;bottom:3px;left:0;width:100%;height:35px;pointer-events:none}
#recorder .rc-clip-label{display:block;white-space:nowrap;padding:4px 20px;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
#recorder .rc-clip-surface button.rc-clip-edge{position:absolute;width:min(14px,35%);min-width:0;height:30px;min-height:30px;padding:0;margin:0;border:1px solid #c5ba93;border-radius:3px;background:#d8b876;color:#172d37;box-shadow:none;font-size:12px;touch-action:none;cursor:ew-resize;overflow:visible;z-index:2}
#recorder .rc-edge-left{left:0;top:0}#recorder .rc-edge-right{right:0;bottom:0}
#recorder .rc-drop-target{box-shadow:inset 0 0 0 2px #ffd080}
#recorder .rc-drag-origin{opacity:.35}#recorder .rc-drag-ghost{position:absolute;height:66px;border:2px dashed #ffe1a2;background:#886a37cc;color:#fff0c5;box-sizing:border-box;padding:7px;pointer-events:none;z-index:5;white-space:nowrap;overflow:hidden;font-size:12px}
#recorder .rc-drag-ghost.rc-drop-invalid{border-color:#ff9182;background:#8e3c3ccc}
#recorder .rc-clip-body:focus-visible,#recorder .rc-clip-edge:focus-visible{outline:3px solid #fff!important;outline-offset:1px}
#recorder #rc-clip output{font-variant-numeric:tabular-nums;min-width:65px;color:#ffe0a5}
#recorder #rc-clip input{width:90px}
@media(max-width:600px){#recorder .rc-edit-toolbar{gap:5px;padding:6px}#recorder .rc-edit-toolbar button{padding:8px;font-size:12px}#recorder #rc-selected-name{flex-basis:100%}}

#recorder .rc-clip-edge{opacity:0;pointer-events:none}
#recorder .rc-clip-selected .rc-clip-edge,#recorder .rc-timeline-clip:hover .rc-clip-edge,#recorder .rc-timeline-clip:focus-within .rc-clip-edge{opacity:1;pointer-events:auto}
#recorder .rc-empty-clip-hint{display:block;padding:14px 12px;color:#bbc9c8;font:13px/1.5 system-ui,sans-serif}