:root,.apps{--apps-canvas: #0e0f13;--apps-canvas-2: #0b0c10;--apps-panel: #16181d;--apps-panel-muted: #1d2027;--apps-edge: #2a2e37;--apps-edge-hover: #3a3f4b;--apps-text: #e6e8ee;--apps-muted: #a3a3a3;--apps-muted-2: #737373;--apps-faint: #525252;--apps-accent: #6366f1;--apps-accent-soft: rgba(99, 102, 241, .12);--apps-accent-text: #a5b4fc;--apps-danger: #f87171;--apps-ok: #34d399;--apps-playhead: #ef4444;--apps-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--apps-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--apps-serif: ui-serif, Georgia, "Times New Roman", serif;--apps-radius: 8px;--apps-radius-md: 6px;--apps-radius-sm: 4px;--apps-header-h: 48px;--apps-pad: 16px;--bg: var(--apps-canvas);--bg2: var(--apps-panel);--bg3: var(--apps-panel-muted);--border: rgba(255, 255, 255, .06);--border2: var(--apps-edge);--text: var(--apps-text);--muted: rgba(230, 232, 238, .45);--accent: var(--apps-accent);--mono: var(--apps-mono);--serif: var(--apps-serif);color-scheme:dark;font-family:var(--apps-ui)}*,*:before,*:after{box-sizing:border-box}html.apps,.apps,html{color-scheme:dark}html,body,#root,#app{height:100%}body{margin:0;background-color:var(--apps-canvas);color:var(--apps-text);font-family:var(--apps-ui);-webkit-font-smoothing:antialiased}body.apps-lock,.apps-lock{overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--apps-edge);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--apps-edge-hover)}::selection{color:#fff;background:var(--apps-accent)}:root,.apps{--aa-bg: var(--apps-canvas);--aa-bg-2: var(--apps-panel);--aa-bg-3: var(--apps-panel-muted);--aa-border: rgba(255, 255, 255, .06);--aa-border-2: var(--apps-edge);--aa-text: var(--apps-text);--aa-muted: var(--apps-muted-2);--aa-accent: var(--apps-accent);--aa-danger: var(--apps-danger);--aa-fill: var(--apps-accent-soft);--aa-mono: var(--apps-mono);--aa-serif: var(--apps-serif);--aa-ui: var(--apps-ui);--aa-radius: var(--apps-radius);--aa-radius-btn: var(--apps-radius-md);--aa-radius-chip: var(--apps-radius-sm);--aa-label-size: 8px;--aa-value-size: 9px;--aa-button-size: 11px;--aa-control-gap: 4px;--aa-pad: var(--apps-pad);--aa-knob-size: 44px}.apps #app,#app{display:flex;flex-direction:column;min-height:100vh;max-width:1100px;margin:0 auto;padding:14px var(--apps-pad);gap:12px;font-family:var(--apps-ui);color:var(--apps-text)}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--apps-edge)}.apps-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--apps-radius-sm);background:var(--apps-accent);color:#fff;font-size:14px;font-weight:700;line-height:1;flex-shrink:0}a.apps-logo{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}a.apps-logo:hover h1{color:var(--apps-accent-text)}.topbar h1,.apps-logo h1,.apps-title-serif{margin:0;font-family:var(--apps-ui);font-size:15px;font-style:normal;font-weight:600;letter-spacing:.01em}.file-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filename{color:var(--apps-muted-2);font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.btn,.button{font-family:var(--apps-ui);background:var(--apps-panel-muted);color:#d4d4d4;border:1px solid var(--apps-edge);border-radius:var(--apps-radius-md);padding:6px 10px;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover:not(:disabled),.button:hover:not(:disabled){background:var(--apps-edge);color:var(--apps-text);border-color:var(--apps-edge-hover)}.btn:disabled,.button:disabled{opacity:.45;cursor:not-allowed}.btn.on,.btn--on{background:var(--apps-accent-soft);color:var(--apps-accent-text);border-color:var(--apps-accent)}.btn.recording,.btn--recording{background:#f871711f;border-color:#f8717173;color:#f0a0a0}select.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:22px;background:var(--apps-panel-muted)}.mb-row{display:flex;gap:3px;flex-wrap:wrap}.mb{font-family:var(--apps-ui);font-size:9px;padding:4px 9px;border-radius:var(--apps-radius-sm);border:1px solid var(--apps-edge);background:transparent;color:var(--apps-muted);cursor:pointer;transition:background .1s,border-color .1s,color .1s;white-space:nowrap}.mb:hover{color:var(--apps-text);border-color:var(--apps-accent)}.mb.on{background:var(--apps-accent-soft);color:var(--apps-accent-text);border-color:var(--apps-accent)}.controls,.panel{display:flex;flex-direction:column;gap:14px;background:var(--apps-panel);border:1px solid var(--apps-edge);border-radius:var(--apps-radius);padding:14px 18px}.mode-groups{display:flex;flex-wrap:wrap;gap:22px;padding-top:12px;border-top:1px solid var(--apps-edge)}.gran-group{display:flex;flex-direction:column;gap:6px}.gran-group-label{font-size:8px;letter-spacing:.08em;color:var(--apps-muted-2);text-transform:uppercase}.dm-info-btn{position:fixed;right:18px;bottom:14px;z-index:40;width:30px;height:30px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--aa-mono, var(--mono, ui-monospace, monospace));font-size:14px;line-height:1;text-transform:none;letter-spacing:0;cursor:pointer;color:var(--aa-muted, var(--muted, #9a9a9a));background:var(--aa-bg-2, var(--bg2, #131316));border:.5px solid var(--aa-border-2, var(--border2, rgba(255, 255, 255, .1)));-webkit-user-select:none;user-select:none}.dm-info-btn:hover,.dm-info-btn.on{color:var(--aa-text, var(--text, #fff));border-color:var(--aa-accent, var(--accent, rgba(255, 255, 255, .55)));background:var(--aa-fill, var(--bg3, #1a1a1f))}.dm-info{position:fixed;right:18px;bottom:52px;z-index:40;display:flex;flex-direction:column;gap:10px;width:min(440px,calc(100vw - 36px));max-height:calc(100vh - 110px);overflow-y:auto;-webkit-user-select:text;user-select:text;padding:14px 16px;border-radius:8px;border:.5px solid var(--aa-border-2, var(--border2, rgba(255, 255, 255, .12)));background:color-mix(in srgb,var(--aa-bg-2, var(--bg2, #131316)) 96%,transparent);box-shadow:0 12px 40px #0009;font-family:var(--aa-mono, var(--mono, ui-monospace, monospace));font-size:10.5px;line-height:1.7;color:var(--aa-text, var(--text, #ddd8cc))}.dm-info[hidden]{display:none!important}.dm-info-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dm-info-head h2,.dm-info-head .aa-title{margin:0;font-family:var(--aa-serif, var(--serif, "Instrument Serif", serif));font-size:22px;font-weight:400;line-height:1.15;letter-spacing:0;text-transform:none}.dm-info-close,.dm-info .mb#dm-info-close{flex-shrink:0;width:28px;height:28px;padding:0;border-radius:5px;border:.5px solid var(--aa-border-2, var(--border2, rgba(255, 255, 255, .1)));background:transparent;color:var(--aa-muted, var(--muted, #9a9a9a));font-size:16px;line-height:1;cursor:pointer}.dm-info-close:hover,.dm-info .mb#dm-info-close:hover{color:var(--aa-text, var(--text, #fff));border-color:var(--aa-accent, var(--accent, rgba(255, 255, 255, .55)))}.dm-info p,.dm-info ul,.dm-info ol{margin:0 0 6px}.dm-info-lead{font-family:var(--aa-serif, var(--serif, "Instrument Serif", serif));font-size:16px;line-height:1.35}.dm-info h3{margin:0 0 4px;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--aa-muted, var(--muted, #9a9a9a))}.dm-info-steps{list-style:none;padding:0;margin:0;counter-reset:dm-step;display:flex;flex-direction:column;gap:10px}.dm-info-steps>li{counter-increment:dm-step;position:relative;padding-left:24px}.dm-info-steps>li:before{content:counter(dm-step);position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;border:.5px solid var(--aa-border-2, var(--border2, rgba(255, 255, 255, .12)));display:flex;align-items:center;justify-content:center;font-size:9px;line-height:16px;text-align:center;color:var(--aa-muted, var(--muted, #9a9a9a))}.dm-info ul{padding-left:14px}.dm-info code{font-family:var(--aa-mono, var(--mono, ui-monospace, monospace));background:var(--aa-bg-3, var(--bg3, #1a1a1f));border-radius:3px;padding:0 4px}.dm-info-sub{margin-top:6px!important;padding-top:10px;border-top:.5px solid var(--aa-border, var(--border, rgba(255, 255, 255, .06)))}.dm-info-controls{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:0}.dm-info-controls dt{color:var(--aa-text, var(--text, #ddd8cc))}.dm-info-controls dd{margin:0;color:var(--aa-muted, var(--muted, #9a9a9a))}.dm-info-source{padding-top:10px;border-top:.5px solid var(--aa-border, var(--border, rgba(255, 255, 255, .06)));color:var(--aa-muted, var(--muted, #9a9a9a))}@media screen and (max-width: 520px){.dm-info-btn{right:8px;bottom:8px}.dm-info{right:8px;bottom:46px;width:calc(100vw - 16px)}.dm-info-controls{grid-template-columns:1fr}.dm-info-controls dd{margin-bottom:4px}}html,body{height:100%;overflow:hidden;margin:0;background:var(--apps-canvas);color:var(--apps-text);font-family:var(--apps-ui);-webkit-font-smoothing:antialiased}.apps #app,#app{display:flex;flex-direction:column;max-width:none;width:100%;height:100vh;min-height:0;margin:0;padding:0;gap:0;overflow:hidden}.topbar{flex-shrink:0;flex-wrap:wrap;align-items:center;padding:8px 14px;border-bottom:1px solid var(--apps-edge)}.stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#000}#video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:0}#video.is-ready{opacity:1}.drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--apps-muted-2);font-size:11px;letter-spacing:.05em;pointer-events:none;text-align:center;padding:20px;z-index:1}.drop-hint.hidden{display:none}.timeline{position:relative;z-index:2;flex:0 0 auto;display:flex;flex-direction:column;border-top:1px solid var(--aa-border);background:var(--aa-bg-2);-webkit-user-select:none;user-select:none}.timeline__resize{position:absolute;left:0;right:0;top:-4px;height:8px;z-index:5;cursor:ns-resize;touch-action:none}.timeline__resize:hover,.timeline.is-resizing .timeline__resize{background:#ffffff73}.timeline--sized{min-height:0}.timeline--sized .timeline__body{flex:1 1 auto;min-height:0}.timeline--sized .timeline__labels,.timeline--sized .timeline__scroll{min-height:0}.timeline--sized .timeline__scroll{display:flex;flex-direction:column}.timeline--sized .timeline__tracks,.timeline--sized .timeline__lanes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.timeline--sized .timeline__ruler,.timeline--sized .timeline__label--ruler,.timeline--sized .timeline__track--clip,.timeline--sized .timeline__label--clip{flex-shrink:0}.timeline--sized .timeline__label--series,.timeline--sized .timeline__track--series{flex:1 1 auto;height:auto;min-height:48px}.timeline__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:28px;padding:4px 8px;border-bottom:1px solid var(--aa-border)}.timeline--collapsed .timeline__toolbar{border-bottom:0}.timeline__title{font-family:inherit;font-size:var(--aa-label-size);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--aa-muted);background:transparent;border:0;padding:0;cursor:pointer}.timeline__title:hover{color:var(--aa-text)}.timeline__time,.timeline__readout{font-size:var(--aa-value-size);letter-spacing:.04em;color:var(--aa-muted);font-variant-numeric:tabular-nums}.timeline__readout{color:var(--aa-text);text-transform:uppercase}.timeline__transport{display:flex;align-items:center;gap:3px}.timeline__nav{display:flex;align-items:center;gap:3px;margin-left:auto}.timeline__zoom-label{margin-left:6px;font-size:var(--aa-label-size);color:var(--aa-muted);letter-spacing:.06em;text-transform:uppercase}.timeline__toolbar .btn{padding:3px 8px;min-width:22px}.timeline__send{display:inline-flex;align-items:center;gap:4px;color:var(--aa-muted);font-size:var(--aa-label-size);letter-spacing:.04em;cursor:pointer;white-space:nowrap}.timeline__send input{margin:0;width:12px;height:12px;accent-color:var(--apps-accent);cursor:pointer}.timeline__body{display:flex;flex:1 1 auto;min-height:0}.timeline__body[hidden]{display:none}.timeline__labels{width:248px;flex-shrink:0;border-right:1px solid var(--aa-border);display:flex;flex-direction:column}.timeline__label-name{display:inline-flex;align-items:center;gap:8px;min-width:0}.timeline__norm{display:inline-flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.timeline__norm input[type=checkbox]{margin:0;width:12px;height:12px;accent-color:var(--apps-accent);cursor:pointer}.timeline__gate{display:inline-flex;align-items:center;gap:6px}.timeline__gate-level{width:52px;margin:0;padding:0 4px;border:1px solid var(--aa-border);border-radius:var(--apps-radius-sm);background:transparent;color:var(--aa-text);font:inherit;font-variant-numeric:tabular-nums}.timeline__label{height:28px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;font-size:var(--aa-label-size);letter-spacing:.06em;text-transform:uppercase;color:var(--aa-muted);border-bottom:1px solid var(--aa-border)}.timeline__label--ruler{height:18px}.timeline__label--ruler,.timeline__label--clip{flex-shrink:0}.timeline__label--series{flex:1 1 72px;height:auto;min-height:48px;flex-wrap:wrap;align-content:center}.timeline__label-options{flex:1 0 100%;display:flex;flex-direction:column;gap:3px}.timeline__label-value{color:var(--aa-text);font-variant-numeric:tabular-nums;letter-spacing:0}.timeline__scroll{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;background:var(--aa-bg);scrollbar-width:thin}.timeline__tracks{position:relative;flex:1 0 auto;display:flex;flex-direction:column;min-height:100%}.timeline__lanes{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.timeline__ruler{height:18px;flex-shrink:0;position:relative;cursor:ew-resize;border-bottom:1px solid var(--aa-border);background:var(--aa-bg-3);touch-action:none;overflow:hidden}.timeline__tick{position:absolute;bottom:1px;transform:translate(-50%);font-size:9px;color:var(--aa-muted);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.timeline__tick:first-child{transform:none}.timeline__track{position:relative;border-bottom:1px solid var(--aa-border);background:var(--aa-bg);touch-action:none;cursor:ew-resize}.timeline__track--clip{flex-shrink:0}.timeline__track--series{flex:1 1 72px;height:auto;min-height:48px}.timeline__track--clip{height:28px}.timeline__wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.timeline__clip{position:absolute;left:0;top:4px;width:100%;height:20px;box-sizing:border-box;border:1px solid #888;background:#ffffff2e;display:flex;align-items:center;overflow:hidden;pointer-events:none}.timeline__clip-label{padding:0 6px;font-size:10px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.7)}.timeline__playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;pointer-events:none;z-index:4}.timeline__playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff}