*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;color:#00d4ff;margin-bottom:30px}.drop-zone{border:3px dashed #444;border-radius:12px;padding:60px 20px;text-align:center;cursor:pointer;transition:all .3s;background:#16213e}.drop-zone:hover,.drop-zone.active{border-color:#00d4ff;background:#1a1a2e}.drop-zone p{margin:0;font-size:18px;color:#888}.drop-button{border:2px dashed #444;transition:all .3s}.drop-button:hover,.drop-button.active{border-color:#00d4ff;border-style:dashed}.video-container{margin:20px 0;background:#000;border-radius:8px;overflow:hidden}.video-container video{width:100%;max-height:500px}.controls{background:#16213e;padding:20px;border-radius:8px;margin:20px 0}.scrubber-container{margin-bottom:20px}.scrubber{width:100%;height:8px;-webkit-appearance:none;background:#333;border-radius:4px;outline:none}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#00d4ff;border-radius:50%;cursor:pointer}.time-display{display:flex;justify-content:space-between;margin-top:8px;font-family:monospace;font-size:14px;color:#888}.button-row{display:flex;gap:10px;flex-wrap:wrap}button{background:#00d4ff;color:#000;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}button:hover{background:#00a8cc}button:disabled{background:#444;color:#888;cursor:not-allowed}button.secondary{background:#333;color:#fff}button.secondary:hover{background:#444}button.danger{background:#ff4757;color:#fff}button.danger:hover{background:#ff6b7a}.in-out-display{display:flex;gap:20px;margin:15px 0;font-family:monospace}.in-out-display span{background:#0f3460;padding:8px 16px;border-radius:4px}.time-edit{background:#1a1a2e;color:#00d4ff;border:1px solid #00d4ff;padding:2px 6px;font-family:monospace;font-size:14px;width:110px;border-radius:3px}.nudge-btn{background:#333;padding:10px 12px;min-width:40px;font-size:10px}.nudge-btn:hover:not(:disabled){background:#444}.nudge-btn:disabled{background:#222;color:#555}.preview-btn{background:#28a745}.preview-btn:hover:not(:disabled){background:#218838}.cuts-list{background:#16213e;border-radius:8px;padding:20px;margin:20px 0}.cuts-list h3{margin-top:0;color:#00d4ff}.cut-item{display:flex;align-items:center;gap:15px;background:#0f3460;padding:12px 16px;border-radius:6px;margin:10px 0;font-family:monospace}.cut-item .cut-number{color:#888;min-width:30px}.cut-item .cut-name-input{flex:1;min-width:100px;max-width:200px;padding:6px 10px;background:#16213e;border:1px solid #333;border-radius:4px;color:#fff;font-size:13px}.cut-item .cut-name-input::placeholder{color:#666}.cut-item .cut-times{flex:1}.cut-item .cut-duration{color:#00d4ff}.cut-item button{padding:6px 12px;font-size:12px}.settings-panel{background:#16213e;border-radius:8px;padding:20px;margin:20px 0}.settings-panel h3{margin-top:0;color:#00d4ff}.setting-row{display:flex;align-items:center;gap:15px;margin:15px 0}.setting-row label{min-width:120px;color:#888}.setting-row select,.setting-row input[type=text]{flex:1;padding:8px 12px;background:#0f3460;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px}.crop-toggle{display:flex;align-items:center;gap:10px}.crop-toggle button.active{background:#00d4ff;color:#000}.crop-indicator{color:#27ae60;font-size:13px}.jobs-panel{background:#16213e;border-radius:8px;padding:20px;margin:20px 0}.jobs-tabs{display:flex;gap:5px;margin-bottom:15px;border-bottom:1px solid #333;padding-bottom:10px}.jobs-tab{background:transparent;border:none;color:#888;padding:8px 16px;cursor:pointer;border-radius:4px 4px 0 0;font-size:13px;transition:all .2s}.jobs-tab:hover{color:#fff;background:#ffffff1a}.jobs-tab.active{color:#00d4ff;background:#0f3460}.jobs-empty{color:#666;text-align:center;padding:20px;font-style:italic}.job-item{background:#0f3460;padding:15px;border-radius:6px;margin:10px 0}.job-item .job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.job-item .job-header>span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.job-item .job-actions{display:flex;align-items:center;gap:8px}.job-item .job-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}button.small{padding:4px 8px;font-size:11px}.job-status.queued{background:#444}.job-status.running{background:#f39c12;color:#000}.job-status.done{background:#27ae60}.job-status.failed{background:#e74c3c}.job-status.canceled{background:#7f8c8d}.progress-bar{height:6px;background:#333;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:#00d4ff;transition:width .3s}.job-item .job-error{color:#e74c3c;font-size:12px;margin-top:8px}.metadata{display:flex;gap:20px;margin:10px 0;font-size:14px;color:#888}.metadata span{background:#0f3460;padding:4px 10px;border-radius:4px}