:root{color:#061044;background:#3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#3ff}main{min-height:100vh;padding:24px;display:grid;gap:22px;align-content:start}header{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:3px solid #061044;padding-bottom:18px;margin-bottom:4px}h1{margin:0;font-size:clamp(2rem,6vw,4.5rem);line-height:1;letter-spacing:0}p{margin:8px 0 0;color:#14319a;font-weight:700}.app-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.app-links a{background:#d9ff9e;border:2px solid #061044;border-radius:999px;color:#061044;font-size:.8rem;font-weight:900;padding:4px 10px;text-decoration:none;white-space:nowrap}.work-surface{display:grid;gap:14px;width:100%}.sampler-setup{border:2px solid #061044;border-radius:8px;background:#ffffff70;display:grid;gap:12px;padding:10px}.sampler-setup.collapsed{gap:0;padding-bottom:10px}.sampler-setup-header{align-items:center;color:#061044;display:flex;font-weight:900;justify-content:space-between}.sampler-toggle-button{border-radius:999px;min-height:30px;min-width:34px;padding:0 8px}.setup-utility-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.hosted-kit-picker{align-items:center;display:inline-flex;gap:6px;min-width:min(100%,320px)}.hosted-kit-picker label{color:#14319a;font-size:.78rem;font-weight:900;margin:0;white-space:nowrap}.hosted-kit-picker select{min-height:34px;min-width:0;flex:1}.hosted-kit-picker button{min-height:34px;min-width:78px;padding:0 10px}.render-loop-count{align-items:center;display:inline-flex;gap:6px;font-size:.82rem;font-weight:900;margin:0}.render-loop-count input{max-width:68px;min-height:32px;padding:0 6px}.header-actions{align-items:end;display:flex;gap:12px}.help-button{min-width:70px}.brand-link{color:#061044;display:grid;grid-template-columns:58px minmax(110px,170px);gap:8px;align-items:center;font-size:.82rem;font-weight:900;text-decoration:none}.brand-mark{position:relative;display:block;width:58px;height:66px}.brand-mark img{width:44px;height:66px;object-fit:contain}.sparkle{position:absolute;width:6px;height:6px;background:#ff0;border:1px solid #061044;border-radius:999px;color:#ff0;filter:drop-shadow(1px 1px 0 #061044);pointer-events:none}.sparkle-a{left:3px;top:28px}.sparkle-b{left:12px;top:21px;width:5px;height:5px}.sparkle-c{left:16px;top:33px;width:4px;height:4px}.help-backdrop,.modal-backdrop{align-items:center;background:#06104447;display:flex;inset:0;justify-content:center;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;z-index:100}.help-dialog,.mixer-dialog,.sample-editor{background:#e9ffff;border:3px solid #061044;border-radius:8px;box-shadow:7px 7px #f0f;color:#061044;display:grid;gap:14px;max-width:560px;padding:18px}.mixer-dialog{margin:auto;max-height:calc(100vh - 48px);max-width:min(1120px,calc(100vw - 32px));overflow:auto;position:relative;width:100%;z-index:101}.sample-editor{margin:auto;max-width:min(820px,calc(100vw - 32px));position:relative;width:100%;z-index:101}.sample-editor-loading{min-height:180px}.modal-title{align-items:center;display:flex;justify-content:space-between;gap:12px}.modal-title h2{margin:0}.help-dialog h2{font-size:1.35rem;line-height:1.1;margin:0 0 10px}.help-dialog p{color:#14319a;margin:10px 0 0}button,input,select{min-height:38px;min-width:0;border:2px solid #061044;background:#e9ffff;color:#061044;border-radius:6px;padding:0 10px;font:inherit}button{cursor:pointer;background:#ff0;color:#061044;display:inline-flex;align-items:center;justify-content:center;font-weight:700;line-height:1.1;overflow-wrap:anywhere;text-align:center;white-space:normal;box-shadow:3px 3px #f0f}button:disabled{cursor:default;opacity:.45}label{display:block;color:#061044;font-size:.78rem;font-weight:800;margin-bottom:4px}.top-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(240px,360px);gap:12px;align-items:stretch}.scope-strip{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;min-width:0}.volume-fader{align-items:center;background:#ffffff8c;border:3px solid #061044;border-radius:8px;color:#061044;display:grid;grid-template-rows:auto 1fr;justify-items:center;margin:0;min-height:0;padding:6px 4px}.volume-fader span{font-size:.72rem;font-weight:900;line-height:1}.volume-fader input{appearance:slider-vertical;height:100%;min-height:60px;padding:0;writing-mode:vertical-lr;direction:rtl}.action-grid{display:grid;grid-template-columns:minmax(360px,max-content) minmax(320px,1fr);gap:12px;align-items:stretch}.toolbar,.recorder{display:flex;align-items:end;gap:12px;flex-wrap:wrap;border:2px solid #061044;background:#ffffff8c;padding:10px;border-radius:8px;min-width:0}.toolbar{display:grid;grid-template-areas:"room name action" "copy project peers" "render render render" "picks picks picks";grid-template-columns:minmax(150px,.7fr) minmax(230px,1fr) minmax(104px,auto);align-items:end;gap:10px}.toolbar>div,.recorder>div{min-width:0}.room-picks{display:grid;gap:8px;grid-area:picks}.room-pick-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.room-pick-group span{color:#14319a;font-size:.78rem;font-weight:900;min-width:80px}.room-pick-group button{min-height:30px;min-width:64px;padding:0 8px}.room-gate{background:#ffffff94;border:3px solid #061044;border-radius:8px;box-shadow:5px 5px #14319a;display:grid;gap:6px;padding:14px}.room-gate strong{font-size:1.1rem}.room-gate span{color:#14319a;font-weight:900}.toolbar input,.recorder input{width:100%;overflow:hidden;text-overflow:ellipsis}.name-field{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;min-width:0}.locked-room-code{align-items:center;background:#e9ffffb8;border:2px solid #061044;border-radius:6px;color:#061044;display:inline-flex;min-height:38px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;width:100%}.recorder .name-field{min-width:min(100%,210px)}.icon-button{min-width:38px;padding:0;font-size:1.05rem}.toolbar button,.transport button,.recorder button{min-width:86px}.meta-menu{position:relative}.meta-menu summary{align-items:center;background:#ff0;border:2px solid #061044;border-radius:6px;box-shadow:3px 3px #f0f;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:38px;min-width:86px;padding:0 10px}.meta-menu-panel{background:#e9ffff;border:2px solid #061044;border-radius:6px;box-shadow:4px 4px #f0f;display:grid;gap:8px;left:0;min-width:150px;padding:8px;position:absolute;top:calc(100% + 6px);z-index:12}.meta-menu-panel button{justify-content:flex-start;width:100%}.meta-menu-panel .clear-room-menu-button{background:#ff99df}.meta-menu-panel button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.68}.room-code-control{grid-area:room}.player-name-control{grid-area:name}.join-leave-button{grid-area:action;min-width:104px}.copy-link-button{grid-area:copy;justify-self:start;min-width:112px}.room-project-actions{align-items:center;display:flex;gap:8px;grid-area:project;min-width:0}.room-render-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;grid-area:render;justify-content:flex-start;min-width:0}.room-render-actions .render-chip{flex:1 1 260px;min-width:0}.render-result{align-items:stretch;display:inline-flex;flex:1 1 340px;flex-wrap:wrap;gap:8px;min-width:0}.save-render-button{min-height:44px}.toolbar .icon-button,.recorder .icon-button{min-width:38px}.status,.error{color:#b000ff;font-weight:800}.message-area{align-items:center;background:#ffffff8c;border:2px solid #061044;border-radius:8px;color:#b000ff;display:flex;font-weight:900;min-height:40px;overflow:hidden;padding:0 10px}.message-area span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recorder-message{align-items:center;display:inline-flex;min-height:30px}.recorder-message.empty{opacity:0}.mute-badge,.recording-feedback{border:2px solid #061044;border-radius:999px;color:#061044;font-size:.78rem;font-weight:900;min-height:30px;padding:5px 9px}.mute-badge{align-items:center;display:inline-flex;justify-content:center;min-width:70px;visibility:hidden;white-space:nowrap}.mute-badge.active,.recording-feedback.recording{background:#ff99df;box-shadow:2px 2px #ff0}.mute-badge.active{visibility:visible}.recording-feedback{align-items:center;background:#e9ffff;display:inline-flex;justify-content:center;min-width:72px;white-space:nowrap}.peers{color:#061044;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.78rem;font-weight:900;grid-area:peers;min-width:0}.peer-count{margin-right:2px}.peer-chip{align-items:center;background:var(--peer-color);border:2px solid #061044;border-radius:999px;color:#061044;display:inline-flex;min-height:26px;max-width:150px;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.slot-mapper,.kit-browser{border:3px solid #061044;border-radius:8px;display:grid;gap:8px;padding:10px;background:#ffffffb8;box-shadow:5px 5px #14319a}.embedded-library-shell{display:grid;gap:10px}.sample-management-bar{align-items:stretch;display:grid;gap:10px;grid-template-columns:minmax(220px,max-content) minmax(320px,1fr)}.embedded-library-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.embedded-library-tabs button,.embedded-library-tabs a{align-items:center;background:#ff0;border:3px solid #061044;border-radius:8px;box-shadow:4px 4px #f0f;color:#061044;display:inline-flex;font:inherit;font-weight:900;justify-content:center;min-height:36px;padding:0 12px;text-decoration:none}.embedded-library-tabs .selected-view{background:#00e5ff;box-shadow:4px 4px #14319a}.sample-management-bar .recorder{box-shadow:none;padding:8px}.sample-management-bar .recorder>div{flex:1 1 190px}.sample-management-bar .drop-zone{min-width:130px}.kit-list{display:grid;gap:8px}.kit-row{align-items:center;background:#e9ffffbd;border-left:6px solid #ffff00;border-radius:6px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 94px;padding:6px}.kit-row div{display:grid;gap:2px;min-width:0}.kit-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-row span{color:#14319a;font-size:.78rem;font-weight:900}.kit-row button{min-height:32px;padding:0 8px}.library-header{align-items:baseline;color:#061044;display:flex;gap:10px;font-weight:900;justify-content:space-between}.library-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.library-actions span{color:#14319a;font-size:.78rem}.library-actions button{min-height:30px;min-width:78px;padding:0 8px}.empty-library{background:#e9ffff94;border:2px solid rgba(6,16,68,.42);border-radius:6px;color:#14319a;font-weight:900;padding:14px;text-align:center}.missing-sounds-status{align-items:center;background:#ffff009e;border:2px solid #061044;border-radius:6px;color:#061044;display:flex;flex-wrap:wrap;font-size:.82rem;font-weight:900;gap:8px;padding:8px}.missing-sounds-status small{color:#061044;font-size:.72rem}.missing-owner-list{display:inline-flex;flex-wrap:wrap;gap:6px}.missing-owner-chip{align-items:center;background:#e9ffffd1;border:2px solid #061044;border-left:7px solid var(--peer-color, #00b840);border-radius:5px;box-shadow:2px 2px #f0f;display:inline-flex;gap:6px;min-height:26px;padding:0 7px 0 5px}.missing-owner-chip span{color:#14319a;font-size:.72rem}.missing-owner-chip small{color:#061044;font-size:.68rem;font-weight:800;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-row{display:grid;grid-template-columns:32px minmax(120px,1fr) minmax(70px,.45fr) 58px 74px 64px 58px 62px;gap:6px;align-items:center;min-width:0;border-left:6px solid var(--peer-color, #061044);background:#e9ffffbd;padding:6px;border-radius:6px}.missing-slot-row{background:#ffff005c;border-style:dashed;grid-template-columns:32px minmax(120px,1fr) minmax(78px,.44fr) minmax(130px,1fr) 84px}.missing-slot-marker{align-items:center;background:#ff0;border:2px solid #061044;border-radius:999px;box-shadow:2px 2px #f0f;display:inline-flex;font-weight:1000;justify-content:center;min-height:28px;min-width:28px}.missing-slot-name{color:#061044;font-weight:1000;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.missing-replace-select{min-height:32px;min-width:0;width:100%}.sample-name{color:#061044;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-name-input{background:transparent;border-width:0 0 2px;border-radius:0;color:#061044;font-weight:900;min-height:32px;overflow:hidden;padding:0 2px;text-overflow:ellipsis;width:100%}.sample-name-input:disabled{opacity:.72}.audition,.add-sample-row,.copy-sample,.drag-sample,.replace-missing-button,.remove-sound-button{min-height:32px;min-width:0;padding:0 8px;box-shadow:2px 2px #f0f}.remove-sound-button{background:#ff99df;font-size:1rem;line-height:1;min-width:32px;padding:0}.copy-sample{white-space:nowrap}.drag-sample{background:#d9ff9e}.slot-source{color:#14319a;font-size:.78rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequencer{display:grid;gap:6px;overflow:visible;max-width:100%;border:3px solid #061044;border-radius:8px;background:#ffffff94;box-shadow:5px 5px #14319a;padding:10px}.sequencer-editing .step-row-group.dimmed{opacity:.38}.sequencer-editing .step-row-group.focused{opacity:1}.sequencer-tools{align-items:center;color:#061044;display:grid;font-size:.82rem;font-weight:900;gap:10px;grid-template-columns:repeat(5,auto);justify-content:end;min-width:900px}.sequencer-transport,.sequencer-history-controls{align-items:center;display:inline-flex;gap:6px}.transport-icon-button{align-items:center;display:inline-flex;font-size:1rem;justify-content:center;min-height:34px;min-width:38px;padding:0 10px}.history-button{font-size:1.28rem;min-width:36px;padding:0}.history-button:disabled{opacity:.42}.sequencer-tools label{align-items:center;display:inline-flex;gap:6px;margin:0}.sync-toggle{background:#e9ffffb8;border:2px solid #061044;border-radius:6px;min-height:32px;padding:0 8px}.sequencer-tools select,.sequencer-tools input{min-height:32px;min-width:66px;padding:0 6px}.sequencer-tools .sync-toggle input{min-height:auto;min-width:auto;padding:0}.sequencer-tools input{max-width:78px}.sequencer-tools button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:32px;min-width:86px;padding:0 10px}.sequencer-add-row{display:flex;justify-content:flex-start;min-width:900px;position:relative}.sequencer-add-row>button{min-height:34px;min-width:110px;padding:0 12px}.add-row-menu{background:#e9ffff;border:2px solid #061044;box-shadow:4px 4px #f0f;display:grid;gap:8px;left:0;max-height:min(420px,70vh);overscroll-behavior:contain;overflow:auto;padding:8px;position:absolute;touch-action:pan-y;top:calc(100% + 6px);-webkit-overflow-scrolling:touch;width:min(340px,calc(100vw - 32px));z-index:18}.add-row-menu button{background:#fff;color:#061044;min-height:30px;padding:0 8px;text-align:left}.add-row-menu .add-row-empty{background:#3ff;box-shadow:2px 2px #061044;font-weight:900;min-height:36px;text-align:center}.add-row-menu-section{display:grid;gap:4px}.add-row-menu-section>span{color:#14319a;font-size:.68rem;font-weight:900;text-transform:uppercase}.add-row-menu-section em{color:#14319a;font-size:.78rem;font-style:normal;opacity:.72}.step-options{background:#e9ffffe6;border:2px solid #061044;border-radius:6px;box-shadow:3px 3px #14319a;display:grid;column-gap:4px;grid-template-columns:230px minmax(0,1fr);row-gap:4px;min-width:0;padding:8px 0}.step-editor-overlay{bottom:calc(100% + 6px);display:grid;grid-template-columns:230px minmax(0,1fr);left:0;pointer-events:none;position:absolute;right:0;z-index:6}.step-editor-overlay .step-options{grid-column:1 / -1;pointer-events:auto}.step-options-title{align-items:center;display:grid;gap:8px;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto auto;padding:0 8px}.step-options-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-options-title span{color:#14319a;font-size:.76rem;font-weight:900;white-space:nowrap}.step-options-title button,.step-options-actions button{min-height:30px;min-width:0;padding:0 8px}.step-options-row-actions{align-items:center;display:flex;gap:6px}.row-settings-panel{align-items:end;border-bottom:2px solid rgba(6,16,68,.18);display:grid;gap:6px;grid-column:1 / -1;grid-template-columns:repeat(6,minmax(70px,1fr));padding:0 8px 6px}.row-settings-panel label{color:#14319a;display:grid;font-size:.66rem;font-weight:900;gap:3px;min-width:0;text-transform:uppercase}.row-settings-panel select,.row-settings-panel .scrub-number{border:2px solid #061044;border-radius:5px;font-size:.72rem;font-weight:900;height:30px;min-height:30px;min-width:0;width:100%}.step-editor-row-grid{display:contents;gap:4px;max-width:100%;min-width:0}.step-editor-cells{display:grid;gap:4px;grid-template-columns:repeat(var(--step-edit-columns),minmax(32px,1fr));margin-left:-2px;min-width:0;overflow-x:auto}.step-editor-row-label{align-items:center;color:#061044;display:flex;font-size:.68rem;font-weight:900;justify-content:flex-end;min-height:30px;padding-left:8px;padding-right:10px;text-align:right;text-transform:uppercase}.step-editor-step,.step-editor-cells select,.scrub-number{border:2px solid #061044;border-radius:5px;box-shadow:none;font-size:.7rem;font-weight:900;height:30px;min-height:30px;min-width:0;padding:0 3px;text-align:center;width:100%}.step-editor-step{background:#ffffffb8}.step-editor-step.on{background:#ff0}.step-editor-step.selected,.step-editor-cells .selected{background-color:#f0f;color:#fff;outline:2px solid #061044;outline-offset:-4px}.scrub-number{--scrub-fill-color: #4dffd2;background:linear-gradient(to top,var(--scrub-fill-color) 0 var(--scrub-fill-percent, 0%),rgba(255,255,255,.9) var(--scrub-fill-percent, 0%) 100%);cursor:ew-resize;touch-action:none}.scrub-number.selected{--scrub-fill-color: #7fffe6}.scrub-number.plain{background:#fff;cursor:ew-resize}.step-editor-cells select{background:#fff}.step-options-actions{align-items:center;color:#14319a;display:grid;font-size:.72rem;font-weight:900;gap:8px;grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr);padding:0 8px}.step-options-actions span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-header,.step-row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:4px;align-items:center;min-width:900px}.step-row-group{display:grid;gap:4px;min-width:900px;position:relative;transition:opacity .12s ease}.step-row-group.shortened .lane-number-button{box-shadow:inset 0 -2px #00d4ff}.step-cells{display:grid;gap:4px;grid-template-columns:repeat(16,minmax(32px,1fr))}.step-header .step-cells span{text-align:center;color:#14319a;font-size:.72rem;font-weight:900;padding:3px 0}.lane-label{align-items:center;display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px}.lane-number-button{align-items:center;background:#061044;border-radius:999px;box-shadow:none;color:#3ff;display:inline-flex;font-size:.78rem;font-weight:900;height:26px;justify-content:center;min-height:26px;min-width:26px;padding:0;width:26px}.lane-number-button.editing{background:#ff0;color:#061044;box-shadow:2px 2px #f0f}.lane-label select{width:100%;min-height:34px;padding:0 6px}.dice-row-button{align-items:center;background:#3ff;box-shadow:2px 2px #061044;color:#061044;display:inline-flex;font-size:1rem;font-weight:900;justify-content:center;min-height:30px;min-width:34px;padding:0}.delete-row-button{background:#ff99df;box-shadow:2px 2px #f0f;font-size:.72rem;min-height:30px;min-width:44px;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap}.step-cells>button{align-content:center;display:grid;font-size:.62rem;gap:1px;width:100%;height:40px;min-height:40px;padding:0;border-color:#061044;background:#e9ffff;box-shadow:none;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.step-cells>button span{background:#ffffffb8;border-radius:3px;color:#061044;font-weight:900;line-height:1}.step-cells .beat-start,.step-cells>button.beat-start{border-left:4px solid #061044}.step-cells span:nth-child(4n+1),.step-cells span:nth-child(4n+2),.step-cells span:nth-child(4n+3),.step-cells span:nth-child(4n+4),.step-cells>button:nth-child(4n+1),.step-cells>button:nth-child(4n+2),.step-cells>button:nth-child(4n+3),.step-cells>button:nth-child(4n+4){background-color:#ffffff85}.step-cells>button.on{background:var(--step-owner-color, #ff00ff);border-color:#061044}.step-header .outside-pattern,.step-cells>button.outside-pattern{opacity:.34}.step-cells>button.outside-pattern{cursor:not-allowed}.step-cells>button.outside-lane-cycle:not(.outside-pattern){background-image:repeating-linear-gradient(135deg,#00d4ff21 0 5px,#0610440f 5px 10px);border-color:#00d4ff52;opacity:.62}.step-cells>button.outside-lane-cycle.on:not(.outside-pattern){filter:saturate(.72)}.step-cells>button.editing-step{outline:3px solid #ffff00;outline-offset:-5px}.active-step{outline:3px solid #ffff00;outline-offset:2px}.scope{border:3px solid #061044;background:#001a66;box-shadow:5px 5px #f0f;height:100%;min-height:104px;width:100%}.scope canvas{display:block;width:100%;height:100%}.file-input{display:none}.render-chip{align-items:center;background:#ff0;border:3px solid #061044;border-radius:8px;box-shadow:4px 4px #f0f;color:#061044;display:inline-flex;font-weight:900;gap:10px;justify-content:space-between;max-width:420px;padding:8px 10px;text-decoration:none}.render-chip strong{font-size:.78rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.render-chip span{color:#14319a;font-size:.78rem}.mixer-table{display:grid;gap:4px;min-width:900px}.mixer-row{align-items:center;display:grid;gap:4px;grid-template-columns:minmax(150px,1.2fr) 44px 44px repeat(4,minmax(82px,1fr)) minmax(92px,.7fr)}.mixer-head,.mixer-track-name{color:#061044;font-size:.78rem;font-weight:900}.mixer-head{color:#14319a}.mixer-head-row{border-bottom:2px solid #061044;padding-bottom:4px}.mixer-track-name{align-items:center;display:flex;min-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-control{display:grid;gap:4px;margin:0}.mixer-control span{color:#14319a;display:none;font-size:.72rem;font-weight:900}.mixer-toggle{justify-items:center}.mixer-table input[type=checkbox]{min-height:28px}.mixer-table input,.mixer-table select{min-height:32px;width:100%}.fx-panel{border-top:2px solid #061044;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:14px;padding-top:12px}.sample-waveform{border:3px solid #061044;border-radius:8px;height:148px;margin-top:20px;overflow:visible;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.sample-waveform canvas{display:block;height:100%;width:100%}.sample-playback-window{background:#ffff0038;border-left:2px solid #ffff00;border-right:2px solid #ffff00;inset-block:0;pointer-events:none;position:absolute}.sample-selection{background:#ff00ff3d;border-left:2px solid #ff00ff;border-right:2px solid #ff00ff;inset-block:0;pointer-events:none;position:absolute}.sample-edit-cursor{background:#f0f;box-shadow:0 0 0 1px #061044,0 0 10px #ff00ffb3;inset-block:0;pointer-events:none;position:absolute;transform:translate(-50%);width:2px}.sample-playhead{background:#fff;box-shadow:0 0 0 1px #061044,0 0 10px #3ff;inset-block:0;pointer-events:none;position:absolute;transform:translate(-50%);width:3px}.trim-handle{background:transparent;border:0;border-radius:0;box-shadow:none;cursor:ew-resize;height:100%;min-height:0;min-width:18px;padding:0;position:absolute;touch-action:none;top:0;transform:translate(-50%);width:18px}.trim-handle:before{background:#f0f;border-radius:999px;bottom:0;box-shadow:1px 1px #061044;content:"";left:50%;position:absolute;top:0;transform:translate(-50%);width:3px}.end-handle:before{background:#ff0}.trim-handle span{background:#f0f;border:2px solid #061044;border-radius:5px 5px 5px 0;box-shadow:2px 2px #061044;color:#061044;font-size:.68rem;font-weight:900;left:50%;line-height:1;padding:4px 6px;position:absolute;top:-24px;transform:translate(-12%);white-space:nowrap}.end-handle span{background:#ff0;border-radius:5px 5px 0;transform:translate(-88%)}.sample-edit-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sample-edit-grid label{align-content:start;display:grid;gap:5px;min-width:0}.sample-edit-grid input,.sample-edit-grid select{min-width:0;width:100%}.sample-edit-grid span{color:#14319a;font-size:.78rem;font-weight:900}.sample-effect-rack{align-content:start;display:grid;gap:6px;min-width:0;position:relative}.sample-effect-rack>span{color:#14319a;font-size:.78rem;font-weight:900}.sample-effect-chip{align-items:center;display:inline-flex;gap:6px;min-width:0;position:relative}.sample-effect-chip>button{min-height:34px;padding:0 10px}.sample-effect-chip .effect-remove-button{background:#ff99df;min-width:34px;padding:0}.sample-effect-popover{background:#e9ffff;border:2px solid #061044;border-radius:6px;box-shadow:4px 4px #f0f;display:grid;gap:10px;left:0;min-width:min(280px,calc(100vw - 56px));padding:10px;position:absolute;top:calc(100% + 8px);z-index:120}.sample-window-readout{color:#14319a;font-size:.86rem;font-weight:900}.sample-editor-actions{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.sample-action-group{align-content:start;background:#e9ffff94;border:2px solid rgba(6,16,68,.5);border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;padding:10px}.sample-action-group>span{color:#14319a;flex-basis:100%;font-size:.78rem;font-weight:900}.sample-action-group button{min-height:34px;padding:0 10px}.sample-action-group.commit-group{background:#ffff003d}.replace-path{color:#061044;flex-basis:100%;font-size:.78rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.drop-zone{align-items:center;border:2px dashed #061044;border-radius:6px;color:#14319a;cursor:pointer;display:inline-flex;justify-content:center;min-height:38px;min-width:150px;padding:0 10px;font-weight:900;margin:0}.recorder.dragging{background:#ffff00a6}@media(max-width:760px){main{padding:14px}header{display:grid}.header-actions{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr)}.slot-mapper{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}.slot-row{grid-template-columns:32px minmax(0,1fr) minmax(72px,.42fr)}.sample-name-input{grid-column:2 / -1}.top-layout,.action-grid,.toolbar{grid-template-columns:1fr}.toolbar{grid-template-areas:"room" "name" "action" "copy" "project" "render" "peers" "picks";gap:12px}.join-leave-button,.copy-link-button,.room-project-actions,.room-render-actions{justify-self:stretch;width:100%}.room-project-actions .meta-menu,.room-project-actions .meta-menu summary,.room-render-actions button,.render-result,.render-chip{width:100%}.room-pick-group{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.room-pick-group span{grid-column:1 / -1;min-width:0}.room-pick-group button{min-width:0;width:100%}.sample-management-bar{grid-template-columns:1fr}.modal-backdrop{align-items:stretch;justify-content:stretch;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.mixer-dialog,.sample-editor,.help-dialog{max-height:calc(100dvh - 20px);max-width:none;overflow:auto;width:100%}.sample-editor{gap:10px;padding:12px}.sample-waveform{height:176px;margin-top:28px}.trim-handle{min-width:34px;width:34px}.sample-edit-grid,.sample-editor-actions{grid-template-columns:1fr}.missing-slot-row{grid-template-columns:32px minmax(0,1fr) minmax(86px,.42fr)}.missing-replace-select{grid-column:2 / -1}.replace-missing-button{grid-column:2 / -1;min-height:44px}.sample-action-group button,.sample-effect-rack button{min-height:44px}.mixer-table{min-width:0}.mixer-head-row{display:none}.mixer-row{background:#ffffff94;border:2px solid #061044;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.mixer-track-name{grid-column:1 / -1}.mixer-control span{display:block}.mixer-toggle{justify-items:start}.sequencer{margin-inline:-14px;border-left:0;border-right:0;border-radius:0}.sequencer-tools,.step-options,.step-header,.step-row-group,.step-row,.sequencer-add-row{min-width:0}.sequencer-tools{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.sequencer-tools>*{min-width:0}.sequencer-transport,.sequencer-history-controls{grid-column:1 / -1}.sequencer-tools label,.sequencer-tools span,.sequencer-tools button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sequencer-tools select,.sequencer-tools input{min-width:0;width:100%}.sequencer-tools .transport-icon-button{flex:1 1 0;min-width:0}.sequencer-tools .history-button{flex:0 0 44px}.add-row-menu{bottom:max(14px,env(safe-area-inset-bottom));left:14px;max-height:min(68vh,560px);position:fixed;right:14px;top:auto;width:auto;z-index:40}.step-options{align-items:stretch;display:grid;grid-template-columns:minmax(92px,118px) minmax(0,1fr)}.step-editor-overlay{grid-template-columns:minmax(92px,118px) minmax(0,1fr)}.step-options-title{grid-template-columns:minmax(0,1fr)}.step-options-title span{grid-column:1;grid-row:2}.step-options-row-actions{flex-wrap:wrap;grid-column:1;grid-row:3}.row-settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.step-editor-cells{grid-template-columns:repeat(var(--step-edit-columns),minmax(26px,1fr))}.step-options-actions{grid-template-columns:1fr}.step-options-actions span{white-space:normal}.step-header,.step-row,.sequencer-add-row{grid-template-columns:minmax(92px,118px) minmax(0,1fr)}.lane-label{grid-template-columns:26px minmax(0,1fr)}.lane-label select{grid-column:1 / -1;min-width:0}.step-cells{grid-template-columns:repeat(8,minmax(26px,1fr));row-gap:5px}.step-cells>button{height:34px;min-height:34px}}.library-page{display:grid;gap:20px;margin:0 auto;max-width:1280px;padding:28px}.library-page-header{align-items:end;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto}.library-page-header h1{font-size:clamp(2.2rem,4vw,4.5rem);line-height:.92;margin:8px 0 12px}.library-page-header p{font-size:1.05rem;margin:0;max-width:760px}.labs-link,.meta-menu-panel a{color:#061044;font-weight:900;margin-right:12px}.library-counts{background:#b8fbff;border:3px solid #061044;border-radius:8px;box-shadow:7px 7px #ff00d8;display:grid;grid-template-columns:auto auto;gap:4px 12px;padding:14px 18px;white-space:nowrap}.library-counts strong{font-size:2rem;line-height:1}.library-counts span{align-self:end;font-weight:900}.library-page-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.library-panel{background:#b8fbffb8;border:3px solid #061044;border-radius:8px;display:grid;gap:12px;padding:14px}.library-table,.user-kit-list,.hosted-kit-summary{display:grid;gap:8px}.library-browser{align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(190px,.6fr) minmax(260px,1fr) minmax(220px,.72fr)}.library-folder-pane,.library-file-pane,.library-inspector{background:#b8fbffb8;border:3px solid #061044;border-radius:8px;display:grid;gap:10px;align-content:start;min-width:0;padding:12px}.folder-create button,.library-inspector-actions button{min-height:34px;padding:0 8px}.folder-tree{display:grid;gap:2px;min-width:0}.folder-tree-item,.folder-tree-row{align-items:center;border-radius:4px;color:#061044;min-width:0}.folder-tree-item{appearance:none;background:transparent;border:0;box-shadow:none;cursor:pointer;display:grid;font:inherit;font-weight:900;grid-template-columns:20px minmax(0,1fr);justify-items:start;min-height:28px;padding:0 6px;text-align:left}.folder-tree-row{display:grid;gap:2px;grid-template-columns:20px minmax(0,1fr) 22px;min-height:28px;padding-left:calc(var(--folder-depth, 0) * 16px)}.folder-tree-name,.folder-disclosure,.folder-tree-delete{appearance:none;background:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;font:inherit;min-height:28px;padding:0}.folder-tree-name{font-weight:800;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.folder-disclosure{color:#14319a;font-size:.8rem;font-weight:900}.folder-disclosure:disabled{color:#06104473;cursor:default}.folder-tree-delete{color:#b000ff;font-size:1rem;font-weight:900;opacity:.65}.folder-tree-delete:hover{opacity:1}.library-folder-pane .selected-folder,.library-file-row.selected-sample{background:#ff0}.folder-tree-row.selected-folder,.folder-tree-item.selected-folder{box-shadow:inset 4px 0 #f0f}.folder-create{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto}.library-file-list{display:grid;gap:8px}.library-inspector-selected{display:grid;gap:10px}.library-file-row{background:#ffffff94;border:2px solid #061044;border-radius:6px;box-shadow:none;color:#061044;display:grid;gap:3px;justify-items:start;margin:0;min-height:0;padding:10px;text-align:left;width:100%}.library-file-row span,.library-inspector>span,.library-inspector-selected>span{color:#14319a;font-size:.85rem;font-weight:900}.library-inspector input,.library-inspector-selected input,.folder-create input{background:#e8fdff;border:2px solid #061044;border-radius:6px;color:#061044;font:inherit;font-weight:900;min-width:0;padding:8px 10px}.library-inspector-actions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.library-sample-row{align-items:center;background:#ffffff8f;border:2px solid #061044;border-radius:6px;display:grid;gap:8px;grid-template-columns:minmax(180px,1fr) 86px 86px 72px repeat(4,auto);padding:8px}.library-sample-row input,.user-kit-card summary input,.kit-create input{background:#e8fdff;border:2px solid #061044;border-radius:6px;color:#061044;font:inherit;font-weight:900;min-width:0;padding:8px 10px}.library-sample-row span{font-size:.85rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-edit-link{align-items:center;background:#ff0;border:2px solid #061044;border-radius:6px;box-shadow:3px 3px #ff00d8;color:#061044;display:inline-flex;font-size:.9rem;font-weight:900;justify-content:center;min-height:38px;padding:7px 12px;text-decoration:none}.kit-manager>summary.library-header{cursor:pointer;list-style:none}.kit-manager>summary.library-header::-webkit-details-marker{display:none}.kit-manager-body{display:grid;gap:12px}.kit-create{display:flex;gap:8px}.kit-create input{max-width:180px}.user-kit-card{background:#ffffff94;border:2px solid #061044;border-radius:6px;padding:8px}.user-kit-card summary{align-items:center;cursor:pointer;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;list-style:none}.user-kit-card summary::-webkit-details-marker{display:none}.kit-members{display:grid;gap:6px;margin-top:10px;max-height:360px;overflow:auto}.kit-members label{align-items:center;display:flex;gap:8px;font-weight:900}.hosted-kit-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hosted-kit-summary>div{background:#ffffff94;border:2px solid #061044;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.slaughterhouse-page{display:grid;gap:20px;margin:0 auto;max-width:1280px;padding:28px}.slaughterhouse-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr)}.slaughterhouse-samples{max-height:calc(100vh - 220px);overflow:auto}.slaughterhouse-samples>button{background:#ffffff94;border:2px solid #061044;border-radius:6px;box-shadow:none;color:#061044;display:grid;gap:4px;justify-items:start;margin:0;min-height:0;padding:10px;text-align:left;width:100%}.slaughterhouse-samples>button+button{margin-top:8px}.slaughterhouse-samples>button.selected-sample{background:#ff0;box-shadow:4px 4px #f0f}.slaughterhouse-samples span,.slaughterhouse-stage p{color:#14319a;font-size:.88rem;font-weight:900}.slaughterhouse-stage{min-height:260px}.slaughterhouse-stage>button{justify-self:start}@media(max-width:880px){.library-page{padding:16px}.library-page-header,.library-page-grid,.library-browser,.slaughterhouse-grid{grid-template-columns:1fr}.library-counts{justify-self:start}.library-sample-row{grid-template-columns:repeat(3,minmax(0,1fr))}.library-sample-row input{grid-column:1 / -1}}