h1:focus{outline:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.project-code-form{display:flex;gap:.5em;margin-top:1em}.project-code-input{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:inherit;transition:border-color .25s}.project-code-input:focus{outline:4px auto -webkit-focus-ring-color}.project-code-error{color:#ff6b6b;margin-top:.5em}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transport{display:flex;align-items:center;gap:.5em;margin-bottom:1em}.time{font-variant-numeric:tabular-nums;margin-left:auto;font-size:.9em;opacity:.7}.scrub{display:block;position:relative;margin-bottom:1.5em}.scrub input[type=range]{position:relative;z-index:1;width:100%;opacity:0;height:20px;cursor:pointer}.scrub-track{position:absolute;inset:50% 0 0;height:6px;transform:translateY(-50%);background:#333;border-radius:3px;overflow:hidden}.scrub-fill{height:100%;background:#646cff;border-radius:3px}.sections-bar{display:flex;align-items:center;margin-bottom:.5em}.sections-dropdown{position:relative}.sections-toggle{display:flex;align-items:center;gap:.5em;padding:.3em .8em;font-size:.85em;background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#ffffffde;cursor:pointer;transition:border-color .2s}.sections-toggle:hover{border-color:#646cff}.sections-current{font-weight:600}.sections-chevron{font-size:.65em;opacity:.6}.sections-list{position:absolute;top:calc(100% + 4px);left:0;z-index:10;list-style:none;margin:0;padding:.25em 0;background:#1a1a1a;border:1px solid #444;border-radius:6px;min-width:200px;box-shadow:0 4px 12px #0006}.sections-list li{margin:0;padding:0}.sections-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.4em .8em;background:none;border:none;border-radius:0;color:#fffc;font-size:.85em;cursor:pointer;text-align:left;transition:background-color .15s}.sections-item:hover{background:#646cff1f}.sections-item-active{color:#646cff;font-weight:600}.sections-item-name{flex:1}.sections-item-time{font-variant-numeric:tabular-nums;opacity:.5;font-size:.9em;margin-left:1em}.scrub-section-marker{position:absolute;top:0;bottom:0;width:1px;background:#ffffff40;z-index:0}.scrub-section-label{font-size:.75em;color:#ffffff80;margin-top:.15em;font-weight:500}.track-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;margin-bottom:1em;border:1px solid #333;border-radius:4px}.track-table thead th{padding:.5em .75em;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;background:#1a1a1a;border-bottom:2px solid #333;white-space:nowrap}.track-table thead th:first-child{width:15%}.track-table thead th:nth-child(2),.track-table thead th:nth-child(3){width:5%;text-align:center}.track-table thead th:nth-child(4){width:30%}.track-table thead th:nth-child(5){width:25%}.track-table thead th:nth-child(6){width:20%}.track-row{border-bottom:1px solid #2a2a2a;transition:background-color .15s}.track-row:hover{background:#646cff0a}.track-row:last-child{border-bottom:none}.track-row.track-muted{opacity:.5}.track-row.track-soloed{background:#ffcc000f}.track-row.track-selected{outline:2px solid #646cff;outline-offset:-2px}.track-name-cell{padding:.6em .75em;font-weight:600;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name-btn{cursor:pointer;display:block;border-radius:2px}.track-name-btn:focus-visible{outline:2px solid #646cff;outline-offset:2px}.track-mute-cell,.track-solo-cell{text-align:center;padding:.4em}.track-btn{width:28px;height:28px;padding:0;border-radius:4px;border:1px solid #444;font-size:.75em;font-weight:700;line-height:1;cursor:pointer;background:#2a2a2a;color:#fff9;transition:background-color .15s,color .15s,border-color .15s}.track-btn:hover{border-color:#666}.track-btn-mute.active{background:#c33;color:#fff;border-color:#c33}.track-btn-solo.active{background:#ca0;color:#1a1a1a;border-color:#ca0}.track-gain-cell,.track-pan-cell{padding:.4em .75em}.track-gain-cell label,.track-pan-cell label{display:block}.track-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#333;border-radius:2px;outline:none;cursor:pointer}.track-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:18px;background:#888;border-radius:2px;cursor:pointer;transition:background-color .15s}.track-slider::-moz-range-thumb{width:12px;height:18px;background:#888;border:none;border-radius:2px;cursor:pointer;transition:background-color .15s}.track-slider:hover::-webkit-slider-thumb{background:#aaa}.track-slider:hover::-moz-range-thumb{background:#aaa}.track-slider:focus-visible{outline:2px solid #646cff;outline-offset:2px}.track-value{display:block;font-size:.7em;color:#fff6;text-align:center;margin-top:.15em;font-variant-numeric:tabular-nums}.track-meter-cell{padding:.4em .75em}.track-level-meter{display:block;width:100%;height:8px;border-radius:2px;overflow:hidden;-webkit-appearance:none;appearance:none;border:none;background:#1a1a1a}.track-level-meter::-webkit-progress-bar{background:#1a1a1a;border-radius:2px}.track-level-meter::-webkit-progress-value{background:linear-gradient(to right,#2c4,#8c2,#ca0,#c33);border-radius:2px;transition:width .08s linear}.track-level-meter::-moz-progress-bar{background:linear-gradient(to right,#2c4,#8c2,#ca0,#c33);border-radius:2px}.loading-banner{margin-bottom:1em;padding:.75em 1em;background:#1a1a1a;border:1px solid #333;border-radius:6px}.loading-text{font-size:.9em;font-weight:500;margin-bottom:.5em;color:#ffffffb3}.loading-bar-track{height:6px;background:#333;border-radius:3px;overflow:hidden}.loading-bar-fill{height:100%;background:#646cff;border-radius:3px;transition:width .3s ease}.site-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid #333;text-align:center;font-size:.8em;color:#fff6}.site-footer-copy{margin:0 0 .5em}.site-footer-links{display:flex;justify-content:center;gap:1.5em}.site-footer-links a{color:#fff6;font-weight:400;text-decoration:none}.site-footer-links a:hover{color:#ffffffb3}.shortcuts-modal{border:1px solid #444;border-radius:8px;background:#1a1a1a;color:#ffffffde;padding:0;max-width:480px;width:90vw}.shortcuts-modal::backdrop{background:#0009}.shortcuts-modal-content{padding:1.5em}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75em}.shortcuts-modal-title{font-size:1.2em;margin:0}.shortcuts-modal-close{background:none;border:none;color:#ffffff80;font-size:1.5em;cursor:pointer;padding:0 .25em;line-height:1}.shortcuts-modal-close:hover{color:#ffffffe6}.shortcuts-section-title{font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin:0 0 .5em}.shortcuts-table{width:100%;border-collapse:collapse;font-size:.9em}.shortcuts-table th{text-align:left;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;padding:.5em .75em;border-bottom:1px solid #333}.shortcuts-table td{padding:.5em .75em;border-bottom:1px solid #2a2a2a}.shortcuts-table tr:last-child td{border-bottom:none}.shortcuts-table kbd{display:inline-block;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:.15em .5em;font-family:inherit;font-size:.9em}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button,.project-code-input{background-color:#f9f9f9}.track-table{border-color:#ddd}.track-table thead th{background:#f0f0f0;color:#00000080;border-bottom-color:#ddd}.track-row{border-bottom-color:#eee}.track-row:hover{background:#646cff0f}.track-row.track-soloed{background:#ffcc0014}.track-row.track-selected{outline-color:#747bff}.track-btn{background:#e8e8e8;border-color:#ccc;color:#0009}.track-btn:hover{border-color:#999}.track-slider{background:#ddd}.track-slider::-webkit-slider-thumb{background:#888}.track-slider::-moz-range-thumb{background:#888}.track-value{color:#0006}.track-level-meter,.track-level-meter::-webkit-progress-bar{background:#e0e0e0}.loading-banner{background:#f9f9f9;border-color:#ddd}.loading-text{color:#0009}.loading-bar-track,.scrub-track{background:#ddd}.sections-toggle{background:#f9f9f9;border-color:#ccc;color:#213547}.sections-list{background:#fff;border-color:#ddd;box-shadow:0 4px 12px #00000026}.sections-item{color:#000c}.sections-item:hover{background:#646cff14}.sections-item-active{color:#747bff}.scrub-section-marker{background:#0003}.scrub-section-label{color:#00000080}.site-footer{border-top-color:#ddd;color:#0006}.site-footer-links a{color:#0006}.site-footer-links a:hover{color:#000000b3}.shortcuts-modal{background:#fff;border-color:#ddd;color:#213547}.shortcuts-modal::backdrop{background:#0006}.shortcuts-modal-close{color:#0006}.shortcuts-modal-close:hover{color:#000c}.shortcuts-section-title{color:#00000080}.shortcuts-table th{color:#00000080;border-bottom-color:#ddd}.shortcuts-table td{border-bottom-color:#eee}.shortcuts-table kbd{background:#f0f0f0;border-color:#ccc}.mobile-detail{background:#fff;border-top-color:#ddd}.mobile-detail-name{color:#213547}.mobile-detail-label{color:#00000080}}@media(max-width:640px){#root{padding:.75rem}h1{font-size:1.4em}.container{padding-bottom:7rem}.transport{flex-wrap:wrap;gap:.4em}.transport button{padding:.5em .9em;font-size:.9em}.time{width:100%;text-align:center;margin-left:0;margin-top:.25em}.track-table thead th:nth-child(4),.track-table thead th:nth-child(5),.track-table thead th:nth-child(6),.track-gain-cell,.track-pan-cell,.track-meter-cell{display:none}.track-table{table-layout:auto}.track-table thead th:first-child{width:auto}.track-table thead th:nth-child(2),.track-table thead th:nth-child(3){width:auto}.track-name-cell{padding:.5em;font-size:.85em;cursor:pointer}.track-mute-cell,.track-solo-cell{padding:.3em}.track-row.track-selected{outline-width:2px;background:#646cff14}.mobile-detail{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-top:2px solid #333;padding:.6rem .75rem .75rem;z-index:20;display:flex;flex-direction:column;gap:.4rem}.mobile-detail-name{font-weight:700;font-size:.8em;text-transform:uppercase;letter-spacing:.04em;color:#ffffffb3;text-align:center}.mobile-detail-controls{display:flex;gap:1rem}.mobile-detail-slider{flex:1;min-width:0}.mobile-detail-slider label{display:flex;align-items:center;gap:.5em}.mobile-detail-label{font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff80;flex-shrink:0;width:2em}.mobile-detail-slider .track-slider{flex:1;min-width:0}.mobile-detail-slider .track-value{text-align:right;margin-top:.1em}}