.drop-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xxl) var(--spacing-lg);text-align:center;cursor:pointer;transition:var(--transition);background-color:transparent;outline:none;user-select:none}.drop-zone:hover,.drop-zone:focus,.drop-zone.drag-over{border-color:var(--primary);background-color:#4361ee0d}.drop-zone-icon{font-size:3rem;color:var(--primary);display:block;margin-bottom:var(--spacing-md);opacity:.8}.drop-zone-text{font-size:1.05rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-sm)}.drop-zone-subtext{font-size:.85rem;color:var(--text-muted);margin:0}.file-info-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.file-info-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1;overflow:hidden}#file-display-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#file-display-meta{font-size:.85rem;white-space:nowrap}.waveform-container{width:100%;border-radius:var(--border-radius-sm);overflow:hidden;margin-bottom:var(--spacing-sm);cursor:col-resize;background-color:var(--gray-100);border:1px solid var(--border-color)}#waveform-canvas{display:block;width:100%}.zoom-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-xs) 0 0}.zoom-level-label{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:2.5rem;text-align:center}.time-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--gray-700);padding:var(--spacing-xs) 0 var(--spacing-sm)}.time-sep{color:var(--text-muted);font-weight:400;padding:0 var(--spacing-xs)}.time-total{color:var(--text-muted);font-weight:400}.transport-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-sm) 0;flex-wrap:wrap}.transport-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.transport-btn{width:40px;height:40px;padding:0;border-radius:50%;font-size:.9rem;flex-shrink:0}.transport-play{width:52px;height:52px;font-size:1.1rem;border-radius:50%}.jump-control{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-muted)}.jump-control label{font-weight:500;color:var(--gray-600);margin:0}.jump-control input{width:64px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;font-size:.85rem}.markers-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin:var(--spacing-xs) 0 var(--spacing-sm);flex-wrap:wrap}.marker-item{display:flex;align-items:center;gap:var(--spacing-xs)}.marker-divider{width:1px;height:28px;background-color:var(--gray-300);flex-shrink:0}.marker-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.in-dot{background-color:var(--success)}.out-dot{background-color:var(--danger)}.marker-label{font-size:.85rem;font-weight:600;color:var(--gray-600)}.marker-time{font-size:.9rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--gray-700);min-width:84px;display:inline-block}.editor-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-xs) 0}.id3-footer{display:flex;align-items:center;gap:var(--spacing-md)}#id3-status{font-size:.85rem}.encode-overlay{position:fixed;inset:0;z-index:5000;background-color:#0000008c;display:flex;align-items:center;justify-content:center}.encode-overlay-content{background-color:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-xl) var(--spacing-xxl);text-align:center;min-width:300px;max-width:420px;box-shadow:var(--box-shadow-lg)}.encode-spinner{font-size:2.2rem;color:var(--primary);display:block;margin-bottom:var(--spacing-md)}.encode-title{font-weight:600;font-size:1.05rem;margin-bottom:var(--spacing-md)}.encode-progress-wrapper{width:100%;height:8px;background-color:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-sm)}.encode-progress-fill{height:100%;background-color:var(--primary);border-radius:4px;transition:width .15s ease}.encode-progress-label{font-size:.85rem;color:var(--text-muted);margin:0;font-variant-numeric:tabular-nums}body.dark-theme .waveform-container{background-color:var(--gray-200);border-color:var(--border-color)}body.dark-theme .markers-row{border-color:var(--border-color)}body.dark-theme .marker-divider{background-color:var(--gray-400)}body.dark-theme .drop-zone{border-color:var(--gray-400)}body.dark-theme .drop-zone:hover,body.dark-theme .drop-zone:focus,body.dark-theme .drop-zone.drag-over{border-color:var(--primary);background-color:#6b8cff14}body.dark-theme .drop-zone-text{color:var(--gray-700)}@media (max-width: 600px){.transport-row{gap:var(--spacing-md)}.marker-divider{display:none}.markers-row{gap:var(--spacing-md);flex-direction:column;align-items:flex-start;padding-left:var(--spacing-sm)}.editor-actions{gap:var(--spacing-xs)}.editor-actions button{font-size:.82rem;padding:var(--spacing-xs) var(--spacing-sm)}.time-display{font-size:.9rem}}