:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#e8e8ec;background:#12141a}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#7eb8ff;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:1.5rem}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #2a2f3a}header h1{margin:0;font-size:1.25rem;font-weight:600}.btn{display:inline-block;padding:.5rem 1rem;border-radius:6px;border:1px solid #3d4556;background:#1e2430;color:#e8e8ec;cursor:pointer;font-size:.9rem}.btn:hover{background:#2a3344}.btn-primary{background:#3b6fd9;border-color:#3b6fd9}.btn-primary:hover{background:#4d80e8}.btn-sm{padding:.25rem .55rem;font-size:.8rem}.btn-active{background:#2a4a6e;border-color:#00d4ff;color:#9ec0ff}.range-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0 .75rem;padding:.5rem .75rem;background:#1a1f28;border:1px solid #2a2f3a;border-radius:8px}.range-actions-label{font-size:.8rem;color:#9aa3b5;margin-right:.25rem}.range-actions-error{font-size:.8rem;color:#f0a0a0}.range-actions-stem{display:flex;align-items:center;gap:.35rem}.range-actions-stem-label{font-size:.8rem;color:#9aa3b5}.range-actions-stem-select{padding:.25rem .5rem;font-size:.8rem;border-radius:6px;border:1px solid #3d4556;background:#12141a;color:#e8e8ec;cursor:pointer}.range-actions-stem-select:focus{outline:none;border-color:#00d4ff}.samples-section{margin-top:1.5rem}.pad-grid-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.pad-grid-title{margin:0;font-size:.95rem;font-weight:600;color:#c8ced9}.pad-grid-pending{font-size:.8rem;color:#9aa3b5}.pad-grid-hint{margin:.75rem 0 0;font-size:.8rem;color:#9aa3b5}.pad-bank-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.pad-bank-tab{padding:.25rem .6rem;font-size:.75rem;border-radius:6px;border:1px solid #3d4556;background:#12141a;color:#9aa3b5;cursor:pointer}.pad-bank-tab:hover{border-color:#5a6578;color:#c8ced9}.pad-bank-tab-active{background:#2a3344;border-color:#00d4ff;color:#e8e8ec}.pad-bank-tab-add{border-style:dashed}.pad-grid{display:grid;gap:.5rem;max-width:420px;padding:.65rem;background:#0d0f14;border:2px solid #2a2f3a;border-radius:10px;box-shadow:inset 0 2px 8px #00000073}.pad-button{position:relative;aspect-ratio:1;min-height:0;padding:.35rem;border:2px solid #3d4556;border-radius:8px;background:linear-gradient(145deg,#2a303c,#1a1f28 55%,#12141a);color:#e8e8ec;cursor:pointer;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;box-shadow:0 2px #0a0c10,inset 0 1px #ffffff0f;transition:background .08s ease,border-color .08s ease,box-shadow .08s ease}.pad-button:hover:not(:disabled){border-color:#5a6578}.pad-button:active:not(:disabled),.pad-button--held{background:linear-gradient(145deg,#4a5568,#2a3344,#1e2430);border-color:#00d4ff;box-shadow:0 0 12px #00d4ff59,inset 0 0 12px #00d4ff26;transform:translateY(1px)}.pad-button--playing{border-color:#f0c040;box-shadow:0 0 10px #f0c04059}.pad-button--selected{outline:2px solid #00d4ff;outline-offset:2px}.pad-button--empty{opacity:.45;cursor:default;background:linear-gradient(145deg,#1a1f28,#12141a)}.pad-button--empty:disabled{opacity:.35}.pad-button--choke-1{border-left:3px solid #e85d5d}.pad-button--choke-2{border-left:3px solid #5cb85c}.pad-button--choke-3{border-left:3px solid #5bc0de}.pad-button--choke-4{border-left:3px solid #f0ad4e}.pad-button-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pad-button-meta{font-size:.65rem;color:#9aa3b5;line-height:1}.pad-inspector{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:.75rem;padding:.65rem .75rem;background:#1a1f28;border:1px solid #2a2f3a;border-radius:8px}.pad-inspector-title{font-size:.8rem;font-weight:600;color:#9aa3b5;width:100%}.pad-inspector-field{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:#9aa3b5}.pad-inspector-field select{padding:.25rem .45rem;font-size:.8rem;border-radius:6px;border:1px solid #3d4556;background:#12141a;color:#e8e8ec;min-width:8rem}.card{background:#1a1f28;border:1px solid #2a2f3a;border-radius:8px;padding:1rem;margin-bottom:.75rem}.card h3{margin:0 0 .25rem;font-size:1rem}.meta{color:#9aa3b5;font-size:.85rem}.page-lead{margin:0 0 1rem;max-width:42rem}.job-card-subtitle{margin:.15rem 0 .35rem}.job-metadata-panel{margin-top:1.25rem;padding:1rem;background:#1a1f28;border:1px solid #2a2f3a;border-radius:8px}.job-metadata-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.job-metadata-actions{display:flex;flex-wrap:wrap;gap:.35rem}.job-metadata-body{display:flex;gap:1rem;flex-wrap:wrap}.job-metadata-thumb{width:120px;height:68px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#0f1218}.job-metadata-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem .75rem;flex:1;min-width:200px}.job-metadata-field{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:#9aa3b5}.job-metadata-field input{font-size:.9rem;padding:.35rem .5rem;border-radius:4px;border:1px solid #2a2f3a;background:#0f1218;color:#e8eaed}.job-metadata-field-wide{grid-column:1 / -1}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;background:#2a3344;margin-right:.35rem}.badge-completed{background:#1e4d3a;color:#8fd9b0}.badge-running{background:#3d3a1e;color:#e8d98f}.badge-failed{background:#4d1e1e;color:#f0a0a0}.badge-queued{background:#2a2f3a}form label{display:block;margin-bottom:.75rem}form input[type=text],form input[type=number],form select{width:100%;padding:.5rem;margin-top:.25rem;border-radius:6px;border:1px solid #3d4556;background:#12141a;color:#e8e8ec}.preset-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.job-summary{margin:.75rem 0}.step-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0 1rem}.badge-step-on{background:#1e3a4d;color:#7eb8ff}.badge-step-off{background:#2a2f3a;color:#6a7385;opacity:.7}.banner{padding:.75rem 1rem;border-radius:6px;font-size:.9rem;margin:.75rem 0}.banner-warning{background:#3d3018;border:1px solid #8a7040;color:#f0d080}.banner-info{background:#1e2a3d;border:1px solid #3b6fd9;color:#9ec0ff}.checkbox-row{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.checkbox-row label{display:flex;align-items:center;gap:.35rem;margin:0}.player-panel{display:grid;gap:1rem}@media (min-width: 768px){.player-panel{grid-template-columns:1fr 1fr}}video,audio{width:100%;border-radius:8px;background:#000}.lyrics-panel{max-height:320px;overflow-y:auto;white-space:pre-wrap;font-size:.9rem;line-height:1.6;padding:.75rem;background:#12141a;border-radius:8px;border:1px solid #2a2f3a}.chordpro-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.chordpro-editor-meta{font-size:.8rem;color:#9aa3b5}.chordpro-editor-ok{color:#7eb8ff}.chordpro-editor-error{font-size:.8rem;color:#f0a0a0}.chordpro-editor-textarea{width:100%;min-height:280px;max-height:480px;resize:vertical;box-sizing:border-box;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;line-height:1.5;padding:.75rem;background:#12141a;color:#e8e8ec;border:1px solid #2a2f3a;border-radius:8px}.stem-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.stem-tabs button{padding:.35rem .75rem;border-radius:6px;border:1px solid #3d4556;background:#1e2430;color:#e8e8ec;cursor:pointer}.stem-tabs button.active{background:#3b6fd9;border-color:#3b6fd9}.progress-bar{height:8px;background:#2a2f3a;border-radius:4px;overflow:hidden;margin:.75rem 0}.progress-bar-fill{height:100%;background:#3b6fd9;transition:width .3s}.error{color:#f0a0a0}.stem-mixer{background:#1a1f28;border:1px solid #2a2f3a;border-radius:8px;padding:1rem}.stem-transport{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #2a2f3a}.stem-time{font-size:.85rem;color:#9aa3b5;font-variant-numeric:tabular-nums}.stem-scrubber{flex:1;min-width:120px;accent-color:#3b6fd9}.playback-speed{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.playback-speed-btn{min-width:2rem;font-size:1rem;line-height:1;padding:.25rem .5rem}.playback-speed-reset{min-width:2.5rem}.playback-speed-label{font-size:.8rem;color:#9aa3b5;font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:center}.media-player-with-speed{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.media-player-with-speed video,.media-player-with-speed .single-track-player{width:100%;max-width:100%}.job-header-video .media-player-with-speed{width:100%}.job-header-video .media-player-with-speed video{max-height:280px}.stem-row{display:flex;align-items:stretch;gap:.5rem;margin-bottom:.5rem;padding:.35rem;border-radius:6px;border:1px solid transparent}.stem-row-soloed{border-color:#3b6fd9;background:#3b6fd914}.stem-row-muted{opacity:.55}.stem-controls{display:flex;flex-direction:row;align-items:stretch;gap:.5rem}.stem-btn-group{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:3.5rem}.stem-volume{writing-mode:vertical-lr;direction:rtl;width:1.25rem;height:56px;margin:0;padding:0;accent-color:#3b6fd9;cursor:pointer}.stem-btn{width:1.75rem;height:1.75rem;padding:0;font-size:.7rem;font-weight:700;border-radius:4px;border:1px solid #3d4556;background:#1e2430;color:#9aa3b5;cursor:pointer}.stem-btn:hover{background:#2a3344}.stem-btn-muted{background:#4d3a1e;border-color:#8a7040;color:#f0c040}.stem-btn-soloed{background:#1e3a4d;border-color:#3b6fd9;color:#7eb8ff}.stem-label{font-size:.75rem;color:#9aa3b5;text-transform:capitalize}.waveform-wrap{flex:1;min-width:0;height:56px;position:relative}.waveform-canvas{width:100%;height:100%;display:block;border-radius:4px;background:#12141a;cursor:crosshair;touch-action:none}.waveform-selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:4px;overflow:hidden}.waveform-selection-shade{position:absolute;top:0;bottom:0;pointer-events:none;background:#00d4ff1f;border-top:2px solid rgba(0,212,255,.5);border-bottom:2px solid rgba(0,212,255,.5)}.waveform-selection-handle{position:absolute;top:0;bottom:0;width:10px;margin-left:-5px;padding:0;border:none;background:#00d4ff;border-radius:3px;cursor:ew-resize;pointer-events:auto;touch-action:none;z-index:2;box-shadow:0 0 0 1px #00000059}.waveform-selection-handle:hover,.waveform-selection-handle:focus{background:#5ce1ff;outline:none}.waveform-selection-handle-start{border-top-left-radius:4px;border-bottom-left-radius:4px}.waveform-selection-handle-end{border-top-right-radius:4px;border-bottom-right-radius:4px}.waveform-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#6a7385;background:#12141a;border-radius:4px;border:1px dashed #2a2f3a}.single-track-player{width:100%;margin-top:.5rem;border-radius:8px}.job-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.5rem}.job-header-video{flex-shrink:0;width:180px}.job-header-video video{width:100%;display:block;border-radius:8px;aspect-ratio:16 / 9}.job-header-meta{flex:1;min-width:0}.job-header-meta h2{margin:0 0 .35rem;font-size:1.5rem}.chord-timeline{margin:.75rem 0 1rem;padding:.75rem;background:#12141a;border:1px solid #2a2f3a;border-radius:8px}.playback-strips{display:flex;flex-direction:column;gap:.75rem;margin:.75rem 0 1rem}.playback-strips .chord-timeline,.playback-strips .lyrics-scroller{margin:0;width:100%}.chord-timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.75rem}.chord-timeline-title{font-size:.85rem;font-weight:600;color:#c8ced9}.chord-timeline-bpm{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#9aa3b5}.chord-timeline-bpm input{width:4rem;padding:.2rem .35rem;border-radius:4px;border:1px solid #3d4556;background:#1e2430;color:#e8e8ec}.chord-timeline-viewport{position:relative;max-width:100%;overflow:hidden;height:52px;border-radius:6px;background:#9aa3b5;padding:4px 0}.chord-timeline-track{display:flex;height:100%;will-change:transform}.chord-playhead{position:absolute;left:0;bottom:2px;height:4px;background:#00d4ff;border-radius:2px;pointer-events:none;z-index:2}.chord-cell{flex-shrink:0;height:100%;border:none;border-right:1px solid #b8bec8;background:linear-gradient(180deg,#f5f6f8,#e4e7ec);color:#1a1f28;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;position:relative}.chord-cell-measure-start{border-left:2px solid #6a7385}.chord-cell-active{background:linear-gradient(180deg,#2a3344,#1a1f28);color:#fff;border-left:2px solid #1a1f28}.chord-cell-label{font-size:.95rem;font-weight:700;line-height:1;pointer-events:none}.lyrics-scroller{padding:.75rem;background:#12141a;border:1px solid #2a2f3a;border-radius:8px}.lyrics-scroller-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.lyrics-scroller-title{font-size:.85rem;font-weight:600;color:#c8ced9}.lyrics-scroller-hint{font-size:.75rem;color:#9aa3b5}.lyrics-scroller-viewport{position:relative;width:100%;overflow:hidden;border-radius:6px;background:#9aa3b5;padding:4px 0}.lyrics-scroller-track{display:flex;height:100%;will-change:transform}.lyrics-scroller-playhead{position:absolute;left:0;bottom:2px;width:4px;height:calc(100% - 4px);background:#00d4ff;border-radius:2px;pointer-events:none;z-index:2}.lyrics-scroller-cell{flex-shrink:0;width:max-content;height:100%;border:none;border-right:1px solid #b8bec8;background:linear-gradient(180deg,#f5f6f8,#e4e7ec);color:#1a1f28;cursor:pointer;padding:0 .75rem;display:flex;align-items:center;justify-content:flex-start}.lyrics-scroller-cell-active{background:linear-gradient(180deg,#2a3344,#1a1f28);color:#fff;border-left:2px solid #1a1f28}.lyrics-scroller-cell-label{font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:visible;pointer-events:none}