.drop-zone{border:var(--border-width) dashed var(--border);border-radius:var(--border-radius);padding:var(--spacing-2xl);text-align:center;background:var(--bg-secondary);cursor:pointer;transition:all .2s;margin-bottom:var(--spacing-lg)}.drop-zone:hover,.drop-zone.dragover{border-style:solid;background:var(--bg-tertiary);border-color:var(--accent)}.drop-zone p{color:var(--text-secondary);margin:var(--spacing-xs) 0}.drop-zone input{display:none}.file-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg);background:var(--bg-secondary);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-md)}.file-table th,.file-table td{padding:var(--spacing-md);text-align:left;border-bottom:2px solid var(--border)}.file-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:700}.file-table tr:last-child td{border-bottom:0}.file-table tr:hover{background:var(--bg-tertiary)}.file-table tr.selected{background:var(--accent-light)}.file-table tr{cursor:pointer}.preview-section{background:var(--bg-secondary);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.preview-section h2{font-size:1.1rem;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.waveform-canvas{width:100%;height:150px;background:var(--bg-primary);border:var(--border-width) solid var(--border);margin-bottom:var(--spacing-md)}.wave-nav{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary)}.wave-nav span{font-size:.9rem}.loading-bar-container{height:8px;background:var(--bg-tertiary);border:2px solid var(--border);margin-bottom:var(--spacing-lg);overflow:hidden;display:none}.loading-bar-container.active{display:block}.loading-bar{height:100%;background:var(--accent);width:0;transition:width .15s ease-out}.tabs{display:flex;gap:0;margin-bottom:var(--spacing-lg);border-bottom:var(--border-width) solid var(--border)}.tab{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:0;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:1rem;font-weight:600;border-bottom:var(--border-width) solid transparent;margin-bottom:calc(-1 * var(--border-width));transition:all .2s}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--bg-secondary)}.tab-content{display:none}.tab-content.active{display:block}.slot-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.slot{display:grid;grid-template-columns:50px 1fr 200px 80px;gap:var(--spacing-md);align-items:center;background:var(--bg-secondary);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all .2s;cursor:pointer}.slot:hover{background:var(--bg-tertiary)}.slot.active{border-color:var(--accent);box-shadow:var(--shadow-md)}.slot.dragover{border-color:var(--accent);background:var(--accent-light)}.slot-num{font-size:1.5rem;font-weight:700;color:var(--text-muted);text-align:center}.slot.filled .slot-num{color:var(--accent)}.slot-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.slot-filename{color:var(--text-primary);font-weight:600}.slot-status{font-size:.85rem;color:var(--text-secondary)}.slot-comment{background:var(--bg-primary);border:2px solid var(--border);padding:var(--spacing-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;resize:none}.slot-comment:focus{outline:0;border-color:var(--accent)}.slot-comment::placeholder{color:var(--text-muted)}.slot-empty{grid-column:2 / 5;color:var(--text-muted);font-style:italic}.actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.info{font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border)}.info p{margin-bottom:var(--spacing-sm)}.info p:last-child{margin-bottom:0}.info code{background:var(--bg-primary)}.page-title{font-size:1.75rem;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.page-title .text-accent{color:var(--accent)}@media(max-width:768px){.slot{grid-template-columns:40px 1fr;grid-template-rows:auto auto auto}.slot-comment{grid-column:1 / 3}.slot .btn--small{grid-column:1 / 3;justify-self:end}.slot-empty{grid-column:2}}