:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef8f6;color:#12302d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;overscroll-behavior-x:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,input{font:inherit}input,textarea,[contenteditable=true]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}button,.file-button{min-height:42px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel) 84%,var(--accent) 16%);color:var(--text);padding:0 13px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}button:hover,.file-button:hover{border-color:color-mix(in srgb,var(--accent) 66%,white 10%);transform:translateY(-1px)}.icon-button,.file-button{min-width:42px;justify-content:center}.icon-button{display:inline-grid;place-items:center;padding:0;font-size:18px;line-height:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.42;transform:none}.active-toggle{border-color:color-mix(in srgb,var(--accent) 84%,white 8%);background:color-mix(in srgb,var(--accent) 26%,var(--panel));color:var(--text-strong)}.record-button{position:relative;color:#b9182b}.record-button-needs-permission:after{content:"?";position:absolute;top:4px;right:5px;display:grid;place-items:center;width:14px;height:14px;border:1px solid color-mix(in srgb,#b9182b 72%,white 18%);border-radius:999px;background:var(--panel);color:#b9182b;font-size:10px;font-weight:900;line-height:1}.record-button.active-toggle{border-color:#d31f32;background:color-mix(in srgb,#d31f32 18%,var(--panel));color:#d31f32}.danger-action{border-color:color-mix(in srgb,var(--danger) 72%,white 8%);background:color-mix(in srgb,var(--danger) 16%,var(--panel));color:var(--danger)}.app-shell{--bg: #eef8f6;--panel: #ffffff;--panel-strong: #dff4f0;--text: #183835;--text-strong: #071918;--muted: #5f7d78;--accent: #00d7c9;--accent-2: #f2d35b;--intent-cursor: #1f62ff;--danger: #d4313f;--waveform-line: #092425;--waveform-zero-line: rgba(9, 36, 37, .26);--waveform-bg-start: #f8fffe;--waveform-bg-end: #c6f2ec;--waveform-grid: rgba(9, 36, 37, .13);height:100svh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;overscroll-behavior:none;overscroll-behavior-x:none;color:var(--text);background:#f8fffd image-set(url(/slaughterhouse/assets/white-tile-clean-small-D8xweTyy.webp) type("image/webp"),url(/slaughterhouse/assets/white-tile-clean-small-CNE24gNc.png) type("image/png")) center top / 660px auto repeat}.app-shell:before{content:none}.app-shell:after{content:"";position:fixed;left:0;right:0;bottom:0;z-index:0;height:min(42vh,340px);pointer-events:none;background:url(/slaughterhouse/assets/blood-spatter-overlay-09MHTKdW.webp) center bottom / 660px auto repeat-x;filter:saturate(1.45) contrast(1.18);opacity:.98}.app-shell>*{position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px max(14px,env(safe-area-inset-left)) 6px max(14px,env(safe-area-inset-right));border-bottom:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-block{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}.brand-block:hover{transform:none}.brand-mark{width:36px;height:36px;object-fit:contain;border-radius:7px;background:color-mix(in srgb,var(--accent) 12%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent),0 12px 28px #0069622e}.brand-block h1{margin:0;font-size:19px;letter-spacing:0}.top-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;overflow-x:auto;padding-bottom:2px}.top-action-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-color:color-mix(in srgb,var(--accent) 28%,var(--text) 8%);border-radius:999px;background:linear-gradient(180deg,#ffffffe6,#e2fcf8cc);color:var(--text-strong);box-shadow:0 10px 24px #0069621a;font-weight:700}.top-action-button[aria-label="New empty sound"]{width:36px;padding:0;color:color-mix(in srgb,var(--accent) 70%,var(--text-strong));font-size:24px;line-height:1}.file-button{display:inline-flex;align-items:center;white-space:nowrap}.file-button input{display:none}.workspace{min-height:0;overflow:hidden}.editor-pane{height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}.tab-strip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px 12px;border-bottom:0}.tab-item{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:128px;max-width:min(240px,60vw);min-height:36px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 82%,black 10%);padding:2px 4px 2px 10px}.tab-item.active{background:color-mix(in srgb,var(--accent) 17%,var(--panel));border-color:color-mix(in srgb,var(--accent) 58%,white 4%)}.tab-name{min-width:0;min-height:28px;flex:1 1 auto;overflow:hidden;border:0;background:transparent;box-shadow:none;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tab-name:hover{transform:none}.tab-item input{width:min(170px,48vw);min-height:34px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--text) 10%);border-radius:6px;background:#f8fffdeb;color:var(--text-strong);padding:0 8px}.tab-close{min-width:28px;min-height:28px;border:0;background:transparent;color:var(--muted);padding:0}.tab-close:hover{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.new-tab-button{flex:0 0 auto;width:36px;min-width:36px;min-height:36px;padding:0;border-radius:8px;border-color:color-mix(in srgb,var(--accent) 32%,var(--text) 8%);background:linear-gradient(180deg,#ffffffe6,#e2fcf8d1);color:color-mix(in srgb,var(--accent) 68%,var(--text-strong));font-size:24px;font-weight:800;line-height:1;box-shadow:0 10px 24px #00696214}.waveform-stage{--waveform-stage-pad: clamp(12px, 2.2vw, 26px);--waveform-stage-top-pad: 6px;--carving-slot-height: 58px;--timeline-slot-height: 42px;position:relative;display:grid;grid-template-rows:var(--carving-slot-height) auto minmax(0,1fr);align-items:stretch;min-width:0;min-height:0;overflow:hidden;padding:var(--waveform-stage-top-pad) var(--waveform-stage-pad) var(--waveform-stage-pad);isolation:isolate;background:transparent}.waveform-stage-empty{display:block;grid-template-rows:minmax(0,1fr);padding:var(--waveform-stage-pad)}.carving-tools-slot{position:relative;z-index:5;min-height:58px;overflow:hidden}.carving-tools-slot.is-empty{pointer-events:none}.carving-tools-bar{height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--text) 8%);border-radius:8px;background:color-mix(in srgb,var(--panel) 86%,transparent);box-shadow:0 12px 28px #0069621a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:6px}.carving-tools-scroll{min-width:0;display:flex;gap:7px;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.carving-tools-scroll>*{flex:0 0 auto}.carving-readout{min-height:30px;display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:7px;background:color-mix(in srgb,var(--bg) 36%,transparent);color:var(--muted);font-size:12px;padding:0 8px;white-space:nowrap}.waveform-stage:before{content:none}.timeline-ruler{position:relative;z-index:7;height:34px;margin-bottom:8px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--text) 8%);border-radius:7px;background:color-mix(in srgb,var(--waveform-bg-start) 80%,white 8%);color:color-mix(in srgb,var(--waveform-line) 82%,black 10%);overflow:visible}.timeline-ticks{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.timeline-ruler-metric{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 42%),color-mix(in srgb,var(--waveform-bg-start) 82%,white 10%)}.timeline-context{position:absolute;top:4px;right:8px;z-index:2;min-height:20px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--waveform-bg-start) 78%,white 18%);color:color-mix(in srgb,var(--waveform-line) 88%,black 8%);font-size:10px;font-weight:800;line-height:18px;padding:0 7px;white-space:nowrap}.timeline-context:hover{border-color:color-mix(in srgb,var(--accent) 48%,white 8%);transform:none}.timeline-metric-editor{position:absolute;top:27px;right:6px;z-index:20;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--text) 8%);border-radius:7px;background:color-mix(in srgb,var(--panel) 94%,white 4%);box-shadow:0 12px 24px #003e3a29;padding:5px}.timeline-metric-editor label{display:inline-grid;gap:2px;color:var(--muted);font-size:9px;font-weight:800;line-height:1;text-transform:uppercase}.timeline-bpm-choices{display:inline-flex;gap:4px}.timeline-metric-editor input,.timeline-metric-editor select{width:58px;min-height:24px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:5px;background:color-mix(in srgb,var(--bg) 76%,white 8%);color:var(--text-strong);font-size:12px;padding:0 5px}.timeline-metric-editor button{min-height:24px;padding-inline:7px;font-size:11px}.timeline-tick{position:absolute;top:0;bottom:0;width:54px;display:flex;align-items:flex-start;border-left:1px solid color-mix(in srgb,var(--waveform-line) 28%,transparent);padding:4px 0 0 5px;font-size:11px;line-height:1;overflow:hidden;white-space:nowrap}.timeline-tick-minor{top:15px;opacity:.72}.timeline-ruler-metric .timeline-tick-minor{color:color-mix(in srgb,var(--waveform-line) 74%,black 10%)}.timeline-tick-major{opacity:.9;font-weight:800}.empty-drop-zone{position:absolute;inset:clamp(12px,2.2vw,26px);z-index:2;display:grid;align-content:center;justify-items:center;gap:14px;border:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--text-strong);text-align:center;pointer-events:auto}.waveform-stage-empty .empty-drop-zone{position:relative;inset:auto;min-height:100%;background:color-mix(in srgb,var(--panel) 90%,white 5%)}.empty-drop-zone strong{font-size:18px;line-height:1.15}.empty-drop-zone span{color:var(--muted);font-size:13px;line-height:1.35}.import-progress-bar{position:relative;width:min(260px,70%);height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--accent) 20%,var(--panel))}.import-progress-bar:after{position:absolute;inset:0;width:44%;border-radius:inherit;background:var(--accent);animation:import-progress-sweep .9s ease-in-out infinite alternate;content:""}@keyframes import-progress-sweep{0%{transform:translate(-18%)}to{transform:translate(146%)}}.waveform-view{position:relative;z-index:1;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--text) 8%);border-radius:8px;background:linear-gradient(145deg,var(--waveform-bg-start),var(--waveform-bg-end));box-shadow:0 18px 54px #00696229;opacity:1;touch-action:none}.butcher-waveform-overlay{position:absolute;z-index:2;inset:calc(var(--waveform-stage-top-pad) + var(--carving-slot-height) + var(--timeline-slot-height)) var(--waveform-stage-pad) var(--waveform-stage-pad);overflow:hidden;border-radius:8px;pointer-events:none}.butcher-slice-edit-band{position:absolute;z-index:5;top:0;left:0;right:0;height:52px;pointer-events:auto;cursor:crosshair;background:linear-gradient(180deg,#fff8f42e,#fff8f400);border-bottom:1px dashed rgba(111,16,25,.16)}.butcher-slice-edit-band:not(:hover):not(:focus-within){background:transparent;border-bottom-color:transparent}.butcher-waveform-chunk{--slice-fill: rgba(0, 188, 176, .12);--slice-accent: rgba(0, 105, 98, .36);appearance:none;-webkit-appearance:none;position:absolute;top:0;bottom:0;min-width:18px;min-height:0;border:0;border-radius:0;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--text-strong) 26%,transparent) 0 6px,transparent 6px 12px) left top / 1px 100% no-repeat,linear-gradient(180deg,rgba(255,255,255,.16),transparent 46%,var(--slice-fill)),var(--slice-fill);color:var(--text-strong);padding:0;outline:none;pointer-events:auto;touch-action:none;cursor:grab;opacity:.9;box-shadow:inset 1px 0 color-mix(in srgb,white 26%,transparent);transition:left .18s cubic-bezier(.2,.8,.2,1),width .18s cubic-bezier(.2,.8,.2,1),box-shadow .12s ease,opacity .12s ease}.butcher-waveform-chunk:focus,.butcher-waveform-chunk:focus-visible{outline:none}.slice-tone-1{--slice-fill: rgba(235, 196, 92, .14);--slice-accent: rgba(139, 105, 29, .34)}.slice-tone-2{--slice-fill: rgba(91, 144, 214, .13);--slice-accent: rgba(38, 91, 142, .32)}.slice-tone-3{--slice-fill: rgba(207, 102, 112, .13);--slice-accent: rgba(133, 48, 58, .32)}.slice-tone-4{--slice-fill: rgba(124, 169, 113, .14);--slice-accent: rgba(60, 112, 58, .32)}.slice-tone-5{--slice-fill: rgba(176, 132, 199, .13);--slice-accent: rgba(104, 72, 132, .31)}.butcher-cut-marker{appearance:none;-webkit-appearance:none;position:absolute;top:0;bottom:0;z-index:4;width:18px;min-width:18px;min-height:0;margin-left:-9px;padding:0;border:0;border-radius:0;background:repeating-linear-gradient(180deg,#6f1019 0 18px,transparent 18px 32px) center / 3px 100% no-repeat;color:#6f1019;cursor:ew-resize;box-shadow:none;outline:none;opacity:0;transform:none;transition:opacity .12s ease,background .12s ease}.butcher-preview-cut-marker{position:absolute;top:0;height:100vh;z-index:2;width:10px;margin-left:-5px;pointer-events:none;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#ffffff 8%) 0 10px,transparent 10px 20px) center / 2px 100% no-repeat;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 48%,transparent));opacity:.95}.butcher-slice-edit-band:hover .butcher-cut-marker,.butcher-slice-edit-band:focus-within .butcher-cut-marker,.butcher-slice-edit-band:hover .butcher-preview-cut-marker,.butcher-slice-edit-band:focus-within .butcher-preview-cut-marker{opacity:1}@media(hover:none),(pointer:coarse){.butcher-slice-edit-band{background:linear-gradient(180deg,#fff8f429,#fff8f400);border-bottom-color:#6f101924}.butcher-slice-edit-band:not(:hover):not(:focus-within){background:linear-gradient(180deg,#fff8f429,#fff8f400);border-bottom-color:#6f101924}.butcher-cut-marker{width:30px;min-width:30px;margin-left:-15px;opacity:1}.butcher-preview-cut-marker{opacity:1}}.butcher-draft-cut-point,.butcher-draft-cut-region{position:absolute;z-index:3;top:6px;bottom:6px;pointer-events:none}.butcher-draft-cut-point{width:2px;margin-left:-1px;border-radius:999px;background:color-mix(in srgb,var(--danger) 82%,var(--accent-2) 12%);box-shadow:0 0 0 2px #ffffff9e,0 0 18px color-mix(in srgb,var(--danger) 48%,transparent)}.butcher-draft-cut-region{border-left:2px dashed color-mix(in srgb,var(--danger) 82%,var(--accent-2) 12%);border-right:2px dashed color-mix(in srgb,var(--danger) 82%,var(--accent-2) 12%);background:color-mix(in srgb,var(--danger) 16%,transparent);box-shadow:inset 0 0 0 1px #ffffff7a}.butcher-cut-marker:hover,.butcher-cut-marker:active{background:repeating-linear-gradient(180deg,#d31f32 0 18px,transparent 18px 32px) center / 4px 100% no-repeat;border:0;transform:none}.butcher-cut-marker span{position:absolute;top:8px;left:50%;min-width:22px;transform:translate(-50%);border:1px solid rgba(111,16,25,.28);border-radius:999px;background:#fff8f4db;color:#6f1019;font-size:11px;font-weight:800;line-height:20px;text-align:center;pointer-events:none}.butcher-waveform-chunk:before,.butcher-waveform-chunk:after{content:"";position:absolute;left:34%;bottom:-2px;width:5px;height:0;border-radius:999px;background:linear-gradient(180deg,#d31f32,#6f1019);opacity:0;pointer-events:none}.butcher-waveform-chunk:after{left:67%;width:4px}.butcher-waveform-chunk.is-dragging-chunk{z-index:3;box-shadow:0 16px 38px color-mix(in srgb,var(--slice-accent) 55%,transparent);opacity:.96}.butcher-waveform-chunk.is-selected-chunk{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent-2) 86%,white 10%),0 0 24px color-mix(in srgb,var(--accent-2) 36%,transparent)}.butcher-waveform-chunk.is-drop-target{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 88%,white 8%),0 0 28px color-mix(in srgb,var(--accent) 44%,transparent);opacity:1}.butcher-waveform-overlay.is-replace-armed .butcher-waveform-chunk{cursor:copy;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 48%,transparent);opacity:.98}.butcher-waveform-gap{border-color:color-mix(in srgb,var(--text) 24%,transparent);background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 2px,transparent 2px 12px),color-mix(in srgb,black 28%,transparent);opacity:.48}.butcher-waveform-gap:hover{background:repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 2px,transparent 2px 12px),color-mix(in srgb,black 34%,transparent)}.butcher-waveform-chunk:hover{background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 42%,color-mix(in srgb,var(--slice-fill) 74%,var(--accent-2))),color-mix(in srgb,var(--slice-fill) 76%,var(--accent-2) 10%);transform:none}.butcher-waveform-chunk>.chunk-label{position:absolute;top:8px;left:7px;right:3px;overflow:hidden;color:color-mix(in srgb,var(--text-strong) 84%,transparent);font-size:18px;font-weight:800;line-height:1;text-align:left;text-shadow:0 1px 10px color-mix(in srgb,black 48%,transparent)}.slice-global-replacement-preview{position:absolute;z-index:4;inset:104px 8px 14px;min-height:28px;border:1px solid color-mix(in srgb,var(--accent-2) 62%,white 12%);border-radius:6px;background:linear-gradient(180deg,#ffffff8a,#fff3),color-mix(in srgb,var(--panel) 70%,white);box-shadow:0 8px 22px #003e3a29,inset 0 0 0 1px #ffffff6b;opacity:.96;overflow:hidden;pointer-events:none}.slice-global-replacement-preview:before{content:"";position:absolute;inset:3px auto 3px 3px;width:var(--fit-source-ratio, 100%);max-width:calc(100% - 6px);border-radius:4px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 46%,transparent) 0 2px,transparent 2px 7px),linear-gradient(180deg,color-mix(in srgb,var(--accent) 34%,white),color-mix(in srgb,var(--accent-2) 22%,white));box-shadow:inset 0 1px #ffffff7a}.slice-global-replacement-preview:after{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--text-strong) 82%,var(--accent-2));font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.slice-global-replacement-preview-truncate:after{content:"trim preview";justify-items:end;padding-right:10px;background:linear-gradient(90deg,transparent 0 calc(100% - 26px),rgba(111,16,25,.18) calc(100% - 26px) 100%);color:color-mix(in srgb,var(--danger) 78%,var(--text-strong))}.slice-global-replacement-preview-silence{background:linear-gradient(90deg,transparent 0 var(--fit-source-ratio, 48%),rgba(255,255,255,.66) var(--fit-source-ratio, 48%) 100%),linear-gradient(180deg,#ffffff8a,#fff3),color-mix(in srgb,var(--panel) 70%,white)}.slice-global-replacement-preview-silence:after{content:"silence";justify-items:end;padding-right:10px;color:color-mix(in srgb,var(--muted) 88%,var(--text))}.slice-global-replacement-preview-loop:before{width:calc(100% - 6px);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 42%,white) 0 12px,color-mix(in srgb,var(--accent-2) 20%,white) 12px 22px,#ffffffc7 22px 28px)}.slice-global-replacement-preview-loop:after{content:"loop fill"}.slice-size-change-cue{position:absolute;z-index:5;left:50%;top:calc(50% + 24px);display:grid;width:min(58px,44%);height:34px;place-items:center;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--accent-2) 66%,white 8%);border-radius:999px;background:#fffff8d1;color:color-mix(in srgb,var(--accent-2) 78%,var(--text-strong));font-size:24px;font-weight:900;line-height:1;box-shadow:0 8px 22px #003e3a2e,inset 0 1px #ffffffb8;pointer-events:none}.slice-size-change-cue-grow:before{content:"→"}.slice-size-change-cue-truncate:before{content:"←"}.slice-replace-zones{position:absolute;z-index:6;left:7px;right:7px;top:58px;height:38px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(48px,1fr);gap:4px;pointer-events:auto}.slice-replace-zone{display:grid;grid-template-rows:minmax(14px,1fr) auto;align-items:end;gap:2px;min-width:0;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--text) 8%);border-radius:5px;background:linear-gradient(180deg,#ffffffb8,#f8fffd80),color-mix(in srgb,var(--panel) 78%,white);color:color-mix(in srgb,var(--text-strong) 82%,var(--accent));padding:3px;font-size:8px;font-weight:850;line-height:1;text-transform:uppercase;box-shadow:inset 0 -8px 14px color-mix(in srgb,var(--accent) 6%,transparent),0 2px 8px #003e3a14}.fit-preview-graphic{position:relative;min-height:13px;border-radius:4px;background:color-mix(in srgb,var(--accent) 18%,white);box-shadow:inset 0 0 0 1px #ffffff57}.fit-preview-label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.slice-replace-zone-grow .fit-preview-graphic{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,white) 0 68%,color-mix(in srgb,var(--accent-2) 12%,white) 68% 100%)}.slice-replace-zone-grow .fit-preview-graphic:after,.slice-replace-zone-truncate .fit-preview-graphic:after{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--accent-2) 76%,var(--text-strong));font-size:13px;font-weight:900;line-height:1}.slice-replace-zone-grow .fit-preview-graphic:after{content:"→"}.slice-replace-zone-truncate .fit-preview-graphic{background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 10%,white) 0 66%,#6f10194d 66% 70%,#ffffff61 70% 100%)}.slice-replace-zone-truncate .fit-preview-graphic:after{content:"←";color:color-mix(in srgb,var(--danger) 76%,var(--text-strong))}.slice-replace-zone-silence .fit-preview-graphic{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 24%,white) 0 48%,#ffffffd6 48% 100%)}.slice-replace-zone-loop .fit-preview-graphic{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 26%,white) 0 10px,#ffffffc7 10px 16px)}.slice-replace-zone:hover,.slice-replace-zone:focus-visible{border-color:color-mix(in srgb,var(--accent) 58%,white 6%);background-color:color-mix(in srgb,var(--accent) 10%,white);color:var(--text-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 52%,transparent),0 6px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.waveform-view canvas{width:100%;height:100%;display:block}.waveform-scrollbar{position:absolute;z-index:4;left:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px);bottom:10px;width:auto;height:22px;accent-color:var(--accent);opacity:.86}.waveform-stage:has(.butcher-tray-overlay) .waveform-scrollbar{bottom:10px}.waveform-cursor,.waveform-playback-cursor,.waveform-selection{position:absolute;top:0;bottom:0;pointer-events:none}.waveform-cursor{width:2px;background:color-mix(in srgb,var(--waveform-line) 48%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,white 22%,transparent);opacity:.72}.waveform-playback-cursor{width:2px;background:var(--accent-2);box-shadow:0 0 18px color-mix(in srgb,var(--accent-2) 84%,transparent)}.waveform-drop-preview{position:absolute;z-index:7;top:calc(clamp(12px,2.2vw,26px) + 42px);bottom:clamp(12px,2.2vw,26px);width:2px;margin-left:-1px;pointer-events:none;background:color-mix(in srgb,var(--accent-2) 88%,white 4%);box-shadow:0 0 0 1px #ffffff94,0 0 22px color-mix(in srgb,var(--accent-2) 72%,transparent)}.waveform-drop-preview span{position:absolute;top:12px;left:8px;border:1px solid color-mix(in srgb,var(--accent-2) 58%,var(--text) 10%);border-radius:999px;background:#fffff8e6;color:var(--text-strong);padding:3px 8px;font-size:11px;font-weight:850;white-space:nowrap}.waveform-stage.is-replace-drop .waveform-drop-preview{width:auto;margin-left:0;border-left:2px solid var(--accent-2);border-right:2px solid var(--accent-2);background:color-mix(in srgb,var(--accent-2) 20%,transparent)}.waveform-selection{background:color-mix(in srgb,var(--danger) 24%,transparent);border-left:1px solid var(--danger);border-right:1px solid var(--danger)}.selection-region-handle{position:absolute;top:7px;left:max(8px,calc(50% - 24px));width:min(48px,calc(100% - 16px));height:13px;border:1px solid color-mix(in srgb,var(--intent-cursor) 72%,white 18%);border-radius:999px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--intent-cursor) 70%,transparent) 0 3px,transparent 3px 7px),color-mix(in srgb,white 76%,transparent);box-shadow:0 3px 10px color-mix(in srgb,var(--intent-cursor) 24%,transparent);opacity:.92;pointer-events:auto}.waveform-selection-dormant{background:color-mix(in srgb,var(--danger) 10%,transparent);border-left-color:color-mix(in srgb,var(--danger) 54%,transparent);border-right-color:color-mix(in srgb,var(--danger) 54%,transparent)}.waveform-selection-dormant .selection-handle{background:color-mix(in srgb,var(--danger) 18%,transparent)}.waveform-selection-dormant .selection-region-handle{opacity:.72}.selection-handle{position:absolute;top:0;bottom:0;width:14px;background:color-mix(in srgb,var(--danger) 34%,transparent);pointer-events:auto}.selection-start{left:-7px}.selection-end{right:-7px}.transport-bar,.precision-bar,.tool-dock,.status-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 14px;border-top:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.transport-bar{justify-content:center}.status-strip{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;color:var(--muted);font-size:13px}.primary-control-row,.secondary-action-row{display:flex;align-items:center;gap:8px;min-width:0;width:fit-content;max-width:min(960px,calc(100vw - 28px));margin-inline:auto;padding:6px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--text) 8%);border-radius:8px;background:color-mix(in srgb,var(--panel) 78%,transparent);box-shadow:0 10px 28px #00696214;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.primary-control-row,.secondary-action-row{justify-content:center;overflow-x:auto}.transport-options{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.mobile-tools-toggle,.mobile-only-control{display:none}.status-strip .icon-button{min-width:36px}.transport-options button{min-height:32px;padding:0 9px}.import-progress{position:relative;flex:0 0 74px;width:74px;height:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--text) 8%);border-radius:999px;background:color-mix(in srgb,var(--bg) 70%,white 8%)}.mini-transport{display:inline-flex;align-items:center;gap:4px;padding:2px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel) 68%,transparent)}.status-message-box{flex:0 0 260px;width:260px;max-width:260px;height:36px;display:flex;align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text-strong);padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.status-strip button{min-height:32px}.status-strip span{min-height:32px;display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel) 72%,transparent);padding:0 10px;white-space:nowrap}.status-strip .import-progress span{position:absolute;inset:0 auto 0 0;display:block;min-height:0;border:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));padding:0}.status-strip .recording-status{border-color:color-mix(in srgb,#d31f32 42%,transparent);color:#9f1222;font-weight:800}.butcher-dock{min-height:0;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 10%,transparent),transparent 50%,color-mix(in srgb,var(--accent) 10%,transparent)),color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:0 -14px 34px #00696214;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:8px 14px max(8px,env(safe-area-inset-bottom))}.butcher-tray-overlay{position:absolute;z-index:6;left:clamp(8px,1.4vw,20px);right:clamp(8px,1.4vw,20px);bottom:clamp(8px,1.6vw,20px);height:min(38%,214px);min-height:132px;pointer-events:auto}.butcher-tray-overlay .butcher-lane{width:100%;height:auto;min-height:0;max-width:1280px;aspect-ratio:4.2 / 1;margin-inline:auto;align-self:end;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.butcher-tray-overlay .butcher-lane-tray{max-height:100%;min-height:0}.butcher-tray-overlay .butcher-lane-head{position:relative;z-index:2;min-height:24px}.butcher-tray-overlay .butcher-chunk-row{height:auto;min-height:0}.precision-bar,.tool-dock{padding-bottom:max(10px,env(safe-area-inset-bottom))}.precision-bar label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}.precision-bar input{width:96px;min-height:40px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel) 92%,black 12%);color:var(--text-strong);padding:0 9px}.selection-readout,.toggle-label{min-height:42px;display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel) 88%,black 7%);color:var(--muted);padding:0 12px;white-space:nowrap}.selection-readout strong{color:var(--text-strong)}.toggle-label input{width:18px;height:18px}.overlay-panel{position:fixed;top:78px;right:max(14px,env(safe-area-inset-right));z-index:8;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 96px);overflow:auto;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--text) 8%);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,black 6%);box-shadow:0 30px 90px color-mix(in srgb,black 45%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.overlay-panel:has(.butcher-panel){width:min(860px,calc(100vw - 28px))}.overlay-panel:has(.generate-panel){width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 96px)}.overlay-panel:has(.storage-browser){left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));width:auto}.overlay-head,.overlay-actions,.region-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.overlay-head strong{color:var(--text-strong);font-size:18px}.overlay-head button,.overlay-actions button,.region-header button{min-height:34px}.modal-scrim{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 64%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.close-sound-dialog{width:min(440px,100%);display:grid;gap:16px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--text) 12%);border-radius:8px;background:color-mix(in srgb,var(--panel) 96%,var(--bg) 10%);box-shadow:0 28px 80px color-mix(in srgb,black 32%,transparent);padding:18px}.close-sound-dialog h2,.close-sound-dialog p{margin:0}.close-sound-dialog h2{color:var(--text-strong);font-size:20px}.close-sound-dialog p{margin-top:4px;color:var(--muted);word-break:break-word}.close-sound-actions{display:grid;gap:8px}.close-sound-actions button{justify-content:center;min-height:48px}.close-dialog-cancel{justify-content:center;min-height:42px;border-color:color-mix(in srgb,var(--text) 12%,transparent);background:transparent}.sample-list,.region-panel,.viz-panel,.command-panel,.generate-panel,.settings-panel,.butcher-panel,.shortcut-panel,.envelope-panel{display:grid;gap:9px}.butcher-panel{gap:6px;min-height:0;overflow:hidden}.butcher-controls,.butcher-summary,.butcher-lane-head,.chunk-actions{display:flex;align-items:center;gap:8px}.butcher-controls{flex-wrap:wrap;max-height:112px;overflow:auto;padding-bottom:2px}.butcher-control-group{min-height:38px;display:inline-flex;align-items:center;gap:6px;min-width:0;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel-strong) 62%,transparent);padding:4px 6px}.carving-chip-group{gap:4px;padding:3px 5px}.carving-chip-group button{min-width:34px;min-height:32px;padding-inline:8px;font-weight:800}.carving-chip-group .icon-button{min-width:34px}.carving-chip-group input[type=range]{width:86px}.butcher-control-label{color:color-mix(in srgb,var(--muted) 86%,var(--text));font-size:10px;font-weight:850;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.butcher-summary{min-height:28px;overflow-x:auto;padding-bottom:1px}.butcher-summary span{min-height:28px}.butcher-segmented{min-width:min(220px,100%)}.butcher-controls label{min-height:34px;display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel-strong) 76%,transparent);color:var(--muted);padding:0 10px}.butcher-controls input{width:82px;min-height:30px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:5px;background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--text-strong);padding:0 8px}.butcher-control-group select,.carving-tools-bar select{min-height:30px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:5px;background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--text-strong);padding:0 8px}.butcher-controls button{min-height:34px;padding-inline:10px}.carving-tools-bar button,.carving-tools-bar label{min-height:34px}.carving-tools-bar input{width:72px}.butcher-controls input[type=range]{width:118px}.butcher-lane{display:grid;gap:8px;min-height:142px;padding:10px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 40%),color-mix(in srgb,var(--panel-strong) 78%,transparent)}.butcher-lane-tray{--tray-cap-width: 11.8%;position:relative;min-height:156px;padding:4.6% 5.6% 3.2%;border:0;border-radius:12px;aspect-ratio:4.2 / 1;perspective:820px;background:transparent;box-shadow:0 18px 28px #1e34302e;overflow:visible}.butcher-lane-tray:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:url(/slaughterhouse/assets/butcher-tray-skin-left-XGI1KuVG.webp) left center / var(--tray-cap-width) 100% no-repeat,url(/slaughterhouse/assets/butcher-tray-skin-right-oWWWcMPc.webp) right center / var(--tray-cap-width) 100% no-repeat,url(/slaughterhouse/assets/butcher-tray-skin-mid-C6Oj8CsM.webp) center / calc(100% - var(--tray-cap-width) - var(--tray-cap-width)) 100% no-repeat;opacity:1;filter:saturate(.96) contrast(1.04);pointer-events:none}.butcher-lane-tray:after{content:"";position:absolute;inset:8% 5% 6%;z-index:1;border-radius:8px;background:radial-gradient(ellipse at 50% 86%,rgba(28,42,38,.12),transparent 56%),linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%,rgba(42,58,52,.08));box-shadow:inset 0 9px 12px #ffffff47,inset 0 -18px 24px #23302c1a;opacity:.68;pointer-events:none}.butcher-lane-head{justify-content:space-between}.butcher-lane-head strong{color:var(--text-strong)}.butcher-lane-head span,.butcher-summary{color:var(--muted);font-size:12px}.butcher-summary{flex-wrap:wrap}.butcher-summary span{min-height:30px;display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:7px;background:color-mix(in srgb,var(--bg) 48%,transparent);padding:0 9px}.butcher-chunk-row{display:flex;gap:8px;min-height:82px;overflow-x:auto;padding-bottom:4px}.butcher-lane-tray .butcher-chunk-row{position:absolute;z-index:3;inset:23% 6% 14%;min-height:0;align-content:start;align-items:start;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;padding:6px 10px 14px;transform:rotateX(8deg) skew(-2deg);transform-origin:center bottom}.butcher-chunk{flex:0 0 126px;display:grid;gap:6px;align-content:start;padding:7px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--text) 8%);border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent),color-mix(in srgb,var(--panel) 88%,black 8%);cursor:grab}.butcher-lane-tray .butcher-chunk{flex:0 0 clamp(82px,10vw,126px);height:clamp(68px,8.6vw,96px);align-content:stretch;position:relative;padding:0;overflow:visible;border-color:#6f10192e;background:transparent;transform:rotate(-4deg) skew(-7deg);box-shadow:none}.butcher-lane-tray .butcher-chunk:nth-child(2n){transform:rotate(3deg) skew(-6deg)}.butcher-lane-tray .butcher-chunk:nth-child(3n){transform:rotate(-1deg) skew(-9deg) translateY(5px)}.butcher-chunk:active{cursor:grabbing}.chunk-audition{position:relative;min-height:74px;display:grid;gap:2px;align-content:end;overflow:hidden;padding:7px;text-align:left}.butcher-lane-tray .chunk-audition{min-height:0;height:calc(100% - 20px);border:1px solid rgba(111,16,25,.22);border-radius:8px;background:radial-gradient(ellipse at 20% 30%,rgba(255,229,214,.48),transparent 22%),linear-gradient(145deg,#f88d95,#b82335 58%,#74111d);box-shadow:0 14px 24px #490c122e,inset 0 1px #ffffff47;cursor:grab}.tray-clip-name{position:absolute;left:-3px;right:-3px;bottom:-1px;z-index:2;min-width:0;height:18px;border:0;border-radius:4px;background:#fffff8c2;color:color-mix(in srgb,var(--text-strong) 86%,#6f1019);font-size:10px;font-weight:750;line-height:18px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;transform:skew(7deg);white-space:nowrap}.tray-clip-name:focus{background:#fffff8f0;outline:2px solid color-mix(in srgb,var(--accent-2) 72%,white 8%)}.tray-preview-stop{position:absolute;z-index:4;right:7px;bottom:21px;min-width:30px;width:30px;min-height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-2) 72%,#6f1019 12%);border-radius:999px;background:#fffff8f0;color:#6f1019;box-shadow:0 7px 14px #490c122e;font-size:12px;line-height:1;padding:0;transform:skew(7deg)}.tray-preview-stop:hover{background:color-mix(in srgb,var(--accent-2) 28%,white 72%);transform:skew(7deg)}.butcher-lane-tray .chunk-waveform{mix-blend-mode:multiply;opacity:.54}.chunk-waveform{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.84}.chunk-index{position:absolute;top:3px;right:7px;color:color-mix(in srgb,var(--waveform-line) 68%,white 16%);font-size:28px;font-weight:800;line-height:1;opacity:.64;text-shadow:0 1px 0 color-mix(in srgb,white 40%,transparent)}.chunk-audition strong,.chunk-audition span{position:relative;min-width:0}.chunk-audition strong{color:var(--waveform-line);text-shadow:0 1px 0 color-mix(in srgb,white 32%,transparent)}.chunk-audition span{color:color-mix(in srgb,var(--waveform-line) 78%,black 12%);font-size:11px}.chunk-audition .chunk-index{position:absolute;z-index:1;top:3px;right:7px;color:color-mix(in srgb,var(--waveform-line) 68%,white 16%);font-size:28px}.chunk-actions{justify-content:stretch;flex-wrap:wrap}.butcher-lane-tray .chunk-actions{position:absolute;z-index:3;top:-11px;right:-10px;display:flex;gap:5px;justify-content:flex-end;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.butcher-lane-tray .tray-clip:hover .chunk-actions,.butcher-lane-tray .tray-clip:focus-within .chunk-actions,.butcher-lane-tray .tray-clip.is-auditioning .chunk-actions{opacity:1;transform:translateY(0);pointer-events:auto}.butcher-lane-tray .tray-clip.is-auditioning{box-shadow:0 12px 28px color-mix(in srgb,var(--accent-2) 46%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--accent-2) 86%,white 8%)}.butcher-lane-tray .tray-clip.is-recent-tray-clip .chunk-audition{animation:trayClipArrival 1.6s ease-out both;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 72%,white 8%),0 18px 34px color-mix(in srgb,var(--accent) 34%,transparent),inset 0 1px #ffffff57}@keyframes trayClipArrival{0%{filter:brightness(1.24) saturate(1.18);transform:translateY(-6px) scale(1.05)}45%{filter:brightness(1.16) saturate(1.12);transform:translateY(0) scale(1.02)}to{filter:brightness(1) saturate(1);transform:translateY(0) scale(1)}}.chunk-actions button{flex:1 1 36px;min-height:30px;padding:0 6px;font-size:12px}.butcher-lane-tray .chunk-actions button{flex:0 0 auto;min-width:28px;min-height:28px;padding:0 8px;border-color:#00696238;border-radius:999px;background:#f8fffde6;box-shadow:0 8px 18px #003e3a29}.command-panel{gap:16px}.command-search{display:grid;gap:6px}.command-search span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.command-search input{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--text) 10%);border-radius:7px;background:color-mix(in srgb,var(--bg) 68%,var(--panel));color:var(--text-strong);padding:0 12px;font:inherit}.command-panel section{display:grid;gap:8px}.command-panel h2{margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.command-grid{display:grid;grid-template-columns:1fr;gap:6px}.command-grid button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;text-align:left}.command-grid button.is-selected-command{border-color:color-mix(in srgb,var(--intent-cursor) 82%,white 6%);background:color-mix(in srgb,var(--intent-cursor) 18%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--intent-cursor) 30%,transparent)}.region-panel>button.is-selected-command{border-color:color-mix(in srgb,var(--intent-cursor) 82%,white 6%);background:color-mix(in srgb,var(--intent-cursor) 18%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--intent-cursor) 30%,transparent)}.command-grid button span{min-width:0}.command-grid kbd{min-width:48px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:5px;background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--text-strong);padding:3px 6px;text-align:center;font-size:12px}.processing-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.generate-panel{min-width:0;font-size:17px}.synth-widget{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;align-items:end;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--text) 10%);border-radius:8px;background:color-mix(in srgb,var(--panel-strong) 70%,transparent);padding:14px}.synth-widget-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.synth-widget-head div,.synth-widget label,.synth-widget-actions{display:grid;gap:5px}.synth-widget-head span,.synth-widget label span{color:var(--muted);font-size:14px;font-weight:800;letter-spacing:0;text-transform:uppercase}.synth-widget-head strong{font-size:22px}.synth-widget select,.synth-widget input{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--text) 12%);border-radius:7px;background:color-mix(in srgb,var(--panel) 92%,white 3%);color:var(--text-strong);padding:0 9px;font:inherit;font-size:17px}.synth-widget input[type=range]{padding:0}.synth-widget-actions{grid-column:1 / -1;grid-auto-flow:column;justify-content:end;display:grid;grid-template-columns:repeat(2,minmax(104px,max-content))}.synth-widget button{min-height:46px;font-size:17px}.processing-panel button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:48px}.processing-panel kbd{min-width:34px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--text) 10%);border-radius:6px;background:color-mix(in srgb,var(--bg) 72%,transparent);color:var(--text-strong);padding:4px 6px;text-align:center;font-size:12px;font-weight:850}@media(max-width:760px){.generate-panel{min-width:0}.synth-widget{grid-template-columns:1fr;padding:16px}.synth-widget-head,.synth-widget-actions{grid-column:1 / -1}.synth-widget-head{align-items:stretch;flex-direction:column}.synth-widget-actions{grid-template-columns:1fr 1fr}.overlay-panel:has(.generate-panel){max-height:calc(100svh - 20px)}}.sample-list button,.region-panel>button{display:grid;gap:3px;min-height:56px;text-align:left;align-content:center}.sample-list{gap:3px}.storage-browser{position:relative;display:grid;gap:12px;min-height:min(620px,calc(100vh - 170px))}.storage-toolbar{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,auto);align-items:center;gap:8px}.storage-active-file{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px}.storage-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.storage-crumbs{display:flex;min-width:0;gap:5px;overflow-x:auto}.storage-crumbs span{display:inline-flex;align-items:center;min-height:30px;color:var(--muted);font-size:12px}.storage-crumbs button,.storage-toolbar>button,.storage-import-button,.storage-active-file>button{min-height:30px;padding-inline:9px}.storage-import-button{display:inline-grid;align-items:center;border:1px solid color-mix(in srgb,var(--text) 14%,var(--accent) 20%);border-radius:5px;background:color-mix(in srgb,var(--panel-strong) 72%,transparent);color:var(--text-strong);font-size:12px;font-weight:800;cursor:pointer}.storage-import-button input{display:none}.storage-active-file{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--text) 8%);border-radius:7px;background:color-mix(in srgb,var(--panel-strong) 68%,transparent);padding:8px}.storage-active-file>div:first-child{display:grid;gap:4px;min-width:0}.storage-active-file strong,.storage-section-head strong{color:var(--text-strong)}.storage-active-file small,.storage-section-head small,.storage-row small{color:var(--muted);font-size:12px}.storage-active-file input{min-width:min(260px,35vw);min-height:30px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:5px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--text-strong);padding:0 8px}.storage-table{display:grid;align-content:start;min-height:220px;max-height:min(42vh,430px);overflow:auto;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:7px;background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.storage-table-compact{min-height:86px;max-height:180px}.storage-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,auto) minmax(112px,auto) 136px;align-items:center;gap:10px;min-height:34px;border:0;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:0;background:transparent;color:var(--text);padding:0 9px;text-align:left}.storage-row:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);transform:none}.storage-row button{min-width:0;min-height:28px;overflow:hidden;border:0;background:transparent;box-shadow:none;color:var(--text-strong);padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.storage-row button:hover{transform:none}.storage-heading{position:sticky;top:0;z-index:1;min-height:30px;background:color-mix(in srgb,var(--panel) 90%,white 4%);color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.storage-heading span:first-child{padding-left:0}.storage-name-cell{display:flex;align-items:center;min-width:0;padding-left:calc(var(--storage-depth, 0) * 18px)}.storage-name-cell>button:not(.storage-disclosure){padding-left:0}.storage-sample-name-cell{display:grid;align-content:center;gap:1px}.storage-sample-name-cell small{overflow:hidden;padding-left:0;text-overflow:ellipsis;white-space:nowrap}.storage-disclosure,.storage-row-action{min-width:28px;width:28px;min-height:28px;display:inline-grid;place-items:center;padding:0;color:var(--muted)}.storage-row-action{justify-self:end;text-align:center}.storage-row-actions{justify-self:end;display:inline-flex;gap:4px}.storage-row button.storage-row-action{padding:0;text-align:center}.storage-disclosure:hover,.storage-row-action:hover{color:var(--text-strong);background:color-mix(in srgb,var(--accent) 12%,transparent)}.storage-row-action.active-toggle{color:var(--text-strong);background:color-mix(in srgb,var(--accent) 20%,transparent)}.is-selected-storage-row{background:color-mix(in srgb,var(--accent) 16%,transparent)}.storage-folder-row button{font-weight:850}.storage-sample-row button{color:color-mix(in srgb,var(--text-strong) 88%,var(--accent) 8%)}.storage-row input{min-width:0;min-height:28px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--text) 10%);border-radius:5px;background:color-mix(in srgb,var(--bg) 84%,white 6%);color:var(--text-strong);padding:0 7px}.storage-folder-row{color:var(--text-strong);font-weight:750}.storage-tray-section{display:grid;gap:6px}.sample-list .overlay-actions{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px;margin-bottom:8px;padding:4px 0 8px;border-bottom:1px solid color-mix(in srgb,var(--text) 11%,transparent)}.sample-list .overlay-actions span{color:var(--text-strong);font-weight:800}.sample-list .overlay-actions small{grid-column:1;color:var(--muted);font-size:12px}.sample-list .overlay-actions button{grid-column:2;grid-row:1 / span 2;min-height:32px;padding-inline:10px}.sample-tree-item{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;min-height:34px;gap:7px;border:0;border-radius:4px;background:transparent;box-shadow:none;padding:0 7px;text-align:left}.sample-tree-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);transform:none}.sample-tree-item strong{min-width:0;overflow:hidden;color:var(--text-strong);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.sample-tree-item small{color:var(--muted);font-size:12px;white-space:nowrap}.sample-tree-icon{color:color-mix(in srgb,var(--accent) 52%,var(--text));font-size:11px}.sample-list span,.empty-list,.region-panel small,.overlay-actions span,.region-header span{color:var(--muted);font-size:13px}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.segmented-control button{text-transform:capitalize}.viz-popout{position:relative;min-height:220px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:8px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent)),repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,transparent) 0 2px,transparent 2px 18px),color-mix(in srgb,var(--panel) 82%,black 18%)}.viz-popout span{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);opacity:.72}.viz-popout span:nth-child(1){top:24%}.viz-popout span:nth-child(2){top:42%;opacity:.42}.viz-popout span:nth-child(3){top:62%}.viz-popout span:nth-child(4){top:81%;opacity:.32}.meter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.meter-block{display:grid;gap:5px;padding:10px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel-strong) 72%,transparent)}.meter-block span{color:var(--muted);font-size:12px}.meter-block strong{color:var(--text-strong);font-size:16px}.shortcut-panel{padding-top:4px}.shortcut-panel div{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:13px}.shortcut-panel kbd{min-width:54px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:5px;background:color-mix(in srgb,var(--panel) 90%,black 8%);color:var(--text-strong);padding:3px 6px;text-align:center}.envelope-preview{position:relative;height:96px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:7px;background:color-mix(in srgb,var(--panel) 90%,black 8%)}.envelope-preview:before{content:"";position:absolute;left:12px;right:12px;top:62px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--danger));transform:skewY(-12deg)}.envelope-preview span{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--accent-2)}.envelope-preview span:nth-child(1){left:15%;top:54px}.envelope-preview span:nth-child(2){left:52%;top:34px}.envelope-preview span:nth-child(3){right:14%;top:50px}.drop-overlay{position:fixed;inset:18px;z-index:10;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:12px;background:color-mix(in srgb,var(--bg) 84%,transparent);color:var(--text-strong);font-size:28px;font-weight:700;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media(max-width:820px){.topbar{align-items:center;flex-direction:row;gap:10px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))}.top-actions{width:auto;flex:0 0 auto;justify-content:flex-end}.editor-pane{grid-template-rows:auto minmax(220px,1fr) auto auto}.waveform-view{height:clamp(240px,44svh,420px);min-height:0}.overlay-panel{top:auto;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-height:min(72vh,620px)}}@media(max-width:560px){.brand-block h1{font-size:18px}.brand-mark{width:32px;height:32px}.brand-block{gap:8px}.brand-block span{font-size:12px}.topbar{gap:8px}.top-actions button,.file-button{min-height:40px;padding-inline:10px}.top-actions{gap:6px}.workspace{min-height:calc(100svh - 52px)}.tab-strip{gap:6px;padding:6px 12px}.tab-item{min-width:0;max-width:min(178px,64vw);min-height:40px;padding-left:9px}.tab-name{min-height:30px}.tab-close{min-width:30px;min-height:30px}.new-tab-button{width:40px;min-width:40px;min-height:40px}.waveform-stage{--timeline-slot-height: 36px;--waveform-stage-pad: 10px;--waveform-stage-top-pad: 4px;padding:var(--waveform-stage-top-pad) var(--waveform-stage-pad) var(--waveform-stage-pad)}.timeline-ruler{height:30px;margin-bottom:6px}.waveform-view{height:clamp(220px,40svh,340px);min-height:0}.waveform-stage:has(.butcher-waveform-overlay) .waveform-view{height:clamp(190px,32svh,280px)}.transport-bar,.status-strip{padding:5px 8px}.primary-control-row,.secondary-action-row{width:100%;max-width:calc(100vw - 16px);flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;overflow:visible}.mini-transport{flex:1 1 100%;justify-content:center}.status-strip .icon-button,.mini-transport .icon-button{min-width:40px;min-height:40px}.transport-options{flex:1 1 auto;justify-content:center}.mobile-tools-toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:40px}.mobile-only-control{display:inline-flex}.status-strip .mobile-tools-toggle,.transport-options button,.secondary-action-row button{min-height:40px}.status-message-box{order:5;flex:1 1 100%;max-width:none;height:34px;justify-content:center;text-align:center}.secondary-action-row .toggle-label{min-height:38px}.secondary-action-row{display:none}.secondary-action-row.is-expanded{display:flex}.butcher-dock{display:none}.butcher-dock.is-expanded{display:block}.overlay-panel{max-height:min(76svh,620px)}.meter-grid{grid-template-columns:1fr}}