.audio-editor{display:grid;gap:12px}.editor-dropzone{border:2px dashed var(--border);border-radius:8px;padding:24px;color:var(--text-dim);text-align:center;cursor:pointer;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%)}.editor-dropzone.dragging{border-color:var(--accent);color:var(--text)}.editor-dropzone input{display:none}.editor-toolbar,.clip-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmented button{border:0;border-radius:0;background:transparent}.segmented button.active{background:var(--accent);color:#fff}.clip-panel{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.clip-panel label{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-dim)}.clip-panel input,.clip-panel select{width:88px}.editor-time{min-width:72px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.zoom-control,.follow-control{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);font-size:.9rem}.zoom-control input{width:130px}.follow-control input{width:auto}.timeline-shell{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid var(--border);border-radius:8px;overflow:auto;background:var(--bg)}.timeline-shell.dropping-audio{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.track-list{padding-top:32px;border-right:1px solid var(--border);background:var(--panel)}.track-label{height:78px;display:flex;align-items:center;padding:0 12px;border-top:1px solid var(--border);font-weight:700}.timeline-area{min-width:760px;position:relative;--timeline-grid: 80px}.ruler{position:relative;height:32px;border-bottom:1px solid var(--border);background:linear-gradient(to right,color-mix(in srgb,var(--border) 55%,transparent) 1px,transparent 1px) 0 0 / var(--timeline-grid) 100%;cursor:pointer}.ruler-tick{position:absolute;top:8px;font-size:.75rem;color:var(--text-dim);transform:translate(4px)}.timeline{position:relative;min-height:234px;background:linear-gradient(to right,color-mix(in srgb,var(--border) 36%,transparent) 1px,transparent 1px) 0 0 / var(--timeline-grid) 100%,linear-gradient(to bottom,transparent 77px,var(--border) 78px) 0 0 / 100% 78px;cursor:text}.playhead{position:absolute;top:-32px;bottom:0;width:3px;background:#ef4444;pointer-events:none;z-index:8}.playhead:before{content:"";position:absolute;top:0;left:-5px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #ef4444}.clip{position:absolute;height:54px;border:1px solid color-mix(in srgb,var(--accent) 65%,black);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 76%,white),color-mix(in srgb,var(--accent) 84%,black));color:#fff;box-shadow:0 2px 8px #00000024;cursor:grab;overflow:hidden;-webkit-user-select:none;user-select:none}.clip.selected{outline:3px solid color-mix(in srgb,var(--accent) 35%,white);outline-offset:1px}.clip-title{position:absolute;left:10px;right:10px;top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700}.clip-wave{position:absolute;left:6px;right:6px;bottom:7px;height:24px;opacity:.82;z-index:1}.clip-wave svg{width:100%;height:100%;display:block}.clip-wave path{fill:#ffffffa3}.clip-handle{position:absolute;width:24px;height:50%;z-index:4}.clip-handle:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgb(255 255 255 / 70%);background:#0000002e}.clip-handle.trim-left{left:0;bottom:0;cursor:ew-resize}.clip-handle.trim-right{right:0;bottom:0;cursor:ew-resize}.clip-handle.fade-left{left:0;top:0;cursor:ew-resize}.clip-handle.fade-right{right:0;top:0;cursor:ew-resize}.clip-handle.trim-left:after,.clip-handle.trim-right:after{top:8px;bottom:3px}.clip-handle.fade-left:after,.clip-handle.fade-right:after{top:3px;bottom:8px;border-color:#ffffffe0}.fade-marker{position:absolute;top:0;bottom:0;min-width:0;background:#ffffff2e;pointer-events:none;z-index:2}.fade-marker.left{left:0;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgb(255 255 255 / 86%) 50%,transparent calc(50% + 1px)),#ffffff2e}.fade-marker.right{right:0;clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(to bottom left,transparent calc(50% - 1px),rgb(255 255 255 / 86%) 50%,transparent calc(50% + 1px)),#ffffff2e}.add-track{justify-self:start}.export-result{display:none;padding:10px;border:1px solid var(--border);border-radius:8px}#export-progress{display:none;width:150px}@media(max-width:720px){.timeline-shell{grid-template-columns:112px minmax(0,1fr)}.timeline-area{min-width:640px}.track-label{padding:0 8px;font-size:.86rem}}