@supports ((-moz-appearance:none)){.collage-prototype,.collage-library-list,.collage-history-panel,.collage-source-detail{scrollbar-width:thin;scrollbar-color:var(--border) transparent}}.collage-prototype::-webkit-scrollbar{width:10px;height:10px}.collage-library-list::-webkit-scrollbar{width:10px;height:10px}.collage-history-panel::-webkit-scrollbar{width:10px;height:10px}.collage-source-detail::-webkit-scrollbar{width:10px;height:10px}.collage-prototype::-webkit-scrollbar-track{background:0 0}.collage-library-list::-webkit-scrollbar-track{background:0 0}.collage-history-panel::-webkit-scrollbar-track{background:0 0}.collage-source-detail::-webkit-scrollbar-track{background:0 0}.collage-prototype::-webkit-scrollbar-thumb{background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--border);border:none;border-radius:0}.collage-library-list::-webkit-scrollbar-thumb{background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--border);border:none;border-radius:0}.collage-history-panel::-webkit-scrollbar-thumb{background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--border);border:none;border-radius:0}.collage-source-detail::-webkit-scrollbar-thumb{background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--border);border:none;border-radius:0}.collage-prototype::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1px var(--text-secondary)}.collage-library-list::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1px var(--text-secondary)}.collage-history-panel::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1px var(--text-secondary)}.collage-source-detail::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1px var(--text-secondary)}.collage-prototype::-webkit-scrollbar-thumb:active{background:var(--text-primary);box-shadow:none}.collage-library-list::-webkit-scrollbar-thumb:active{background:var(--text-primary);box-shadow:none}.collage-history-panel::-webkit-scrollbar-thumb:active{background:var(--text-primary);box-shadow:none}.collage-source-detail::-webkit-scrollbar-thumb:active{background:var(--text-primary);box-shadow:none}.collage-prototype::-webkit-scrollbar-corner{background:0 0}.collage-library-list::-webkit-scrollbar-corner{background:0 0}.collage-prototype{box-sizing:border-box;height:100dvh;color:var(--text-primary);background:var(--bg-primary);font:var(--font-btn) var(--font-ui);padding:32px 6%;position:relative;overflow:hidden auto}.collage-prototype.is-drag-active{outline-offset:-1px;outline:1px solid #0d0d1059}.collage-drop-indicator{color:#0d0d1099;font:10px var(--font-mono);text-transform:lowercase;letter-spacing:.04em;pointer-events:none;z-index:10;position:fixed;bottom:20px;right:20px}.collage-prototype header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;width:min(100%,960px);margin:0 auto 16px;display:flex}.collage-prototype header>div{min-width:0}.collage-masthead-title{flex:0 0 calc(50% - 14px);justify-content:space-between;align-items:baseline;gap:16px;min-width:0;display:flex}@media (max-width:720px){.collage-masthead-title{flex:auto}}.collage-build-tag{color:var(--text-secondary);font:9px var(--font-mono);letter-spacing:.06em;opacity:.65;font-variant-numeric:tabular-nums;flex:none}.collage-prototype h1{letter-spacing:.03em;margin:4px 0;font-size:24px;font-weight:300}.collage-wordmark-tag{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font:9px var(--font-mono);letter-spacing:.06em;text-transform:lowercase;vertical-align:super;margin-left:6px;padding:1px 4px;line-height:1.2;display:inline-block}.collage-status{color:var(--text-secondary);font:11px var(--font-mono)}.collage-control-mode-toggle{border:1px solid var(--border);flex:none;margin:0;display:inline-flex}.collage-control-mode-toggle button{height:28px;color:var(--text-primary);font:10px var(--font-mono);cursor:pointer;background:0 0;border:0;padding:0 14px}.collage-control-mode-toggle button+button{border-left:1px solid var(--border)}.collage-control-mode-toggle button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-control-mode-toggle button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-macros{gap:4px;display:grid}.collage-macro{gap:2px;display:grid}.collage-macro-readout{color:var(--text-secondary);font:9px var(--font-mono);font-variant-numeric:tabular-nums;padding-bottom:8px}.collage-transport-bar{flex-direction:column;gap:8px;width:100%;margin:0 0 16px;display:flex}.collage-btn-group{flex-wrap:wrap;gap:8px;display:flex}.collage-row-divider{background:var(--border);flex:none;align-self:stretch;width:1px;display:inline-block}.collage-transport-bar .collage-file,.collage-transport-bar .collage-file-row button,.collage-transport-bar .collage-actions button{height:28px}.collage-stop{position:relative}.collage-stop.is-holding{background:var(--text-primary);color:var(--bg-primary)}.collage-stop-countdown{background:var(--text-primary);transform-origin:0;width:100%;height:2px;animation:collage-stop-countdown var(--queued-stop-seconds,0s) linear forwards;pointer-events:none;position:absolute;bottom:0;left:0;transform:scaleX(0)}.collage-stop.is-holding .collage-stop-countdown{background:var(--bg-primary)}@keyframes collage-stop-countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.collage-stop-countdown{animation:none;transform:scaleX(1)}}.collage-stop-hint{z-index:2;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font:9px var(--font-mono);letter-spacing:.06em;white-space:nowrap;pointer-events:none;padding:2px 5px;line-height:1.4;position:absolute;bottom:calc(100% + 4px);left:0}.collage-visualization-stage{justify-content:center;width:100%;display:flex}.collage-image-performance{aspect-ratio:1;width:100%;max-width:560px;margin:0 auto;position:relative}.collage-image-performance canvas{width:100%;height:100%;display:block}.collage-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;width:min(100%,1080px);margin:0 auto;display:grid}.collage-prototype header.collage-masthead{align-items:flex-start;width:min(100%,1080px)}.collage-visual-column{align-self:start;min-width:0;position:sticky;top:32px}.collage-panel-column>*{max-width:520px}.collage-panel-column{min-width:0}.collage-panel-column>.collage-actions{margin-bottom:22px}.collage-lane-matrix-panel,.collage-fx-pattern-panel{flex-direction:column;gap:8px;width:100%;display:flex}.collage-sequence{aspect-ratio:1;width:100%;max-width:560px;margin:0 auto;position:relative}.collage-sequence-svg{width:100%;height:100%;display:block;overflow:visible}.collage-layer-list{border-top:1px solid var(--border);flex-direction:column;width:100%;min-width:0;display:flex}.collage-layer-row-wrap{border-bottom:1px solid var(--border)}.collage-layer-row-wrap.is-dimmed{opacity:.4}.collage-layer-row{width:100%;color:var(--text-primary);font:10px var(--font-mono);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;gap:3px;padding:7px 2px;display:flex}.collage-layer-row:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-layer-row-head,.collage-layer-row-meta{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.collage-layer-row-id{color:var(--text-primary);white-space:nowrap}.collage-layer-row-count{color:var(--text-primary);opacity:.6;white-space:nowrap;flex:none}.collage-layer-row-source{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);opacity:.7;overflow:hidden}.collage-layer-row-detail{color:var(--text-primary);opacity:.55;font:9px var(--font-mono);gap:2px;padding:0 2px 9px;display:grid}.collage-layer-row-detail-item{white-space:normal;word-break:break-word}.collage-ring{fill:none;stroke:var(--border);stroke-width:1px}.is-lane .collage-ring{stroke-dasharray:4 4}.collage-ring-band{fill:none;stroke:#0000;pointer-events:stroke;cursor:pointer}.collage-ring-hit{fill:#0000;stroke:none;cursor:pointer}.collage-ring-hit:focus-visible{fill:#0d0d1066;outline:none}.is-dimmed{opacity:.12;transition:opacity .15s}.collage-step{fill:var(--text-primary)}.is-lane .collage-step{opacity:.38}.collage-step-arc{fill:none;stroke:var(--text-primary);stroke-linecap:butt}.is-lane .collage-step-arc{stroke-width:2.4px;opacity:.38}.is-lane .collage-step-group.is-fired .collage-step,.is-lane .collage-step-group.is-fired .collage-step-arc{opacity:1}.collage-playhead-lane{fill:none;stroke:var(--text-primary);stroke-width:1px;opacity:.18}.collage-playhead-dot{fill:var(--text-primary);opacity:1}.collage-playhead-trail-1{fill:var(--text-primary);opacity:.5}.collage-playhead-trail-2{fill:var(--text-primary);opacity:.3}.collage-playhead-trail-3{fill:var(--text-primary);opacity:.15}.collage-sequence-readout{text-align:center;width:30%;height:30%;color:var(--text-secondary);font:10px var(--font-mono);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:auto;display:flex;position:absolute;inset:0}.collage-sequence-readout strong{color:var(--text-primary);font-weight:400}.collage-sequence-readout small{color:var(--text-secondary);margin-top:2px}.collage-sequence-empty{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font:10px var(--font-mono);text-align:center;place-items:center;display:grid}.collage-sequence-empty div{gap:6px;display:grid}.collage-sequence-empty strong{color:var(--text-secondary);font-weight:400}.collage-controls{--collage-field-label-width:128px;--collage-field-value-width:48px;--collage-stepper-label-width:84px;--collage-stepper-value-width:34px;align-content:center;gap:12px;min-width:0;display:grid}.collage-file,.collage-actions button,.collage-download,.collage-file-row button,.collage-lane-matrix-randomize button,.collage-lane-parameter-actions button,.collage-takes-preview{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);height:32px;color:var(--text-primary);font:var(--font-btn) var(--font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.collage-file{width:max-content}.collage-file input{display:none}.collage-download{text-decoration:none}.collage-file-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.collage-file-row button:disabled,.collage-actions button:disabled{opacity:.4;cursor:not-allowed}.collage-modal-backdrop{z-index:90;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.collage-modal-panel{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);gap:12px;width:min(52ch,100%);max-height:calc(100dvh - 48px);padding:18px;display:grid;overflow-y:auto}.collage-modal-panel:focus{outline:none}.collage-modal-title{letter-spacing:.03em;margin:0;font-size:14px;font-weight:400}.collage-modal-body{color:var(--text-secondary);font:11px/1.6 var(--font-mono)}.collage-modal-body p{margin:0 0 8px}.collage-modal-body p:last-child{margin-bottom:0}.collage-tester-form{margin:0 0 12px}.collage-tester-field{gap:5px;display:grid;position:relative}.collage-tester-field span{color:var(--text-primary);font:11px var(--font-mono)}.collage-x-mark-slot{pointer-events:none;align-items:center;height:34px;display:flex;position:absolute;bottom:0;left:10px}.collage-x-mark{width:11px;height:11px;color:var(--text-secondary)}.collage-tester-field input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);height:34px;color:var(--text-primary);font:12px var(--font-mono);padding:0 10px 0 29px}.collage-tester-field input:focus-visible{outline:2px solid var(--text-primary);outline-offset:1px}.collage-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.collage-modal-actions button,.collage-modal-actions label{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);height:32px;color:var(--text-primary);font:var(--font-btn) var(--font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.collage-modal-actions button.is-primary,.collage-modal-actions label.is-primary{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-primary)}.collage-modal-actions .collage-file{position:relative;overflow:hidden}.collage-modal-actions .collage-file input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;font-size:0;display:block;position:absolute;inset:0}.collage-modal-actions .collage-file:focus-within{outline:2px solid var(--text-primary);outline-offset:2px}@media (max-width:520px){.collage-modal-actions{flex-direction:column-reverse}.collage-modal-actions button,.collage-modal-actions label{width:100%}}.collage-actions button.is-locked,.collage-file-row button.is-locked{opacity:.45;cursor:pointer}.collage-locked-tag{border-radius:var(--radius-sm);font:8px var(--font-mono);letter-spacing:.06em;text-transform:lowercase;border:1px solid;margin-left:6px;padding:0 3px}.collage-file.is-disabled{opacity:.4;cursor:not-allowed}.collage-actions{flex-wrap:wrap;gap:8px;display:flex}.collage-controls>label:not(.collage-file),.collage-select{color:var(--text-secondary);font:10px var(--font-mono);align-items:center;gap:8px;display:flex}.collage-controls input[type=range]{min-width:118px}.collage-controls output{min-width:48px;color:var(--text-primary)}.collage-controls .collage-slider{grid-template-columns:var(--collage-field-label-width) minmax(0,1fr) var(--collage-field-value-width);color:var(--text-secondary);font:10px var(--font-mono);align-items:center;gap:8px;display:grid}.collage-controls .collage-slider input[type=range]{width:100%;min-width:0}.collage-controls .collage-slider.is-disabled{opacity:.35}.collage-controls .collage-slider.is-disabled input{cursor:not-allowed}.collage-controls .collage-field-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collage-controls .collage-slider output{width:var(--collage-field-value-width);text-align:right;font-variant-numeric:tabular-nums;min-width:0}.collage-prototype input[type=range]{appearance:none;cursor:pointer;vertical-align:middle;background:0 0;height:16px}.collage-prototype input[type=range]::-webkit-slider-runnable-track{background:var(--border);height:1px}.collage-prototype input[type=range]::-moz-range-track{background:var(--border);height:1px}.collage-prototype input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;width:10px;height:10px;margin-top:-4.5px}.collage-prototype input[type=range]::-moz-range-thumb{background:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;border:0;width:10px;height:10px}.collage-prototype input[type=range]:disabled::-webkit-slider-thumb{background:var(--text-secondary)}.collage-prototype input[type=range]:disabled::-moz-range-thumb{background:var(--text-secondary)}@media (pointer:coarse){.collage-lane-matrix-popover-panel .collage-slider input[type=range],.collage-macros .collage-slider input[type=range]{box-sizing:content-box;touch-action:pan-y;-webkit-tap-highlight-color:transparent;padding-block:14px}}.collage-group{gap:12px;display:grid}.collage-group+.collage-group{padding-top:4px}.collage-group-label{color:var(--text-secondary);font:10px var(--font-mono);letter-spacing:.08em}.collage-section-heading{min-width:0;color:var(--text-primary);font:10px var(--font-mono);letter-spacing:.16em;align-items:center;gap:10px;display:flex}.collage-section-heading:after{content:"";background:var(--border);flex:auto;min-width:0;height:1px}.collage-fx-activity-status{color:var(--text-secondary);font:10px var(--font-mono);gap:2px;margin-top:-6px;display:grid}.collage-fx-activity-status strong{color:var(--text-primary);font-weight:400}.collage-fx-activity-status span{white-space:nowrap}.collage-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.collage-mode-toggle.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.collage-mode-toggle button{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0}.collage-mode-toggle button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-mode-toggle button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-resolution-toggle{gap:4px;display:grid}.collage-resolution-toggle-label{color:var(--text-secondary);font:10px var(--font-mono)}.collage-resolution-toggle-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.collage-resolution-toggle button{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0}.collage-resolution-toggle button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-resolution-toggle button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-resolution-toggle.is-four .collage-resolution-toggle-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.collage-export-loops{gap:4px;display:grid}.collage-export-loops-label{color:var(--text-secondary);font:10px var(--font-mono)}.collage-export-loops-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.collage-export-loops button{border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0}.collage-export-loops button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-export-loops button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-video-preset-toggle{gap:4px;display:grid}.collage-video-preset-toggle-label{color:var(--text-secondary);font:10px var(--font-mono)}.collage-video-preset-toggle-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.collage-video-preset-toggle button{border:1px solid var(--border);border-radius:var(--radius-sm);height:auto;min-height:28px;color:var(--text-secondary);font:10px var(--font-mono);text-align:center;cursor:pointer;background:0 0;padding:4px 6px;line-height:1.2}.collage-video-preset-toggle button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-video-preset-toggle button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-video-export-preview{width:100%;height:auto;display:block}.collage-controls .is-disabled{opacity:.35}.collage-controls .is-disabled input{cursor:not-allowed}.collage-disabled-note{color:var(--text-secondary);font:9px var(--font-mono);opacity:.7}.collage-numerics,.collage-lengths{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.collage-controls .numeric-control{grid-template-columns:var(--collage-stepper-label-width) 24px var(--collage-stepper-value-width) 24px;align-items:center;gap:3px;display:grid}.collage-controls .control-label{font:10px var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.collage-select>span{font:10px var(--font-mono);color:var(--text-secondary);white-space:nowrap}.collage-controls .numeric-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.collage-controls .numeric-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.collage-controls .numeric-input{box-sizing:border-box;border:0;border-bottom:1px solid var(--border);width:100%;min-width:0;height:28px;color:var(--text-primary);font:11px var(--font-mono);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border-radius:0;padding:0 2px}.collage-controls .numeric-input:focus{border-bottom-color:var(--text-primary);outline:none}.collage-controls .bpm-nudge{border:1px solid var(--border);border-radius:var(--radius-sm);width:24px;height:28px;color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background:0 0}.collage-select{grid-template-columns:auto minmax(0,1fr);display:grid}.collage-select .popover-select,.collage-select .popover-trigger{width:100%;min-width:0}.collage-select .popover-trigger{height:28px;font-size:10px}.collage-session-key{gap:8px;min-width:0;display:grid}.collage-session-key-heading{color:var(--text-secondary);font:10px var(--font-mono);justify-content:flex-start;align-items:center;gap:8px;display:flex}.collage-session-key-heading>:nth-child(2){margin-left:auto}.collage-auto-key,.collage-key-scale button,.collage-key-grid button{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;height:28px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0}.collage-auto-key{white-space:nowrap;padding:0 8px}.collage-key-scale{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.collage-key-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.collage-auto-key[aria-pressed=true],.collage-key-scale button[aria-pressed=true],.collage-key-grid button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-auto-key:focus-visible,.collage-key-scale button:focus-visible,.collage-key-grid button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-status{gap:6px;width:100%;display:grid}.collage-source{max-width:720px;color:var(--text-secondary);font:11px var(--font-mono);grid-template-columns:minmax(0,1fr) 96px minmax(150px,max-content) minmax(70px,1fr);align-items:center;gap:2px 10px;display:grid}.collage-source .popover-trigger{height:26px;font-size:10px}.collage-source-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collage-source .is-matched{font-weight:600}.collage-error{font-weight:700}.collage-toasts{z-index:40;justify-items:end;gap:6px;max-width:min(380px,100vw - 40px);display:grid;position:fixed;bottom:44px;right:20px}.collage-toast{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);width:100%;color:var(--text-primary);font:10px var(--font-mono);overflow-wrap:anywhere;padding:8px 10px;line-height:1.4}.collage-toast-dismiss{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);height:22px;color:var(--text-secondary);font:9px var(--font-mono);cursor:pointer;padding:0 8px}.collage-toast-dismiss:hover{color:var(--text-primary)}.collage-toast-dismiss:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}@media (max-width:720px){.collage-toasts{max-width:none;bottom:20px;left:16px;right:16px}}.collage-filename-key-toggle button{border:1px solid var(--border);border-radius:var(--radius-sm);height:26px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0;padding:0 10px}.collage-filename-key-toggle button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-filename-key-toggle button:disabled{opacity:.4;cursor:not-allowed}.collage-filename-key-toggle button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-analysis-engine,.collage-visual-vocab{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.collage-visual-pool{font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center}.collage-debug-pool{align-items:center;margin-bottom:6px}.collage-debug-pool-readout{color:var(--text-secondary);font:10px var(--font-mono);font-variant-numeric:tabular-nums}.collage-settings-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.collage-settings-actions>div{flex:0 auto;min-width:0}:is(.collage-settings-actions>div:has(textarea),.collage-settings-actions>div:has(.collage-history-panel)){flex:100%}.collage-copy-settings,.collage-paste-settings,.collage-settings-history,.collage-sources-toggle,.collage-lanes-toggle{gap:6px;display:grid}.collage-copy-settings button,.collage-paste-settings button,.collage-settings-history>button,.collage-sources-toggle>button,.collage-lanes-toggle>button{border:1px solid var(--border);border-radius:var(--radius-sm);width:max-content;height:26px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0;padding:0 10px}.collage-copy-settings button:focus-visible,.collage-paste-settings button:focus-visible,.collage-settings-history button:focus-visible,.collage-sources-toggle button:focus-visible,.collage-lanes-toggle button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-copy-settings textarea,.collage-paste-settings textarea{box-sizing:border-box;border:0;border-bottom:1px solid var(--border);width:100%;max-width:480px;min-height:64px;color:var(--text-primary);font:9px var(--font-mono);resize:vertical;background:0 0;border-radius:0;padding:6px 2px}.collage-copy-settings textarea:focus,.collage-paste-settings textarea:focus{border-bottom-color:var(--text-primary);outline:none}.collage-paste-settings-panel{gap:6px;min-width:0;display:grid}.collage-paste-settings-actions{gap:8px;display:flex}.collage-paste-report{color:var(--text-secondary);font:9px var(--font-mono);word-break:break-word;gap:2px;display:grid}.collage-history-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);gap:4px;min-width:0;max-height:220px;padding:6px;display:grid;overflow-y:auto}.collage-history-entry{width:100%;height:auto;min-height:22px;color:var(--text-secondary);font:9px var(--font-mono);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0;align-items:baseline;gap:8px;padding:3px 6px;display:flex}.collage-history-entry:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-history-entry-time{color:var(--text-secondary);opacity:.7;white-space:nowrap;flex:none}.collage-history-entry-label{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;flex:auto}.collage-history-entry[aria-pressed=true]{background:var(--bg-hover);font-weight:600}.collage-history-entry-current{color:var(--text-secondary);text-transform:lowercase;flex:none;font-weight:600}.collage-history-truncated{color:var(--text-secondary);font:9px var(--font-mono);opacity:.7;padding:3px 6px}.collage-source-detail{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-secondary);font:9px var(--font-mono);opacity:.85;grid-column:4;display:block;overflow:hidden}.collage-source-detail>span:not(:last-child){margin-right:14px}.collage-source-strength.is-below-threshold{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.collage-source-key-relation--match{font-weight:600}.collage-source-key-relation--mismatch{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.collage-debug-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);border-bottom:none;gap:8px;width:100%;padding:10px;display:grid}.collage-debug-status{color:var(--text-secondary);font:10px var(--font-mono)}.collage-debug-actions{flex-wrap:wrap;gap:8px;display:flex}.collage-debug-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);height:26px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0;padding:0 10px}.collage-debug-actions button:disabled{opacity:.4;cursor:not-allowed}.collage-debug-actions button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-debug-size{color:var(--text-secondary);font:9px var(--font-mono);opacity:.8}.collage-debug-video-support{color:var(--text-secondary);font:9px var(--font-mono);overflow-wrap:anywhere;gap:2px;display:grid}.collage-debug-panel textarea{box-sizing:border-box;border:0;border-bottom:1px solid var(--border);width:100%;max-width:480px;min-height:64px;color:var(--text-primary);font:9px var(--font-mono);resize:vertical;background:0 0;border-radius:0;padding:6px 2px}.collage-debug-panel textarea:focus{border-bottom-color:var(--text-primary);outline:none}@media (prefers-reduced-motion:reduce){.collage-playhead-dot,.collage-playhead-trail-1,.collage-playhead-trail-2,.collage-playhead-trail-3{display:none}.collage-lane-matrix-sample{transition:none}}.collage-slices{flex-direction:column;gap:8px;width:100%;min-width:0;margin-top:16px;display:flex}.collage-status,.collage-debug-panel{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.collage-slices-head{font:10px var(--font-mono);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.collage-slices-title{color:var(--text-secondary);opacity:.85}.collage-slices-source{color:var(--text-primary)}.collage-slices-meta{margin-left:auto}.collage-slices-svg{width:100%;height:auto;display:block;overflow:visible}.collage-slices-wave{fill:var(--text-secondary);opacity:.16}.collage-slices-region{fill:var(--text-primary)}.collage-slices-row .collage-slices-region{opacity:.38}.collage-slices-row .collage-slices-region.is-sounding{opacity:1}.collage-slices-row .collage-slices-region.is-selected{fill:var(--text-primary);opacity:1;stroke:var(--text-primary);stroke-width:.6px;vector-effect:non-scaling-stroke}.collage-slices-hit{fill:#0000;cursor:pointer}.collage-slices-clipped{font:10px var(--font-mono);color:var(--text-secondary)}.collage-slices-readout{font:11px var(--font-mono);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.collage-slices-readout strong{color:var(--text-primary);font-weight:400}.collage-slices-readout.is-empty{opacity:.6}.collage-slices-readout button{font:11px var(--font-mono);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background:0 0;padding:2px 8px}.collage-slices-empty{min-height:72px;color:var(--text-secondary);font:11px var(--font-mono);text-align:center;place-items:center;display:grid}.collage-slices-empty div{gap:6px;display:grid}.collage-slices-empty strong{color:var(--text-primary);font-weight:400}.collage-slices-detect-tick{stroke:var(--text-primary);stroke-width:1px;opacity:.25}.collage-slices-detect-tick.is-selected{opacity:.85}.collage-slices-detect-boundary{stroke:var(--text-primary);stroke-width:.75px;stroke-dasharray:2 2;opacity:.5}.collage-lane-matrix{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.collage-lane-matrix-randomize{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.collage-lane-matrix-randomize-label{color:var(--text-secondary);font:9px var(--font-mono);text-transform:lowercase}.collage-lane-matrix-status,.collage-fx-pattern-status{padding-left:13px;position:relative}.collage-lane-matrix-status:before,.collage-fx-pattern-status:before{content:"";background:var(--text-primary);width:3px;height:3px;margin-top:-4px;animation:1.4s step-end infinite collage-pending-orbit;position:absolute;top:50%;left:0}@keyframes collage-pending-orbit{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(5px,5px)}75%{transform:translateY(5px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.collage-lane-matrix-status:before,.collage-fx-pattern-status:before{animation:none}}.collage-lane-matrix-status{color:var(--text-secondary);font:9px var(--font-mono);text-transform:lowercase}.collage-lane-matrix-head,.collage-lane-matrix-row{grid-template-columns:28px minmax(0,1fr) 22px 22px;align-items:center;gap:8px;display:grid}.collage-lane-matrix-head{color:var(--text-secondary);font:9px var(--font-mono);text-transform:lowercase;padding:0 2px}.collage-lane-matrix-body{flex-direction:column;display:flex}.collage-lane-matrix-row{color:var(--text-primary);font:10px var(--font-mono);padding:5px 2px}.collage-lane-matrix-row+.collage-lane-matrix-row{border-top:1px solid var(--border)}.collage-lane-matrix-row.is-locked>:first-child{background:var(--text-primary);color:var(--bg-primary)}.collage-lane-matrix-sample{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);transition:color .4s ease-out;overflow:hidden}.collage-lane-matrix-row.is-firing .collage-lane-matrix-sample{color:color-mix(in srgb,var(--text-primary) var(--firing-mix,100%),var(--text-secondary));transition:none}@supports not (color:color-mix(in srgb, red, blue)){.collage-lane-matrix-row.is-firing .collage-lane-matrix-sample{color:rgba(13,13,16,var(--firing-alpha,1));transition:none}}.collage-lane-matrix-cell{min-width:0;position:relative}.collage-lane-matrix-cell-sample{align-self:stretch;display:flex}.collage-lane-matrix-sample-trigger{width:100%;height:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;display:flex;position:relative}.collage-lane-matrix-sample-trigger:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-lane-matrix-sample-trigger:disabled{opacity:.6;cursor:not-allowed}.collage-lane-matrix-meter{background:var(--text-primary);opacity:.55;height:2px;transform:scaleX(var(--lane-level,0));transform-origin:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.collage-lane-matrix-trigger{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:30px;color:var(--text-primary);font:9px var(--font-mono);white-space:nowrap;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;display:flex;overflow:hidden}.collage-lane-matrix-trigger:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-lane-matrix-trigger.is-structure{flex-direction:column;justify-content:center;gap:1px;height:30px;padding:2px 5px}.collage-lane-matrix-structure-trigger{flex-direction:column;align-items:stretch;gap:1px;width:100%;min-width:0;line-height:1.1;display:flex;overflow:hidden}.collage-lane-matrix-structure-head{justify-content:space-between;align-items:baseline;gap:5px;min-width:0;display:flex}.collage-lane-matrix-structure-name{opacity:.6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;overflow:hidden}.collage-lane-matrix-preview{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.85;overflow:hidden}.collage-lane-parameter .collage-lane-matrix-preview{font-size:9px}.collage-lane-matrix-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);width:22px;height:30px;color:var(--text-secondary);font:9px var(--font-mono);text-transform:lowercase;cursor:pointer;background:0 0}.collage-lane-matrix-toggle.is-active{background:var(--text-primary);color:var(--bg-primary)}.collage-lane-matrix-toggle:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.is-hold-target{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.collage-lane-matrix-toggle.is-holding{background:var(--text-primary);color:var(--bg-primary)}.collage-key-grid.is-lock-grid button{transition:color .3s ease-out;position:relative}.collage-key-grid.is-lock-grid button.is-firing{color:var(--text-primary);transition:none}.collage-key-grid.is-lock-grid button[aria-pressed=true].is-firing{color:var(--bg-primary)}.collage-key-grid.is-lock-grid button:before{content:"";background:0 0;width:2px;position:absolute;top:0;bottom:0;left:0}.collage-key-grid.is-lock-grid button.is-firing:before{background:var(--text-primary)}.collage-key-grid.is-lock-grid button[aria-pressed=true].is-firing:before{background:var(--bg-primary)}.collage-key-grid.is-lock-grid button.is-holding{background:var(--text-primary);color:var(--bg-primary)}.collage-lock-hint{color:var(--text-secondary);font:9px var(--font-mono)}@media (pointer:coarse){.collage-lane-matrix-toggle{position:relative}.collage-lane-matrix-toggle:after{content:"";position:absolute;inset:-5px -4px}}@media (pointer:coarse) and (max-width:720px){.collage-lane-matrix-toggle:after{left:-1px;right:-1px}}.collage-lane-matrix-popover-panel{z-index:30;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);gap:6px;min-width:196px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);left:0}.collage-lane-matrix-popover-panel.is-right{left:auto;right:0}.collage-lane-matrix-popover-detail{color:var(--text-secondary);font:9px var(--font-mono)}.collage-lane-pan{vertical-align:-1px;border-top:1px solid var(--border);border-top-width:0;width:30px;height:7px;margin-right:6px;display:inline-block;position:relative}.collage-lane-pan:before{content:"";background:var(--border);height:1px;position:absolute;inset:3px 0 auto}.collage-lane-pan:after{content:"";top:1px;left:var(--pan-pct,50%);background:var(--text-primary);border-radius:1px;width:3px;height:5px;margin-left:-1.5px;position:absolute}.collage-lane-matrix-popover-detail.is-name{overflow-wrap:anywhere}.collage-lane-matrix-popover-actions{flex-direction:column;gap:4px;display:flex}.collage-lane-matrix-popover-actions .collage-lane-matrix-structure-option{justify-content:center}.collage-lane-matrix-popover-hear{height:36px}.collage-lane-matrix-popover-panel .collage-slider{color:var(--text-secondary);font:9px var(--font-mono);grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:6px;display:grid}.collage-lane-matrix-popover-panel .collage-slider input[type=range]{width:100%;min-width:0}.collage-lane-matrix-popover-panel .collage-slider output{text-align:right;font-variant-numeric:tabular-nums;width:38px;min-width:0}.collage-lane-matrix-structure-options{gap:4px;display:grid}.collage-lane-matrix-structure-option{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);height:26px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 8px;display:flex}.collage-lane-matrix-structure-option[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-lane-matrix-structure-option:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-fx-pattern-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.collage-fx-pattern-controls .collage-slider{min-width:180px;color:var(--text-secondary);font:9px var(--font-mono);flex:220px;grid-template-columns:64px minmax(0,1fr) 38px;align-items:center;gap:6px;display:grid}.collage-fx-pattern-controls .collage-slider input[type=range]{width:100%;min-width:0}.collage-fx-pattern-controls .collage-slider output{text-align:right;font-variant-numeric:tabular-nums;width:38px;min-width:0}.collage-fx-pattern-controls>button{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-primary);font:var(--font-btn) var(--font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.collage-fx-pattern-controls>button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-fx-pattern-enable[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-fx-pattern-status{color:var(--text-secondary);font:9px var(--font-mono);text-transform:lowercase}.collage-fx-pattern-body{flex-direction:column;gap:8px;display:flex}.collage-fx-pattern-note{color:var(--text-secondary);font:9px var(--font-mono);text-transform:lowercase}.collage-fx-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;display:grid}.collage-fx-cell{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-primary);font:10px var(--font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:box-shadow .1s linear,border-width .1s linear;display:flex;position:relative}.collage-fx-cell:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-fx-cell.is-occupied{background:var(--text-primary);color:var(--bg-primary)}.collage-fx-cell.is-run-continuation{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px}.collage-fx-cell.is-run-continuation:nth-child(16n+1){border-left:1px solid var(--border);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);margin-left:0}.collage-fx-cell.is-run-continues{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.collage-fx-cell.is-run-continues:nth-child(16n){border-right:1px solid var(--border);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.collage-fx-cell.is-selected{border-left-width:4px;border-right-width:4px;border-left-color:var(--text-primary);border-right-color:var(--text-primary)}.collage-fx-cell.is-occupied.is-selected{border-left-color:var(--bg-primary);border-right-color:var(--bg-primary)}.collage-fx-cell.is-placeable:after{content:"";background:var(--text-primary);opacity:.3;width:2px;height:2px;margin:-1px 0 0 -1px;position:absolute;top:50%;left:50%}.collage-fx-pattern-inspector-span{align-items:center;gap:4px;display:flex}.collage-fx-pattern-inspector-span-label{width:44px;color:var(--text-secondary);font:10px var(--font-mono);flex:none}.collage-fx-pattern-inspector-span button{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;height:26px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0;flex:1 1 0;padding:0}.collage-fx-pattern-inspector-span button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-fx-pattern-inspector-span button:disabled{opacity:.35;cursor:not-allowed}.collage-fx-pattern-inspector-span button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-fx-pattern-inspector-span .collage-fx-pattern-inspector-targets-count{color:var(--text-secondary);font:9px var(--font-mono);opacity:.7;flex:none;margin-left:2px}.collage-fx-pattern-inspector-close{width:18px;height:18px;color:var(--text-secondary);font:11px var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;margin-left:auto;line-height:1;display:inline-flex}.collage-fx-pattern-inspector-close:hover{color:var(--text-primary)}.collage-fx-pattern-inspector-close:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-fx-cell.has-fx-value:before{content:"";height:3px;width:var(--fx-value-pct,0%);pointer-events:none;background:currentColor;position:absolute;top:0;left:0}.collage-fx-cell.is-fx-playing{outline:1px solid var(--text-primary);outline-offset:1px}.collage-fx-cell.is-fx-current{box-shadow:inset 0 -3px 0 0 var(--text-primary)}.collage-fx-cell.is-occupied.is-fx-current{box-shadow:inset 0 -3px 0 0 var(--bg-primary)}.collage-fx-grid.is-fx-off .collage-fx-cell{opacity:.6}.collage-fx-grid.is-fx-off .collage-fx-cell.is-fx-current{opacity:1}@media (prefers-reduced-motion:reduce){.collage-fx-cell{transition:none}}.collage-fx-pattern-inspector{border:1px solid var(--border);border-radius:var(--radius-sm);font:10px var(--font-mono);color:var(--text-secondary);flex-direction:column;gap:6px;padding:8px;display:flex}.collage-fx-pattern-inspector.is-fx-off{opacity:.6}.collage-fx-pattern-inspector-head{color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;display:flex}.collage-fx-pattern-inspector-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collage-fx-pattern-inspector-targets,.collage-fx-pattern-inspector-span{color:var(--text-secondary)}.collage-fx-pattern-inspector-types,.collage-fx-pattern-inspector-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.collage-fx-pattern-inspector-types button,.collage-fx-pattern-inspector-values button{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);font:10px var(--font-mono);cursor:pointer;background:0 0}.collage-fx-pattern-inspector-types button[aria-pressed=true],.collage-fx-pattern-inspector-values button[aria-pressed=true]{background:var(--text-primary);color:var(--bg-primary)}.collage-fx-pattern-inspector-values button:disabled{opacity:.4;cursor:default}.collage-fx-pattern-inspector-types button:focus-visible,.collage-fx-pattern-inspector-values button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-fx-pattern-inspector-erase{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);height:28px;color:var(--text-primary);font:10px var(--font-mono);cursor:pointer;background:0 0}.collage-fx-pattern-inspector-erase:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}@media (max-width:720px){.collage-prototype{padding:20px 16px}.collage-transport-bar .collage-row-divider{display:none}.collage-transport-bar .collage-btn-group{flex-basis:100%}.collage-transport-bar{width:min(100%,343px);margin:0 auto 16px}.collage-visualization-stage{width:min(100%,343px);margin:0 auto 18px}.collage-workbench{grid-template-columns:1fr;gap:18px}.collage-visual-column{position:static}.collage-sequence,.collage-image-performance,.collage-layer-list{width:min(100%,343px);margin:0 auto}.collage-slices,.collage-status,.collage-debug-panel{width:min(100%,343px);margin-left:auto;margin-right:auto}.collage-prototype header.collage-masthead{width:min(100%,343px)}.collage-lane-matrix-panel{width:min(100%,343px);margin:0 auto}.collage-lane-matrix-head,.collage-lane-matrix-row{grid-template-columns:24px minmax(0,1fr) 22px 22px;gap:5px}.collage-lane-matrix-popover-panel{min-width:168px}.collage-fx-pattern-panel{width:min(100%,343px);margin:0 auto}.collage-fx-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.collage-fx-cell.is-run-continuation:nth-child(8n+1){border-left:1px solid var(--border);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);margin-left:0}.collage-fx-cell.is-run-continues:nth-child(8n){border-right:1px solid var(--border);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.collage-controls{width:100%;max-width:343px;margin:0 auto}.collage-numerics,.collage-lengths{grid-template-columns:1fr}.collage-source{grid-template-columns:minmax(0,1fr) minmax(52px,max-content) minmax(56px,max-content);gap:2px 8px;padding:3px 0}.collage-source>:first-child{grid-area:1/1}.collage-source>:nth-child(2){grid-area:1/2}.collage-source>:nth-child(3){grid-area:1/3}.collage-source-detail{white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/-1;overflow:hidden}}.collage-prototype{--bg-primary:#f3f1ec;--bg-raised:#f3f1ec;--border:#0d0d1047;--font-btn:12px;--font-mono:var(--font-geist-mono), ui-monospace, Menlo, monospace;--font-ui:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:0;--text-primary:#0d0d10;--text-secondary:#6f6b65;--glass-border:var(--border);--radius-xs:0;--btn-height-md:28px;--text-body:#6f6b65;--ui:.12s;--ease-ui:ease-out;--bg-hover:#0d0d100f;--text-muted:#0d0d1066}.control-tooltip-target{position:relative}.control-tooltip-target:before,.control-tooltip-target:after{opacity:0;pointer-events:none;z-index:520;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;left:50%}.control-tooltip-target:before{content:"";background:color-mix(in srgb, var(--bg-primary) 92%, #0d0d1014);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);width:8px;height:8px;bottom:calc(100% + 3px);transform:translate(-50%,2px)rotate(45deg)}.control-tooltip-target:after{content:attr(data-tooltip);border:1px solid var(--glass-border);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--bg-primary) 92%, #0d0d1014);max-width:180px;color:var(--text-secondary);box-shadow:none;font-family:var(--font-ui);white-space:nowrap;padding:5px 8px;font-size:11px;font-weight:300;line-height:1.3;bottom:calc(100% + 7px);transform:translate(-50%,2px)}.control-tooltip-target:hover:before,.control-tooltip-target:hover:after,.control-tooltip-target:focus-visible:before,.control-tooltip-target:focus-visible:after{opacity:1;transform:translate(-50%)}.control-tooltip-target:disabled:before,.control-tooltip-target:disabled:after,.control-tooltip-target[aria-disabled=true]:before,.control-tooltip-target[aria-disabled=true]:after{display:none}@media (hover:none),(pointer:coarse){.control-tooltip-target:before,.control-tooltip-target:after{display:none}}@media (max-width:768px){.control-tooltip-target:before,.control-tooltip-target:after{display:none}}@media (hover:hover) and (pointer:fine){.control-tooltip-target:hover:before,.control-tooltip-target:hover:after,.control-tooltip-target:focus-visible:before,.control-tooltip-target:focus-visible:after{opacity:1;transform:translate(-50%)}}.collage-prototype .btn-secondary{height:var(--btn-height-md);border-radius:var(--radius-sm);color:var(--text-body);font-size:var(--font-btn);font-family:var(--font-mono);cursor:pointer;transition:background var(--ui) var(--ease-ui), border-color var(--ui) var(--ease-ui), color var(--ui) var(--ease-ui);background:0 0;border:1px solid #0000;padding:0 12px}.collage-prototype .btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.collage-prototype .btn-secondary:disabled{color:var(--text-muted);cursor:not-allowed;pointer-events:auto}.collage-prototype .btn-secondary:disabled:hover{color:var(--text-muted);background:0 0}.collage-prototype .popover-select{display:inline-flex;position:relative}.collage-prototype .popover-trigger{white-space:nowrap;align-items:center;gap:5px;display:flex}.collage-prototype .popover-trigger--open{background:var(--bg-hover);border-color:var(--border)}.collage-prototype .popover-chevron{opacity:.55;font-size:10px;line-height:1;transition:transform .15s}.collage-prototype .popover-trigger--open .popover-chevron{transform:rotate(180deg)}.popover-panel{z-index:1000;background:#f3f1ec;border:1px solid #0d0d1047;border-radius:0;min-width:140px;animation:.1s ease-out phrzPopoverIn;overflow:hidden}@keyframes phrzPopoverIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popover-item{color:#6f6b65;width:100%;min-height:36px;font-size:12px;font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, sans-serif;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0 12px;transition:background .1s,color .1s;display:flex}.popover-item:hover:not(:disabled){color:#0d0d10;background:#0d0d100f}.popover-item.active{color:#0d0d10;font-weight:600}.popover-item:disabled{opacity:.35;cursor:not-allowed}.popover-dot{background:0 0;border:1px solid #6f6b65;border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .1s,border-color .1s}.popover-item.active .popover-dot{background:#0d0d10;border-color:#0d0d10}.collage-library,.collage-takes{border-top:1px solid var(--border);gap:8px;width:min(100%,960px);margin:0 auto 16px;padding-top:12px;display:grid}.collage-library-head,.collage-takes-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.collage-library-title,.collage-takes-title{min-width:0;font:11px var(--font-mono);color:var(--text-secondary);align-items:baseline;gap:10px;display:flex}.collage-library-title strong,.collage-takes-title strong{color:var(--text-primary);flex:none;font-weight:600}.collage-library-title span,.collage-takes-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collage-library-head-actions,.collage-library-foot-actions,.collage-takes-head-actions,.collage-takes-foot-actions{flex:none;gap:8px;display:flex}.collage-library-foot-actions .collage-library-foot-confirm{margin-left:auto}.collage-library-head-actions button,.collage-library-foot-actions button,.collage-takes-head-actions button,.collage-takes-foot-actions button{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);height:32px;color:var(--text-primary);font:var(--font-btn) var(--font-mono);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.collage-library-head-actions button:disabled,.collage-library-foot-actions button:disabled,.collage-takes-head-actions button:disabled,.collage-takes-foot-actions button:disabled{opacity:.4;cursor:not-allowed}.collage-library-head-actions button:focus-visible,.collage-library-foot-actions button:focus-visible,.collage-takes-head-actions button:focus-visible,.collage-takes-foot-actions button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-library-search{display:block}.collage-library-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.collage-library-search input{box-sizing:border-box;border:0;border-bottom:1px solid var(--border);width:100%;height:36px;color:var(--text-primary);font:12px var(--font-mono);appearance:none;background:0 0;border-radius:0;padding:0 2px}.collage-library-search input::placeholder{color:var(--text-muted)}.collage-library-search input:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}.collage-library-search input::-webkit-search-decoration{-webkit-appearance:none}.collage-library-search input::-webkit-search-cancel-button{-webkit-appearance:none}.collage-library-count{color:var(--text-secondary);font:10px var(--font-mono);font-variant-numeric:tabular-nums}.collage-library-list,.collage-takes-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-top:1px solid var(--border);max-height:min(52dvh,440px);margin:0;padding:0;list-style:none;overflow-y:auto}.collage-library-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:40px;color:var(--text-primary);font:11px var(--font-mono);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;grid-template-columns:14px minmax(0,3fr) minmax(0,2fr) auto;align-items:center;column-gap:10px;padding:8px 2px;display:grid}.collage-library-row:focus-visible,.collage-takes-row:focus-visible{outline:1px solid var(--text-primary);outline-offset:-1px}.collage-library-row:disabled,.collage-takes-row:disabled{cursor:default}.collage-library-mark,.collage-takes-mark{box-sizing:border-box;border:1px solid var(--text-primary);justify-self:center;width:10px;height:10px}.collage-library-row.is-selected,.collage-takes-row.is-selected{font-weight:600}.collage-library-row.is-selected .collage-library-mark,.collage-takes-row.is-selected .collage-takes-mark{background:var(--text-primary)}.collage-library-row.is-added{opacity:.45}.collage-library-name,.collage-takes-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collage-library-path{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);font-weight:400;overflow:hidden}.collage-library-tag,.collage-takes-tag{color:var(--text-secondary);white-space:nowrap;flex:none;font-size:9px;font-weight:400}.collage-library-empty,.collage-takes-empty{color:var(--text-secondary);font:11px var(--font-mono);padding:12px 2px}.collage-library-foot,.collage-takes-foot{color:var(--text-secondary);font:11px var(--font-mono);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.collage-library-foot strong,.collage-takes-foot strong{color:var(--text-primary);font-weight:600}@media (max-width:720px){.collage-library,.collage-takes{width:min(100%,343px)}.collage-library-row{grid-template-columns:14px minmax(0,1fr) auto;grid-template-areas:"mark name name""mark path tag";row-gap:2px;min-height:48px}.collage-library-mark{grid-area:mark}.collage-library-name{grid-area:name}.collage-library-path{grid-area:path;max-width:none;font-size:10px}.collage-library-tag{grid-area:tag}.collage-library-foot,.collage-takes-foot{z-index:1;padding:8px 0 max(8px,env(safe-area-inset-bottom));background:var(--bg-primary);border-top:1px solid var(--border);position:sticky;bottom:0}}.collage-takes-item{border-bottom:1px solid var(--border);align-items:center;gap:8px;display:flex}.collage-takes-row{min-width:0;color:var(--text-primary);font:11px var(--font-mono);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;flex:auto;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:8px 2px;display:grid}.collage-takes-rename-input{box-sizing:border-box;border:0;border-bottom:1px solid var(--border);width:100%;min-width:0;height:22px;color:var(--text-primary);font:11px var(--font-mono);appearance:none;background:0 0;border-radius:0;padding:0 2px}.collage-takes-rename-input:focus-visible{border-bottom-color:var(--text-primary);outline:none}.collage-prototype.is-full .collage-visual-column{flex-direction:column;align-self:stretch;gap:16px;display:flex;position:static}.collage-visual-sticky{flex-direction:column;gap:16px;min-width:0;display:flex}.collage-prototype.is-full .collage-visual-column>.collage-visual-sticky{z-index:2;background:var(--bg-primary);margin-top:-16px;padding-top:16px;padding-bottom:12px;position:sticky;top:0}.collage-prototype.is-full .collage-visual-sticky>.collage-status{margin:0}.collage-visual-sticky>.collage-actions button{height:28px}.collage-panel-section{gap:12px;min-width:0;margin-bottom:22px;display:grid}.collage-lane-parameter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.collage-lane-parameter-cell{min-width:0}.collage-lane-number{font:10px var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums}.collage-lane-parameter .collage-lane-number{opacity:.65;flex:none;font-size:9px}.collage-lane-parameter .collage-lane-matrix-trigger{justify-content:space-between;gap:6px;padding:0 5px}.collage-lane-parameter-value{font:10px var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums}.collage-lane-parameter-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.collage-lane-parameter-randomize{color:var(--text-secondary);font:10px var(--font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;padding:0}.collage-lane-parameter-randomize:hover{color:var(--text-primary)}.collage-lane-parameter-randomize:focus-visible{outline:1px solid var(--text-primary);outline-offset:2px}.collage-lane-parameter-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.collage-lane-parameter .collage-lane-matrix-popover-panel{width:220px;max-width:calc(100vw - 48px)}.collage-lane-parameter-grid .collage-lane-matrix-popover-panel{left:0;right:auto}.collage-lane-parameter-grid>.collage-lane-parameter-cell:nth-child(4n+3) .collage-lane-matrix-popover-panel,.collage-lane-parameter-grid>.collage-lane-parameter-cell:nth-child(4n) .collage-lane-matrix-popover-panel{left:auto;right:0}@media (max-width:720px){.collage-lane-parameter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collage-lane-parameter-grid>.collage-lane-parameter-cell:nth-child(n) .collage-lane-matrix-popover-panel{left:0;right:auto}.collage-lane-parameter-grid>.collage-lane-parameter-cell:nth-child(3n) .collage-lane-matrix-popover-panel{left:auto;right:0}}@media (max-width:380px){.collage-lane-parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collage-lane-parameter-grid>.collage-lane-parameter-cell:nth-child(n) .collage-lane-matrix-popover-panel{left:0;right:auto}.collage-lane-parameter-grid>.collage-lane-parameter-cell:nth-child(2n) .collage-lane-matrix-popover-panel{left:auto;right:0}}.collage-debug-readouts{gap:8px;width:100%;display:grid}.collage-prototype.is-full .collage-panel-section .collage-debug-panel{background:0 0;border:none;border-radius:0;margin-top:0;padding:0}.collage-prototype.is-full .collage-source{grid-template-columns:minmax(0,1fr) 96px;gap:4px 8px}.collage-prototype.is-full .collage-source-key-status,.collage-prototype.is-full .collage-source-detail{grid-area:auto/1/auto/-1}@media (max-width:720px){.collage-prototype.is-full .collage-visual-column>.collage-visual-sticky{background:0 0;margin-top:0;padding:0;position:static}.collage-panel-section,.collage-prototype.is-full .collage-visual-sticky>.collage-status,.collage-prototype.is-full .collage-visual-sticky>.collage-actions,.collage-prototype:not(.is-full) .collage-visual-sticky>.collage-actions{width:min(100%,343px);margin-left:auto;margin-right:auto}.collage-prototype.is-full .collage-visual-sticky>.collage-actions>.collage-btn-group{flex-basis:100%}.collage-prototype.is-full .collage-visual-sticky>.collage-actions>.collage-row-divider{display:none}}.collage-activity-toasts{z-index:40;pointer-events:none;justify-items:start;gap:6px;min-width:min(30ch,100vw - 40px);max-width:min(42ch,100vw - 40px);display:grid;position:fixed;bottom:20px;left:20px}.collage-load-toast{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);width:100%;color:var(--text-primary);font:10px var(--font-mono);gap:6px;padding:8px 10px;line-height:1.4;animation:.16s ease-out collage-load-toast-in;display:grid}@keyframes collage-load-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.collage-load-toast-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.collage-load-toast-headline{letter-spacing:.04em;font-weight:700}.collage-load-toast-count{color:var(--text-secondary);font-variant-numeric:tabular-nums}.collage-load-toast-detail{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);overflow:hidden}.collage-load-toast-track{background:var(--border);height:2px}.collage-load-toast-bar{background:var(--text-primary);transform-origin:0;height:100%;transition:transform .18s ease-out}@media (max-width:720px){.collage-activity-toasts{min-width:0;max-width:none;inset:16px 16px auto}}@media (prefers-reduced-motion:reduce){.collage-load-toast{animation:none}.collage-load-toast-bar{transition:none}}.collage-fx-pager{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.collage-fx-pager-label{color:var(--text-secondary);font:10px var(--font-mono)}.collage-fx-pager-buttons{align-items:center;gap:4px;display:flex}.collage-fx-pager-count{color:var(--text-secondary);font:10px var(--font-mono);text-align:center;font-variant-numeric:tabular-nums;min-width:34px}.collage-fx-pager button{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:22px;height:20px;color:var(--text-primary);font:10px var(--font-mono);cursor:pointer;background:0 0}.collage-fx-pager button:disabled{opacity:.35;cursor:not-allowed}.collage-fx-pager button:focus-visible{outline:1px solid var(--text-primary);outline-offset:1px}