.file-input-hidden{display:none}.file-select-button{padding:.4rem .75rem;font-size:.8rem;border:none;border-radius:4px;background:#444;color:#fff;cursor:pointer;transition:background .2s ease;flex-shrink:0}.file-select-button:hover:not(:disabled){background:#555}.file-select-button:disabled{opacity:.5;cursor:not-allowed}.file-name-display{flex:1;font-size:.875rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-panel{padding:0}.history-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}.history-button{padding:4px 12px;font-size:.75rem;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#e0e0e0;cursor:pointer;transition:background .2s}.history-button:hover:not(:disabled){background:#3a3a3a}.history-button:disabled{opacity:.5;cursor:not-allowed}.history-button-clear{border-color:#633;color:#ff6b6b}.history-button-clear:hover{background:#3a2a2a}.history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;background:#242424;border:1px solid #333;border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s;text-align:left;width:100%}.history-item:hover:not(:disabled):not(.history-item-active){background:#2a2a2a;border-color:#444}.history-item:disabled{opacity:.6;cursor:not-allowed}.history-item-active,.history-item-active:hover{background:#2a3a4a;border-color:#3b82f6;outline:1px solid #3b82f6;outline-offset:-1px}.history-item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.history-item-filename{font-size:.9rem;font-weight:500;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-effects{font-size:.8rem;color:#aaa;line-height:1.4}.history-item-date{font-size:.7rem;color:#666}.status-badge{padding:2px 8px;font-size:.7rem;border-radius:10px;font-weight:500;text-transform:uppercase;flex-shrink:0;white-space:nowrap}.status-pending{background:#3a3a2a;color:#e0c050}.status-processing{background:#2a3a4a;color:#50a0e0}.status-completed{background:#2a3a2a;color:#50e080}.status-failed{background:#3a2a2a;color:#e05050}.history-item-highlight{animation:highlight-pulse 1.5s ease-out}@keyframes highlight-pulse{0%{background:#3a4a2a;border-color:#50e080;box-shadow:0 0 12px #50e08080}to{background:#242424;border-color:#333;box-shadow:none}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1c1c1c;color:#e8e8e8}.app{max-width:1400px;margin:0 auto;padding:.75rem;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:.5rem 0}.app-header h1{margin:0;font-size:1.5rem;color:#f5f5f5;text-shadow:0 2px 4px rgba(0,0,0,.5)}.app-header p{margin:.25rem 0 0;color:#999;font-size:.875rem}.app-main{display:flex;flex-direction:column;gap:.75rem;flex:1}.file-selector{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border-radius:6px;border:1px solid #444}.file-selector label,.file-selector-label{font-weight:600;font-size:.875rem;white-space:nowrap;color:#ccc}.file-selector select{flex:1;padding:.4rem .75rem;font-size:.875rem;border:1px solid #555;border-radius:4px;background:#222;color:#fff;cursor:pointer}.file-selector .no-files{color:#e57373}.file-selector input[type=file]{flex:1;padding:.4rem;font-size:.8rem;color:#fff}.file-selector input[type=file]::file-selector-button{padding:.4rem .75rem;margin-right:.75rem;font-size:.8rem;border:none;border-radius:4px;background:#444;color:#fff;cursor:pointer}.file-selector input[type=file]::file-selector-button:hover{background:#555}.upload-status{font-size:.8rem;color:#888}.upload-status.uploaded{color:#f59e0b}.loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.25rem;color:#888}.effector-board-container{background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border-radius:8px;padding:.5rem .75rem;border:1px solid #444;box-shadow:inset 0 1px #ffffff0d}.effector-board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.effector-board-header h2{margin:0;font-size:1rem;color:#ddd}.enabled-count{color:#f59e0b;font-size:.8rem;text-shadow:0 0 8px rgba(245,158,11,.5)}.effector-board-hint{margin:0 0 .5rem;color:#777;font-size:.75rem}.effector-board{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.25rem 0}.effector-card{position:relative;background:linear-gradient(180deg,#3a3a3a,#252525);border-radius:6px;overflow:hidden;border:2px solid #444;display:flex;flex-direction:row;transition:all .3s ease,transform .2s ease}.effector-card:hover{border-color:#888;box-shadow:0 4px 15px #0006}.effector-card.enabled{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.effector-card.disabled{opacity:.5;filter:grayscale(30%)}.effector-drag-handle{display:none;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:#888;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;order:1}.effector-drag-handle:hover{color:#f59e0b}.effector-drag-handle:active{cursor:grabbing}.effector-content{flex:1;padding:0;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit;text-align:inherit;display:flex;flex-direction:column}.effector-image{width:100%;height:120px;object-fit:contain;background:#1a1a1a;border-radius:4px}.effector-info{padding:.25rem;text-align:center}.effector-name{display:block;font-size:.9rem;color:#ccc;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.led-indicator{position:absolute;top:6px;left:6px;width:10px;height:10px;border-radius:50%;transition:all .2s;z-index:1}.led-indicator.off{background:#4a1a1a;box-shadow:inset 0 1px 2px #00000080}.led-indicator.on{background:radial-gradient(circle at 30% 30%,#ff6b6b,#dc2626);box-shadow:0 0 6px #ef4444,0 0 12px #ef444480;animation:led-pulse 2s ease-in-out infinite}@keyframes led-pulse{0%,to{box-shadow:0 0 6px #ef4444,0 0 12px #ef444480}50%{box-shadow:0 0 10px #ef4444,0 0 20px #ef4444b3}}.process-section{display:flex;flex-direction:column;align-items:center;gap:.25rem}.process-button{padding:.6rem 2rem;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:400px}.process-button:hover:not(:disabled){background:linear-gradient(135deg,#fcd34d,#fbbf24);transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.process-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #fbbf244d}.process-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#f87171;margin:0;font-size:.8rem}.audio-section-container{background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border-radius:8px;padding:.5rem .75rem;border:1px solid #444;box-shadow:inset 0 1px #ffffff0d;flex:1;display:flex;flex-direction:column}.audio-section-header{margin-bottom:.25rem}.audio-section-header h2{margin:0;font-size:1rem;color:#ddd}.output-section{margin-top:.5rem}.output-filename{flex:1;font-size:.875rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.download-link{padding:.4rem .75rem;font-size:.8rem;text-align:center;text-decoration:none;border:none;border-radius:4px;background:#444;color:#fff;cursor:pointer;transition:background .2s ease;flex-shrink:0}.download-link:hover{background:#555}.audio-section{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;flex:1;min-height:0}.history-section-container{background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border-radius:8px;padding:.5rem .75rem;border:1px solid #444;box-shadow:inset 0 1px #ffffff0d}.history-section-header{margin-bottom:.25rem}.history-section-header h2{margin:0;font-size:1rem;color:#ddd}.audio-player{background:#16213e;border-radius:6px;padding:.5rem .75rem;display:flex;flex-direction:column}.audio-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.audio-player-label{font-weight:600;font-size:.875rem}.audio-player-time{font-size:.75rem;color:#888;font-variant-numeric:tabular-nums}.audio-player-waveform{background:#0f3460;border-radius:4px;margin-bottom:.25rem;height:80px;flex:1;min-height:60px;display:flex;flex-direction:column;justify-content:center}.audio-player-waveform>div{flex-shrink:0}.audio-player-placeholder{height:80px;display:flex;align-items:center;justify-content:center;background:#0f3460;border-radius:4px;color:#666;font-size:.8rem;flex:1;min-height:60px}.audio-player-controls{display:flex;justify-content:center}.play-button{padding:.4rem 1rem;font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(180deg,#4a4a4a,#333);border:1px solid #555;border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:120px}.play-button:hover:not(:disabled){background:linear-gradient(180deg,#555,#3a3a3a);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.play-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #f59e0b33}.play-button:disabled{opacity:.5;cursor:not-allowed}@media(min-width:1025px){.effector-board{grid-template-columns:repeat(4,1fr)}.effector-image{height:130px}}@media(max-width:1024px)and (min-width:768px){.app{padding:.5rem}.app-header h1{font-size:1.25rem}.effector-board{grid-template-columns:repeat(2,1fr);gap:.4rem}.effector-image{height:110px}.effector-name{font-size:.85rem}}@media(max-width:1024px){.effector-drag-handle{display:flex;flex-shrink:0}.effector-content{touch-action:pan-y;position:relative;flex-direction:row;align-items:center;gap:.5rem;padding:.25rem}.effector-content .effector-image{width:80px;height:70px;flex-shrink:0;-webkit-touch-callout:none;-webkit-user-select:none;pointer-events:none}.effector-content .effector-info{flex:1;text-align:left}.effector-content .effector-name{white-space:normal;line-height:1.2}}@media(max-width:767px){.audio-player-waveform{padding:.5rem 0}.effector-content{flex-direction:row;align-items:center;gap:.5rem;padding:.25rem;position:relative}.effector-content .effector-image{width:70px;height:60px;flex-shrink:0}.effector-content .effector-info{flex:1;text-align:left}.effector-content .effector-name{font-size:.85rem;white-space:normal;line-height:1.2}}@media(max-width:767px)and (min-width:600px){.app{padding:.5rem}.app-header h1{font-size:1.125rem}.app-header p{font-size:.75rem}.file-selector{flex-direction:column;align-items:center;gap:.5rem}.file-selector label,.file-selector-label,.file-name-display,.output-filename{text-align:center}.file-select-button,.download-link{width:80%}.effector-board{grid-template-columns:repeat(2,1fr);gap:.4rem}.effector-image{height:110px}.effector-name{font-size:.8rem}.audio-section{grid-template-columns:1fr 1fr}.process-button{width:80%;min-width:unset}}@media(max-width:599px)and (min-width:600px){.app{padding:.4rem}.app-main{gap:.5rem}.app-header{padding:.25rem 0}.app-header h1{font-size:1.125rem}.app-header p{font-size:.75rem}.file-selector{flex-direction:column;align-items:stretch;gap:.4rem;padding:.4rem .5rem}.file-selector label,.file-selector-label{text-align:center;font-size:.8rem}.effector-board-container{padding:.4rem .5rem}.effector-board-header h2{font-size:.9rem}.effector-board{grid-template-columns:repeat(2,1fr);gap:.4rem}.effector-image{height:100px}.effector-name{font-size:.8rem}.audio-section{grid-template-columns:1fr;gap:.5rem}.audio-player{padding:.4rem .5rem}.process-button{width:80%;min-width:unset;padding:.5rem}.play-button{width:100%}}@media(max-width:599px){.app{padding:.35rem}.app-main{gap:.4rem}.app-header{padding:.2rem 0}.app-header h1{font-size:1rem}.app-header p{font-size:.7rem}.file-selector{flex-direction:column;align-items:center;gap:.35rem;padding:.35rem .4rem}.file-selector label,.file-selector-label{text-align:center;font-size:.75rem}.file-name-display,.output-filename{text-align:center}.file-select-button,.download-link{width:80%}.file-selector select{font-size:.8rem;padding:.35rem .5rem}.effector-board-container{padding:.35rem .4rem}.effector-board-header h2{font-size:.85rem}.effector-board-hint{font-size:.65rem;margin-bottom:.35rem}.effector-board{grid-template-columns:1fr;gap:.35rem}.effector-card{display:flex;align-items:center;gap:.5rem}.effector-drag-handle{padding:.2rem;flex-shrink:0}.effector-image{width:80px;height:70px;flex-shrink:0}.effector-info{padding:.2rem;text-align:left;flex:1}.effector-name{font-size:.85rem}.effector-toggle{font-size:.7rem;justify-content:flex-start}.process-section{gap:.2rem}.process-button{width:80%;min-width:unset;padding:.45rem;font-size:.8rem}.audio-section{grid-template-columns:1fr;gap:.4rem}.audio-player{padding:.35rem .4rem}.audio-player-label{font-size:.8rem}.audio-player-time{font-size:.7rem}.play-button{width:80%;padding:.35rem;font-size:.75rem}}