.audio-processor{width:100%;min-height:0;display:flex;flex-direction:column;background:#1a1a1a;color:#ffffff}.cancel-button{position:absolute;left:20px;top:18px;background:#444;border:none;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer}.cancel-button:hover{background:#555}.audio-content{padding:20px;display:flex;flex-direction:column;gap:20px}.editor-content{display:flex;flex:1;min-height:0}@media (min-width:769px){.editor-content{flex-direction:row}}@media (max-width:768px){.editor-content{flex-direction:column}}.audio-uploads{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.upload-card{background:#1f1f1f;border:1px solid #333;border-radius:10px;padding:16px}.upload-card h2{margin:0 0 12px;font-size:18px}.drop-zone{border:2px dashed #555;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;background:#1a1a1a;min-height:160px;display:flex;align-items:center;justify-content:center}.drop-zone:hover{border-color:#f59e0b;background:#252525}.drop-zone-content{color:#888}.optional-note{margin-top:6px;font-size:12px;color:#b0b0b0}.preview-video{max-width:100%;max-height:200px;border-radius:6px}.audio-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.meta-badge{background:#2a2a2a;border:1px solid #444;padding:6px 10px;border-radius:6px;font-size:12px}.meta-note{color:#b0b0b0;font-size:12px}.audio-controls{display:flex;flex-direction:column;gap:12px;background:#1f1f1f;border:1px solid #333;border-radius:10px;padding:16px}.segment-inputs{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.segment-inputs label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b0b0b0}.segment-inputs input{background:#121212;border:1px solid #333;color:#fff;border-radius:6px;padding:6px 8px;width:120px}.segment-length{color:#f59e0b;font-weight:600;font-size:13px}.export-button{background:#f59e0b;border:none;color:#111;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;width:fit-content}.export-button:disabled{background:#444;color:#aaa;cursor:not-allowed}.download-link{color:#f59e0b;text-decoration:none;font-weight:600;font-size:13px}.download-link:hover{text-decoration:underline}.error-message{background:#f44336;color:white;padding:10px 14px;border-radius:6px}.video-container-bottom{width:100%;display:flex;justify-content:center;align-items:center;background:#000;border-radius:8px;padding:16px;border:1px solid #333}.main-video{max-width:100%;max-height:60vh;border-radius:4px;width:100%}.download-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;justify-content:center;align-items:center;z-index:1000}.download-modal-content{background:#1f1f1f;border:1px solid #333;border-radius:10px;padding:20px;min-width:260px;text-align:center;color:#fff}.download-progress-bar{width:100%;height:8px;background:#2c2c2c;border-radius:999px;overflow:hidden;margin-top:12px}.download-progress-fill{height:100%;background:#f59e0b;transition:width .2s ease}.timeline-section-middle{background:#1f1f1f;border-radius:8px;padding:16px;border:1px solid #333}.timeline-title{font-size:14px;margin-bottom:12px;color:#ffffff;text-align:center;font-weight:500}.timeline{height:120px;background:#0f0f0f;border:2px solid #333;border-radius:4px;cursor:crosshair;user-select:none}.timeline,.timeline-track{position:relative;width:100%}.timeline-track{height:60px;background:#1a1a1a;border-bottom:1px solid #333}.timeline-segment{position:absolute;top:0;height:100%;background:rgba(76,175,80,.3);border:2px solid #f59e0b;border-radius:2px;cursor:move;display:flex;align-items:center;justify-content:center}.timeline-segment:hover{background:rgba(76,175,80,.5)}.segment-handle{position:absolute;top:0;width:8px;height:100%;background:#f59e0b;cursor:ew-resize;z-index:10}.segment-handle-start{left:-4px;border-radius:2px 0 0 2px}.segment-handle-end{right:-4px;border-radius:0 2px 2px 0}.segment-label{font-size:12px;font-weight:600;color:#ffffff;pointer-events:none}.timeline-ruler{position:relative;width:100%;height:60px;background:#0f0f0f}.ruler-mark{width:1px;height:100%}.ruler-mark,.ruler-mark:before{position:absolute;top:0;background:#555}.ruler-mark:before{content:"";left:-4px;width:8px;height:8px;border-radius:50%}.ruler-label{position:absolute;top:12px;left:6px;font-size:10px;color:#aaa;transform:translateX(-50%);white-space:nowrap}@media (max-width:768px){.cancel-button{position:static;margin-bottom:12px}}.audio-processor.is-editor-workspace{height:100%;min-height:0;overflow:hidden;font-size:17px}.audio-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px 20px;border-bottom:1px solid #333;background:#1f1f1f;flex-shrink:0}.audio-toolbar .video-controls{display:flex;gap:10px}.audio-toolbar .download-button,.audio-toolbar .video-controls button,.change-image-button{padding:10px 16px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer}.audio-toolbar .video-controls button{border:none;background:#f59e0b;color:#fff}.change-image-button{border:1px solid #555;background:#1f1f1f;color:#ddd}.change-image-button:hover{border-color:#f59e0b;color:#fff}.audio-toolbar .download-button{border:none;background:#2196F3;color:#fff}.audio-toolbar .download-button:disabled{background:#555;cursor:not-allowed}.audio-processor.is-editor-workspace .editor-content{flex:1;min-height:0;overflow:hidden;padding:0}.editor-content--workspace{flex:1;min-height:0;overflow:hidden}.audio-processor.is-editor-workspace .editor-left--workspace{width:360px;min-width:360px;max-width:360px;padding:0;overflow:hidden;order:1;display:flex;flex-direction:column;min-height:0;border-right:1px solid #333;background:#252525;opacity:.72;transition:opacity .2s ease}.audio-processor.is-editor-workspace .editor-left--workspace.is-active,.audio-processor.is-editor-workspace .editor-left--workspace.is-partial{opacity:1}.audio-left-panel,.audio-left-placeholder{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 16px;box-sizing:border-box;overflow-y:auto}.audio-left-placeholder{align-items:center;justify-content:center;text-align:center;gap:12px;color:#aaa}.audio-left-placeholder-icon{font-size:42px;line-height:1}.audio-left-placeholder h2{margin:0;font-size:1.15rem;color:#ddd}.audio-left-placeholder p{margin:0;font-size:15px;line-height:1.5;max-width:280px}.audio-panel-header{flex-shrink:0;margin-bottom:16px}.audio-panel-header h2{margin:0 0 8px;font-size:1.1rem}.audio-panel-subtitle{margin:0;font-size:14px;color:#bbb;line-height:1.45}.audio-drop-zone{border:2px dashed #555;border-radius:8px;min-height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#1f1f1f;transition:border-color .2s ease,background .2s ease;margin-bottom:16px}.audio-drop-zone:hover{border-color:#f59e0b;background:#222}.audio-drop-content,.audio-drop-preview{text-align:center;color:#888;font-size:15px;line-height:1.45;padding:12px}.audio-drop-content p,.audio-drop-preview p{margin:0 0 4px}.audio-drop-icon{display:block;font-size:28px;margin-bottom:8px}.audio-drop-duration{color:#f59e0b;font-weight:600}.audio-segment-fields{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:12px}.audio-segment-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#b0b0b0}.audio-segment-fields input{background:#121212;border:1px solid #333;color:#fff;border-radius:6px;padding:8px 10px;width:110px;font-size:15px}.audio-panel-note{margin:0;font-size:13px;color:#9aa0a6;line-height:1.45}.audio-processor.is-editor-workspace .editor-left--workspace .error-message{margin-top:12px}.audio-processor.is-editor-workspace .editor-right--workspace{flex:1;min-height:0;overflow:hidden;padding:12px 16px 16px;order:2;display:flex;flex-direction:column}.audio-preview-wrapper{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}.audio-preview-wrapper.is-drag-over .audio-preview-frame.is-upload-target{border-color:#fbbf24;box-shadow:0 0 0 2px rgba(245,158,11,.25)}.audio-export-hint{flex-shrink:0;margin:0 0 10px;min-height:22px;font-size:15px;color:#9aa0a6;text-align:center}.audio-preview-frame,.audio-preview-scaler{position:relative;flex-shrink:0;overflow:hidden}.audio-preview-frame{background:#000;border-radius:8px;border:2px solid #f59e0b}.audio-preview-frame.is-upload-target{cursor:pointer}.audio-preview-frame .preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;color:#aaa;font-size:18px;line-height:1.45;cursor:pointer}.audio-preview-frame .preview-placeholder-hint{margin:0;font-size:16px;color:#888}.audio-source-preview{position:absolute;top:0;left:0;display:block;background:#000;object-fit:contain;pointer-events:none}.audio-preview-frame .crop-border{position:absolute;inset:0;border:2px dashed rgba(255,255,255,.35);pointer-events:none}.audio-timeline-block{flex-shrink:0;width:100%;max-width:min(100%,960px);margin-top:14px}.audio-timeline-hint{margin:0 0 8px;font-size:15px;color:#ccc;text-align:center;line-height:1.45}.audio-timeline{position:relative;width:100%;height:88px;background:#0f0f0f;border:2px solid #444;border-radius:8px;cursor:crosshair;user-select:none}.audio-timeline.is-dragging{border-color:#f59e0b}.audio-timeline-track{position:relative;width:100%;height:44px;background:#1a1a1a;border-bottom:1px solid #333}.audio-timeline-segment{position:absolute;top:4px;bottom:4px;background:rgba(33,150,243,.28);border:2px solid #2196f3;border-radius:4px;cursor:move;display:flex;align-items:center;justify-content:center;min-width:12px}.audio-timeline-segment:hover{background:rgba(33,150,243,.42)}.audio-segment-handle{position:absolute;top:0;width:8px;height:100%;background:#2196F3;cursor:ew-resize;z-index:2}.audio-segment-handle-start{left:-4px;border-radius:3px 0 0 3px}.audio-segment-handle-end{right:-4px;border-radius:0 3px 3px 0}.audio-segment-label{font-size:11px;font-weight:700;color:#fff;pointer-events:none;text-transform:uppercase;letter-spacing:.04em}.audio-timeline-ruler{position:relative;width:100%;height:44px;background:#0f0f0f}.audio-ruler-mark{position:absolute;top:0;width:1px;height:100%;background:#555}.audio-ruler-mark:before{content:"";position:absolute;top:0;left:-3px;width:7px;height:7px;background:#555;border-radius:50%}.audio-ruler-label{position:absolute;top:10px;left:0;font-size:11px;color:#aaa;transform:translateX(-50%);white-space:nowrap}@media (max-width:768px){.audio-processor.is-editor-workspace{height:auto;min-height:calc(100dvh - var(--header-height));overflow:auto}.audio-processor.is-editor-workspace .editor-content{flex-direction:column}.audio-processor.is-editor-workspace .editor-left--workspace{width:100%;min-width:0;max-width:none;max-height:42vh;border-right:none;border-bottom:1px solid #333}.audio-processor.is-editor-workspace .editor-right--workspace{flex:1;min-height:0;padding:10px 12px 16px}.audio-preview-wrapper{min-height:38vh}.audio-toolbar{padding:8px 12px;gap:8px}.audio-toolbar .video-controls{flex-wrap:wrap;justify-content:center}.audio-toolbar .change-image-button,.audio-toolbar .download-button,.audio-toolbar .video-controls button{min-height:44px;padding:10px 14px;font-size:14px}}