.sound-generator-workspace{grid-template-columns:minmax(0,1fr) 330px}.studio-module{margin-top:22px;padding:20px;border:1px solid #46504d;border-radius:9px;background:linear-gradient(145deg,#1c2425,#171b1e)}.studio-module-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.studio-module .eyebrow{font:8px var(--mono);letter-spacing:1.3px;color:#91aaa5;margin:0 0 8px}.studio-module h3{font-size:19px;color:#e2d4c6}.studio-module-heading .lab-check{white-space:nowrap}.studio-module .button{font-size:10px}.sampler-mode{display:flex;gap:20px;align-items:center;margin-top:20px}.sampler-mode>span{font:8px var(--mono);color:#9aaba8}.sampler-mode label,.sample-layer-fields label,.parametric-fields>label,.parametric-toolbar label,.rhythm-track-controls label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#a7b3af}.studio-module input[type=number],.studio-module select,.parametric-toolbar select,.sound-generator-workspace select{background:#111719;color:#dac2ad;border:1px solid #49514c;border-radius:4px;padding:8px;font:10px var(--mono);width:100%;min-width:0}.studio-module button:not(.button){border:1px solid #51574c;border-radius:4px;background:#242c2b;color:#d8bea5;font:10px var(--mono);padding:8px;cursor:pointer}.studio-module button:hover{border-color:#d8a46e}.studio-module button:disabled{opacity:.4;cursor:default}.studio-module button:focus-visible,.studio-module input:focus-visible,.studio-module select:focus-visible{outline:2px solid #f4b278;outline-offset:3px}.sample-layer{border:1px solid #3c4e4c;border-radius:7px;background:#11191b;margin-top:18px;padding:15px;min-width:0}.sample-layer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.sample-layer-heading .lab-check{margin:0;min-width:0}.sample-layer-heading strong{overflow-wrap:anywhere;font:10px var(--mono);color:#d6c8ba}.sample-layer-heading button{width:30px;flex-shrink:0}.sample-trim-wave{display:block;width:100%;height:110px;margin:14px 0;cursor:ew-resize;touch-action:none;border:1px solid #314c49;border-radius:5px}.sample-layer-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 10px}.sample-layer-fields input{width:100%}.sample-layer-toggles,.sample-layer-actions{display:flex;gap:8px 15px;flex-wrap:wrap;margin-top:10px}.sample-layer-toggles .lab-check{font-size:9px}.sample-layer-actions button{flex:1;min-width:100px}.sound-sampler.dragging{outline:2px dashed #edac73}.parametric-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;align-items:center}.parametric-toolbar label{flex-direction:row;align-items:center;margin-left:auto}.parametric-graph{display:block;width:100%;height:250px;border:1px solid #404d4b;border-radius:6px;touch-action:none;cursor:crosshair}.parametric-band-list{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.parametric-band-list button{border-top:2px solid var(--band-color)!important;opacity:.6}.parametric-band-list button[aria-pressed=true]{opacity:1;background:#34413d}.parametric-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.parametric-fields .lab-check{flex-direction:row;align-items:center;margin:0}.studio-knob-field{display:grid!important;grid-template-columns:70px minmax(0,1fr);column-gap:15px!important;row-gap:7px!important;align-items:center;margin-block:15px!important;padding:13px;border:1px solid #41403b;border-radius:7px;background:linear-gradient(140deg,#292b29,#1b2020)}.studio-knob-field>span:first-child:not(.studio-knob){grid-column:2;font-size:10px;flex-wrap:wrap;justify-content:flex-start;gap:5px}.studio-knob-field output{color:#c7a17c;font-size:9px}.studio-knob{position:relative;display:block!important;grid-row:1/3;grid-column:1;width:65px;height:65px;touch-action:none;cursor:ns-resize;border-radius:50%;background:conic-gradient(from 225deg,#e9a56b 0deg var(--knob-fill),#444842 var(--knob-fill) 270deg,transparent 270deg);box-shadow:0 5px 12px #0007}.studio-knob-face{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#555850,#292d2b 55%,#111715);box-shadow:inset 0 1px 1px #b4b5a340,inset 0 -2px 2px #000a,0 1px 4px #000b;border:1px solid #555b50;transform:rotate(var(--knob-angle))}.studio-knob-face::after{content:'';position:absolute;width:3px;height:15px;left:calc(50% - 1.5px);top:5px;border-radius:3px;background:#ffca91;box-shadow:0 0 5px #ffd19b44}.studio-knob input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ns-resize;pointer-events:none}.studio-knob:focus-within{outline:2px solid #efb278;outline-offset:4px}.studio-knob-number{grid-column:2;grid-row:2;width:100%;min-width:0;border:1px solid #53554c;background:#121a19;color:#eac29a;font:11px var(--mono);border-radius:4px;padding:6px}.studio-knob-field .studio-knob{flex-shrink:0}.studio-knob.disabled{opacity:.5}.sound-generator-workspace .audio-fx-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sound-generator-workspace .audio-fx-controls .studio-knob-field{margin:0!important;padding:10px;grid-template-columns:58px minmax(0,1fr);column-gap:10px!important}.audio-fx-controls .studio-knob{width:54px;height:54px}.audio-fx-controls .studio-knob-field>span:first-child{font-size:9px}.sound-generator-workspace .audio-equalizer{margin-top:16px}.sound-generator-workspace .audio-equalizer summary{cursor:pointer;color:#bca185;font-size:11px}.rhythm-track{border-top:1px solid #43504b;margin-top:20px;padding-top:16px}.rhythm-track h4{font:10px var(--mono);color:#8fc5b7;margin-bottom:10px}.rhythm-track-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.rhythm-track-controls>select{width:140px}.rhythm-track-controls input[type=number]{width:85px}.rhythm-track-controls label:has(input[type=checkbox]){flex-direction:row;align-items:center}.studio-module summary{cursor:pointer;font-size:14px;color:#e1c0a3}.studio-module summary>span{display:block;font:9px var(--mono);color:#8fa8a1;margin-top:8px}.sound-embedded-looper canvas{touch-action:none;cursor:ew-resize}.sound-loop-seconds{display:flex;gap:12px;margin-top:12px}.sound-loop-seconds label{flex:1}.sound-loop-seconds input{width:100%}.sound-generator-workspace .lab-controls .lab-note{font-size:9px}@media(max-width:1000px){.sound-generator-workspace{grid-template-columns:minmax(0,1fr) 290px}.sound-generator-workspace .audio-fx-controls{grid-template-columns:1fr}.studio-module{padding:15px}.studio-module-heading{align-items:flex-start;flex-wrap:wrap}.sample-layer-fields,.parametric-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.parametric-toolbar label{margin-left:0}}@media(max-width:760px){.sound-generator-workspace{grid-template-columns:1fr}.sound-generator-workspace .lab-controls{border-left:0;border-top:1px solid #48483f}.sound-generator-workspace .audio-fx-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sampler-mode{flex-wrap:wrap;gap:10px}.studio-module-heading .lab-check{margin:5px 0}.parametric-graph{height:230px}}@media(max-width:450px){.sound-generator-workspace .audio-fx-controls{grid-template-columns:1fr}.sound-generator-workspace .lab-main{padding:13px}.studio-module{padding:12px}.sample-layer{padding:10px}.sample-layer-fields,.parametric-fields{gap:12px 8px}.parametric-toolbar button{font-size:9px!important}.studio-module-heading h3{font-size:17px}}
/* Layout 4: the original workflow, with a single document scroll. */
.lab-page:has(.sound-generator-workspace){max-width:1360px;width:calc(100% - 48px);padding-top:26px}
.lab-page:has(.sound-generator-workspace) .lab-heading{max-width:1000px;margin-bottom:18px}
.lab-page:has(.sound-generator-workspace) .lab-heading h1{font-size:30px;letter-spacing:-.8px}
.lab-page:has(.sound-generator-workspace) .lab-heading>p:not(.eyebrow){font-size:12px;line-height:1.7;margin-top:10px}
.lab-page:has(.sound-generator-workspace) .lab-badges{margin-top:12px}
.sound-generator-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;height:auto;max-height:none;min-height:0;overflow:visible;border-radius:8px}
.sound-generator-workspace .lab-main{height:auto;min-height:0;max-height:none;overflow:visible;padding:22px}
.sound-generator-workspace .lab-controls{height:auto;max-height:none;overflow:visible;position:static;padding:20px;border-radius:0 8px 8px 0}
.sound-generator-workspace .lab-controls>h2{font-size:17px;margin-bottom:20px;color:#ecd0b2}
.sound-studio-transport{position:sticky;top:calc(var(--studio-header-height,88px) + 7px);z-index:12;padding:12px 15px;margin:0 0 18px;border:1px solid #725039;background:#191d1ef5;border-radius:8px;backdrop-filter:blur(12px);box-shadow:0 6px 18px #0004;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 15px}
.sound-studio-transport .loop-transport{grid-column:1/-1;gap:8px;margin:0;flex-wrap:wrap}
.sound-studio-transport .loop-transport .button{min-width:0;min-height:36px;font-size:11px;padding:9px 13px}
.sound-studio-transport #sound-generator-export{margin-left:auto}
.sound-studio-transport .loop-volume-field{display:none}
.sound-studio-transport .sound-preview-check{grid-column:2;grid-row:2;margin:0;font-size:10px;align-self:center}
.sound-studio-transport .lab-status{grid-column:1;grid-row:2;margin:0;font-size:10px;line-height:1.6;min-height:0;color:#b6b3a7;overflow-wrap:anywhere}
.sound-studio-transport .lab-status.error{color:#ffb298}
.sound-studio-transport .lab-progress{grid-column:1/-1;margin:3px 0 0}
.studio-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.studio-section-heading h2{font-size:18px;color:#e6c3a0;margin:0;letter-spacing:-.3px}
.studio-section-heading>span{font-size:11px;color:#959e9c}
.studio-preset-library .sound-preset-browser{grid-template-columns:minmax(0,1fr) 165px;gap:12px}
.studio-preset-library .lab-field{font-size:11px;margin-bottom:12px}
.studio-preset-library input[type=search]{width:100%;height:35px;border:1px solid #4d514a;border-radius:5px;background:#111719;color:#e4c7aa;font:11px var(--mono);padding:8px 11px}
.sound-generator-workspace .lab-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:none;overflow:visible;margin-bottom:22px}
.sound-generator-workspace .lab-presets button{font-size:10px;line-height:1.3;padding:9px 6px;min-height:34px;min-width:0;cursor:pointer}
.sound-generator-workspace .lab-presets button.active{color:#ffe1bd;background:#51331f;border-color:#ebaa71}
.sound-generator-workspace .lab-presets button[hidden]{display:none}
.sound-generator-stage{padding:20px;background:linear-gradient(135deg,#29231e,#181d1f);border-color:#66503b}
.sound-generator-stage h2{font-size:25px;margin-top:6px}
.sound-generator-stage>.eyebrow{font-size:9px}
.sound-generator-stage>p:not(.eyebrow){font-size:12px;line-height:1.7;margin-top:10px}
.sound-character{margin-top:14px;padding:10px 12px;gap:6px}
.sound-character strong{font-size:12px}.sound-character span{font-size:9px}
.sound-generator-stage .sound-output-license{font-size:10px;line-height:1.7;margin-block:10px}
.sound-output-license span{display:none}
.studio-wave-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;margin-top:18px;font:10px var(--mono);color:#bdb6aa}
.studio-wave-heading>span{margin-right:auto}.studio-wave-heading b{font-weight:400;color:#888f8b;margin-left:8px}
.studio-wave-heading>label{display:flex;align-items:center;gap:8px;font:11px system-ui;color:#b4b9b3}
.studio-wave-heading select{width:auto;min-width:112px;padding:5px 7px;font:10px var(--mono)}
.studio-wave-heading output{font:9px var(--mono);color:#9aab9e}
.sound-generator-stage .sound-generator-wave{height:250px;margin-top:10px;background:#101719}
.sound-generator-stage .sound-generator-wave canvas{display:block;width:100%;height:100%}
.studio-source-length{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:10px;padding:10px 12px;border:1px solid #3e4945;border-radius:5px;background:#151c1c}
.studio-source-length>.lab-field{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0;min-width:0;font-size:11px;color:#dac2ad}
.studio-source-length .studio-value-encoder{width:150px;max-width:100%}
.studio-source-length>small{flex:1 1 180px;font:10px/1.5 var(--mono);color:#98aaa4}
.sound-generator-stage .studio-spectrum{height:64px;margin-top:12px}
.sound-generator-stage .lab-metrics{padding:12px 0 0;gap:12px 20px}.sound-generator-stage .lab-metrics span{font-size:10px}
.studio-control-group{border-top:1px solid #47473e;padding-top:15px;margin-top:17px}
.studio-control-group>h3,.studio-control-group>summary{font-size:12px;color:#e0bd99;cursor:pointer;margin:0 0 15px;line-height:1.6}
.studio-control-group:not([open])>summary{margin-bottom:0}
.studio-basic-controls{padding-top:0;margin-top:0;border-top:0}
.sound-generator-workspace .lab-controls .lab-field{font-size:11px;margin-bottom:15px}
.sound-generator-workspace .lab-controls .lab-field input[type=number],.sound-generator-workspace .lab-controls .lab-field select{font-size:11px;padding:8px}
.sound-generator-workspace .lab-controls .lab-check{font-size:11px;margin-block:15px}
.sound-generator-workspace .lab-controls .studio-knob-field{grid-template-columns:55px minmax(0,1fr);padding:10px;margin-block:12px!important;column-gap:11px!important;row-gap:6px!important}
.sound-generator-workspace .lab-controls .studio-knob{width:52px;height:52px}
.sound-generator-workspace .lab-controls .studio-knob-field>span:first-child{font-size:10px}
.sound-generator-workspace .studio-knob-number{font-size:11px;padding:5px}
.sound-generator-workspace .lab-controls .lab-note{font-size:10px;line-height:1.8}
.studio-section-links{border-top:1px solid #45473e;margin-top:20px;padding-top:15px;display:flex;flex-direction:column;gap:10px}
.studio-section-links a{font-size:11px;color:#c6aa8d;text-decoration:none}.studio-section-links a:hover{color:#ffd3a6;text-decoration:underline}
.studio-section-links a:before{content:'↳ ';color:#d39159}
.sound-embedded-looper{margin-top:22px;padding:18px}.sound-embedded-looper>label{margin-top:10px}
.sound-embedded-looper canvas{height:180px}
.studio-fade-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;border-top:1px solid #41443b;padding-top:8px}
.studio-fade-row .studio-knob-field{margin-bottom:0!important;padding:10px;grid-template-columns:52px minmax(0,1fr)}
.studio-fade-row .studio-knob{height:49px;width:49px}.studio-fade-row .studio-knob-field>span:first-child{font-size:10px}
.studio-timing-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.studio-timing-row .lab-field{font-size:11px}.studio-timing-row input,.studio-timing-row select{width:100%;min-width:0}
.studio-module{margin-top:24px;padding:19px;border-color:#4c4c43;background:linear-gradient(130deg,#202524,#191d20)}
.studio-module h3{font-size:18px}.studio-module .eyebrow{font-size:8px}.studio-module .lab-note{font-size:11px;line-height:1.8}
.studio-module .button{font-size:11px}
.sample-layer-fields label,.parametric-fields>label,.parametric-toolbar label,.rhythm-track-controls label{font-size:11px}
.studio-module input[type=number],.studio-module select{font-size:11px;padding:8px}
.studio-module button:not(.button){font-size:11px}.sample-layer-heading strong{font-size:11px}
.sample-layer-fields{gap:14px 12px}.sample-layer-actions button{font-size:10px!important}
.sound-parametric .parametric-graph{height:250px}.sound-automation{border:1px solid #4d4b40;border-radius:8px;padding:18px;margin-top:24px}
.sound-automation .sound-history-heading{margin-top:0}.sound-automation .sound-history-heading h3{font-size:18px}
.sound-automation .sound-history-heading>span{font-size:10px}.sound-generator-workspace .audio-fx-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.sound-generator-workspace .lab-main>section,.sound-generator-workspace #sound-sampler,.sound-generator-workspace #sound-parametric-eq,.sound-generator-workspace #sound-curve-editor{scroll-margin-top:calc(var(--studio-header-height,88px) + 135px)}
.sound-patch-menu .button{margin-top:8px!important}.sound-history-heading>span{font-size:10px}.sound-history-heading h3{font-size:14px}
@media(min-width:1500px){.sound-generator-workspace .lab-presets{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.sound-generator-workspace{grid-template-columns:minmax(0,1fr) 250px}.sound-generator-workspace .lab-main{padding:16px}.sound-generator-workspace .lab-controls{padding:16px}.sound-generator-workspace .lab-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.sound-studio-transport .loop-transport .button{font-size:10px;padding-inline:9px}.studio-wave-heading output{flex-basis:100%}}
@media(max-width:760px){.lab-page:has(.sound-generator-workspace){width:calc(100% - 24px)}.sound-generator-workspace{grid-template-columns:1fr}.sound-generator-workspace .lab-controls{border-radius:0 0 8px 8px}.sound-generator-workspace .lab-main{padding:13px}.sound-studio-transport{position:static;display:block;padding:10px}.sound-studio-transport .sound-preview-check{margin:10px 0;font-size:10px}.sound-studio-transport .loop-transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sound-studio-transport .loop-transport .button{width:100%;margin:0!important;padding:9px 5px;font-size:10px}.sound-studio-transport .lab-status{font-size:10px}.sound-generator-workspace .lab-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sound-generator-workspace .lab-presets button{font-size:10px;min-height:37px}.studio-preset-library .sound-preset-browser{grid-template-columns:1fr 110px}.studio-section-heading{gap:7px;margin-bottom:12px}.studio-section-heading h2{font-size:17px}.studio-section-heading>span{font-size:10px}.sound-generator-stage{padding:14px}.sound-generator-stage h2{font-size:23px}.sound-generator-stage .sound-generator-wave{height:210px}.sound-generator-stage .sound-character span{font-size:8px}.sound-generator-stage .lab-metrics span{font-size:9px}.studio-wave-heading>span{font-size:9px}.studio-wave-heading>label{font-size:10px}.studio-wave-heading output{flex-basis:100%}.studio-fade-row{grid-template-columns:1fr}.studio-timing-row{grid-template-columns:1fr 1fr}.studio-timing-row .lab-field:last-child{grid-column:1/-1}.studio-module{padding:14px}.studio-module h3{font-size:17px}.sound-generator-workspace .lab-main>section{scroll-margin-top:calc(var(--studio-header-height,88px) + 12px)}}
@media(max-width:380px){.sound-generator-workspace .lab-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-generator-workspace .lab-main{padding:10px}.sound-generator-stage{padding:12px}.sound-generator-stage .sound-generator-wave{height:200px}.sound-studio-transport .loop-transport .button{font-size:9px}}
/* Keep the quick preset buttons as compact as the original design. */
.sound-generator-workspace .lab-presets{display:flex;flex-wrap:wrap;gap:6px}
.sound-generator-workspace .lab-presets button{flex:0 1 auto;min-width:70px;min-height:32px;padding:7px 11px;font-size:11px}
.lab-page:has(.sound-generator-workspace)>.site-breadcrumbs{display:inline-flex;margin-bottom:10px}
.lab-page:has(.sound-generator-workspace)>.share-page-actions{display:inline-flex;float:right;margin-top:0;margin-bottom:10px}
.lab-page:has(.sound-generator-workspace) .lab-heading{clear:both;margin-top:12px;margin-bottom:18px}
.lab-page:has(.sound-generator-workspace) .lab-heading>.eyebrow,.lab-page:has(.sound-generator-workspace) .lab-badges{display:none}
.lab-page:has(.sound-generator-workspace) .lab-heading h1{font-size:27px}
.lab-page:has(.sound-generator-workspace) .lab-heading>p:not(.eyebrow){font-size:11px;line-height:1.7;margin-top:8px;max-width:1050px}
@media(max-width:760px){.sound-generator-workspace .lab-presets button{font-size:10px;min-height:34px;padding:8px 9px}.lab-page:has(.sound-generator-workspace)>.share-page-actions{float:none;display:flex}.lab-page:has(.sound-generator-workspace) .lab-heading h1{font-size:25px}}
.studio-mobile-controls{border:1px solid #534c3e;border-radius:6px;margin-bottom:18px;background:#1c2021}
.studio-mobile-controls[hidden]{display:none}
.studio-mobile-controls>summary{cursor:pointer;padding:13px;font-size:11px;color:#e3c2a1}
.studio-mobile-controls .lab-controls{border:0;border-top:1px solid #49483e;border-radius:0 0 6px 6px;background:#202323}
.parametric-fields{margin-bottom:12px}.parametric-graph-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0;font:10px var(--mono);color:#abbab3}.parametric-graph-tools>span{font-size:9px}.parametric-graph-tools label{display:flex;gap:8px;align-items:center}.parametric-graph-tools select{width:auto!important}.parametric-graph:focus-visible{outline:2px solid #f0b27b;outline-offset:3px}.parametric-band-list button[aria-pressed=true]{box-shadow:0 0 0 1px var(--band-color)}.studio-basic-controls .lab-field small{font-size:9px;line-height:1.5;color:#98aaa4}
.parametric-band-list .eq-band-chip{display:flex;border:1px solid #51574c;border-top:2px solid var(--band-color);border-radius:5px;overflow:hidden}.parametric-band-list .eq-band-chip button{border:0!important;border-radius:0!important;box-shadow:none!important}.parametric-band-list .eq-band-chip button[data-eq-remove-band]{opacity:1;font-size:18px;line-height:16px;padding:7px 10px;border-left:1px solid #51574c!important}.eq-band-chip button[data-eq-remove-band]:hover{background:#6f352b!important;color:#fff!important}.parametric-fields .eq-dial-field{display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:12px;align-items:center;position:relative;border:1px solid #46504b;padding:12px;border-radius:6px;background:#171f20}.eq-dial-field .eq-dial{grid-column:1;grid-row:2/4;position:relative;width:60px;height:60px;border-radius:50%;background:conic-gradient(from 225deg,#e9a56b 0deg var(--fill),#444842 var(--fill) 270deg,transparent 270deg);touch-action:none;cursor:ns-resize;box-shadow:0 3px 9px #0006}.eq-dial-face{position:absolute;inset:5px;border:1px solid #55625a;border-radius:50%;background:radial-gradient(circle at 30% 25%,#535e56,#1b2524 65%);transform:rotate(var(--angle))}.eq-dial-face:after{content:"";position:absolute;top:5px;left:calc(50% - 1px);width:2px;height:12px;background:#ffd19b;border-radius:2px}.eq-dial-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.eq-dial:focus-within{outline:2px solid #f0b27b;outline-offset:3px}.eq-dial.disabled{opacity:.4;cursor:default}.eq-dial-field input[type=number]{grid-column:2;grid-row:2;appearance:textfield;-moz-appearance:textfield;min-width:0}.eq-dial-field input[type=number]::-webkit-inner-spin-button,.eq-dial-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.eq-dial-field .eq-precision-slider{grid-column:2;grid-row:3;width:100%;min-width:0;accent-color:#e9a56b;cursor:ew-resize;margin:3px 0;padding:0;touch-action:pan-y}.parametric-fields:has(.eq-dial-field){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:450px){.parametric-fields .eq-dial-field{grid-column:1/-1}}
.sound-generator-workspace input[type=number]{appearance:textfield;-moz-appearance:textfield}.sound-generator-workspace input[type=number]::-webkit-inner-spin-button,.sound-generator-workspace input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.studio-value-encoder{display:flex!important;align-items:center;gap:9px;width:100%;min-width:0}.studio-value-encoder>input[type=number]{flex:1;width:0!important;min-width:0}.studio-value-dial{position:relative;display:block;flex:0 0 35px;width:35px;height:35px;min-height:0!important;border:1px solid #697164!important;border-radius:50%!important;background:radial-gradient(circle at 32% 25%,#586052,#202b28 65%)!important;padding:0!important;touch-action:none;cursor:ns-resize;box-shadow:0 2px 6px #0007}.studio-value-dial-face{position:absolute;inset:4px;border-radius:50%;pointer-events:none}.studio-value-dial-face:after{content:"";position:absolute;top:1px;left:calc(50% - 1px);width:2px;height:9px;background:#ffd09a;border-radius:2px}.studio-value-dial:focus-visible{outline:2px solid #f0b27b;outline-offset:3px}.studio-value-dial:disabled{opacity:.35;cursor:default}.sound-sequence-steps .studio-value-encoder{gap:3px}.sound-sequence-steps .studio-value-dial{flex-basis:22px;width:22px;height:22px}.sound-sequence-steps .studio-value-dial-face{inset:3px}.sound-sequence-steps .studio-value-dial-face:after{height:5px}.sound-sequence-steps .studio-value-encoder>input[type=number]{padding:5px 1px}
.eq-dial-title{grid-column:1/-1;grid-row:1}
.sound-parametric .eq-band-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:12px 0}.sound-parametric .eq-band-options>label{font-size:10px;color:#a7b3af;display:flex;gap:10px;align-items:center}.sound-parametric .eq-band-options select{width:155px}.sound-parametric .parametric-fields:has(.eq-compact-field){display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(125px,.85fr);gap:10px}.sound-parametric .parametric-fields .eq-compact-field{display:grid;grid-template-columns:minmax(0,1fr) 78px;grid-template-rows:22px 22px;align-items:center;gap:7px 8px;padding:10px 12px;background:#151e1f;border:1px solid #3f4d49;border-radius:5px;min-width:0}.eq-compact-field .eq-parameter-title{grid-column:1;grid-row:1;font-size:10px;white-space:nowrap}.sound-parametric .eq-compact-field input[type=number]{grid-column:2;grid-row:1;width:78px;padding:4px 5px;font-size:10px;text-align:right}.sound-parametric .eq-compact-field .eq-precision-slider{grid-column:1/-1;grid-row:2;height:16px;padding:0;margin:0;width:100%;accent-color:#e9a56b}.sound-parametric .eq-output-field{display:flex;flex-direction:column;gap:10px;padding:10px 12px;border:1px solid #3f4d49;border-radius:5px;background:#151e1f;justify-content:center}.sound-parametric .eq-output-field .studio-value-dial{width:28px;height:28px;flex-basis:28px}.sound-parametric .parametric-band-list{margin-bottom:8px}.sound-parametric .parametric-graph-tools{margin-top:8px}.sound-parametric .parametric-graph{height:280px}@media(max-width:1100px){.sound-parametric .parametric-fields:has(.eq-compact-field){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.sound-parametric .parametric-fields:has(.eq-compact-field){grid-template-columns:minmax(0,1fr)}.sound-parametric .parametric-fields .eq-compact-field{grid-column:auto}.sound-parametric .parametric-graph{height:240px}}
.sound-generator-workspace .wam-slot .sample-layer-fields>label{padding:12px;border:1px solid #3f4d49;border-radius:6px;background:#151e1f;gap:10px}.sound-generator-workspace .wam-slot .studio-value-dial,.sound-generator-workspace .curve-point-controls .studio-value-dial{width:44px;height:44px;flex-basis:44px}.sound-generator-workspace .wam-slot .studio-value-dial-face,.sound-generator-workspace .curve-point-controls .studio-value-dial-face{inset:5px}.sound-generator-workspace .wam-slot .studio-value-dial-face:after,.sound-generator-workspace .curve-point-controls .studio-value-dial-face:after{height:12px}.sound-generator-workspace .curve-point-controls>label:has([data-curve-time]),.sound-generator-workspace .curve-point-controls>label:has([data-curve-value]){min-width:145px;flex:1;max-width:230px;padding:10px;border:1px solid #3f4d49;border-radius:5px;background:#151e1f;gap:8px}.sound-generator-workspace .curve-point-controls .studio-value-encoder>input{font-size:12px;padding:8px}.sound-generator-workspace .wam-slot .studio-value-encoder>input{font-size:12px}.sound-generator-workspace .curve-point-controls{align-items:center}
.sound-generator-workspace button.studio-value-dial{background:conic-gradient(from 225deg,#efa76d 0deg var(--encoder-fill,135deg),#414b45 var(--encoder-fill,135deg) 270deg,transparent 270deg)!important;border:0!important}.sound-generator-workspace .studio-value-dial-face{background:radial-gradient(circle at 30% 25%,#61685a,#26332c 66%);border:1px solid #687262;box-shadow:inset 0 1px 2px #ffffff28,inset 0 -2px 3px #0008}.sound-generator-workspace .studio-value-dial-face:after{background:#ffe0ad;box-shadow:0 0 3px #ffc68855}
.sound-generator-workspace #sound-rhythm-tracks .rhythm-track-controls{gap:12px;align-items:flex-end}.sound-generator-workspace #sound-rhythm-tracks .rhythm-track-controls>label{width:150px;flex:0 0 150px;gap:8px}.sound-generator-workspace #sound-rhythm-tracks .rhythm-track-controls .studio-value-encoder>input{min-width:55px}.sound-generator-workspace #sound-rhythm-tracks .rhythm-track-controls>select{width:160px;max-width:100%}.sound-generator-workspace #sound-rhythm-tracks .rhythm-track-toggle{min-width:85px;min-height:36px}.sound-generator-workspace #sound-rhythm-tracks .rhythm-track-toggle[aria-pressed=true],.sound-generator-workspace #sound-rhythm-tracks .sound-sequence-steps button.active{background:#d58e51!important;color:#14191a!important;border-color:#ffc58b!important;box-shadow:inset 0 0 0 1px #ffe0ad66}.sound-generator-workspace #sound-rhythm-tracks .track-muted .sound-sequence-steps{opacity:.55}.sound-generator-workspace #sound-rhythm-tracks .sound-sequence-steps button{min-height:36px;cursor:pointer}.sound-generator-workspace #sound-rhythm-tracks .rhythm-track-toggle:focus-visible{outline:2px solid #ffd29c;outline-offset:3px}
.sound-preset-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 20px;flex-wrap:wrap}.sound-preset-pagination button{background:#262d29;color:#edc09b;border:1px solid #5e5a4d;border-radius:4px;padding:8px 12px;font:10px var(--mono);cursor:pointer}.sound-preset-pagination button:disabled{opacity:.35;cursor:default}.sound-preset-pagination span{font:10px var(--mono);color:#a5b3ab}.sound-generator-workspace .lab-presets [hidden]{display:none!important}
.sound-generator-workspace .lab-controls .sound-seed-randomize{width:100%;margin:0 0 7px!important;min-height:34px;padding:7px 10px;font-size:11px;background:#413022;border-color:#b17c4c;color:#f4c59a}
.sound-generator-workspace .studio-knob-field[hidden]{display:none!important}
.sound-steady-level{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #3e4a43}.sound-steady-level>p{grid-column:1/-1;margin:0}.sound-steady-level .studio-knob-field{margin:0!important;grid-template-columns:52px minmax(0,1fr);padding:10px}.sound-steady-level .studio-knob{width:49px;height:49px}@media(max-width:500px){.sound-steady-level{grid-template-columns:minmax(0,1fr)}}

/* Repeat controls keep manual timing optional and preserve normal page flow. */
.sound-generator-workspace #sound-repeat-expert[hidden],.sound-trigger-preview[hidden]{display:none!important}.sound-generator-workspace .lab-field[hidden]{display:none!important}.sound-repeat-group .lab-check{margin:10px 0}.sound-repeat-group .lab-field{margin:12px 0}.sound-rate-shortcuts{display:flex;gap:5px;margin:8px 0 12px;flex-wrap:wrap}.sound-rate-shortcuts button{flex:1;min-width:42px;padding:6px 8px;border:1px solid #bd8c5340;background:#2b241e;border-radius:4px;color:#e2bd90;font-size:11px}.sound-rate-shortcuts button[aria-pressed=true]{border-color:#e6a05f;background:#704825;color:#fff}.sound-rate-shortcuts button:disabled{opacity:.4}.sound-repeat-pattern-link{display:inline-block;font-size:11px;color:#d6aa75;margin-top:10px}#sound-repeat-readout{display:block;overflow-wrap:anywhere}#sound-repeat-expert{padding-top:8px;border-top:1px solid #ffffff18}#sound-trigger-canvas{display:block;width:100%;height:110px;border:1px solid #ffffff14;border-radius:5px}.sound-trigger-preview{margin-top:18px}.sound-trigger-preview h3{font-size:14px}.sound-trigger-preview .studio-section-heading{gap:8px;flex-wrap:wrap}.sound-trigger-preview output{font-size:11px;color:#bba78f}

#sound-repeat-expert .studio-knob-field{grid-template-columns:36px minmax(0,1fr);gap:7px;padding:8px}#sound-repeat-expert .studio-knob{width:36px;height:36px}#sound-repeat-expert .studio-knob-number{font-size:11px;padding:5px 7px}.sound-rate-shortcuts button{white-space:nowrap;font-size:10px;padding:6px}

/* Timing, trigger editing and its enable switch share one main-column section. */
.studio-workflow-links{display:flex;flex-wrap:wrap;gap:6px 12px;margin:12px 0 18px;padding:0;border:0}
.studio-workflow-links a{font:11px var(--mono);padding:7px 10px;border:1px solid #494b40;border-radius:4px;background:#1c2321}
#sound-rhythm-section>.sound-history-heading{flex-wrap:wrap;gap:10px;padding-bottom:10px;border-bottom:1px solid #445046}
#sound-rhythm-section>.sound-history-heading .lab-check{padding:8px 12px;margin:0;border:1px solid #bd8c5366;border-radius:5px;background:#30291f;color:#f1c69c;font-size:12px}
#sound-rhythm-section .studio-timing-row{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.sound-repeat-basics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sound-repeat-basics>div{min-width:0}
.sound-repeat-basics .studio-knob-field{grid-template-columns:42px minmax(0,1fr);margin-block:12px 8px!important;padding:10px}
.sound-repeat-basics .studio-knob{width:42px;height:42px}
#sound-repeat-expert{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}
.sound-timing-group{min-width:0;margin:0;padding:10px 12px;border:1px solid #445046;border-radius:5px;background:#151d1d}
.sound-timing-group>legend{padding:0 6px;font:11px var(--mono);color:#e4bb93}
.sound-timing-group:first-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.sound-timing-group .sound-rate-shortcuts{align-self:end}
.sound-expert-pattern-tools{margin:14px 0;padding:10px 12px;border:1px solid #445046;border-radius:5px;background:#151d1d}
.sound-expert-pattern-tools[hidden]{display:none!important}
.sound-expert-pattern-tools h4{font:11px var(--mono);color:#e4bb93;margin:0 0 8px}
.sound-expert-pattern-tools .lab-note{margin-bottom:0}
@media(max-width:600px){#sound-repeat-expert,.sound-repeat-basics,.sound-timing-group:first-child{grid-template-columns:minmax(0,1fr)}#sound-rhythm-section .studio-timing-row{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-workflow-links{gap:5px}.studio-workflow-links a{font-size:10px;padding:6px 8px}}

/* Compact source laboratory: three oscillator slots and grouped modulation. */
.sound-source-lab{margin-top:22px;padding:18px;border:1px solid #455047;border-radius:8px;background:#18201f}
.sound-source-playback{padding:12px;border:1px solid #485149;border-radius:5px;background:#121b1b}
.sound-source-playback>.sampler-mode{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #3c4b40}
.sound-source-playback-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.sound-source-playback-fields>label,.sound-synth-fields>label,.sound-synth-toolbar>label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;color:#b5c0b4}
.sound-source-playback input[type=number],.sound-synth-lab input[type=number]{background:#111917;border:1px solid #4f5b4e;border-radius:4px;color:#ecc7a3;padding:6px;font:11px var(--mono);min-width:0;width:100%}
.sound-source-playback .studio-knob-field{margin:0!important;grid-template-columns:36px minmax(0,1fr);padding:8px;gap:8px!important}
.sound-source-playback .studio-knob{width:36px;height:36px}
.sound-source-playback .studio-value-dial,.sound-synth-lab .studio-value-dial{flex-basis:32px;width:32px;height:32px}
.sound-source-speed-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
.sound-source-speed-options .sound-rate-shortcuts{margin:0;flex:1 1 180px}
#sound-source-tuning{display:block;margin:0 0 12px;line-height:1.5;color:#d8b18b}
.sound-synth-lab>details{margin-top:14px}
.sound-synth-lab>details>summary{font-size:12px;color:#e7bd96;cursor:pointer}
.sound-synth-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:15px 0}
.sound-synth-toolbar>label{flex:1;min-width:150px}
.sound-synth-lab .sound-synth-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
.sound-synth-lab .sound-synth-global{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;border:1px solid #445249;border-radius:5px}
.sound-oscillator-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.sound-synth-lab fieldset{min-width:0;margin:0;padding:10px 12px 14px;border:1px solid #445249;border-radius:5px;background:#111a1a}
.sound-synth-lab legend{padding:0 6px;color:#e5bc97;font:11px var(--mono)}
.sound-synth-lab fieldset>.lab-check{margin:4px 0 12px}
.sound-synth-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.sound-synth-toggles{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:12px}
.sound-synth-lab .lab-check{font-size:11px}
.sound-synth-lab [data-synth-envelope]{display:block;width:100%;height:85px;margin-bottom:12px;border-radius:4px}
.sound-step-count-shortcuts{max-width:420px}
@media(max-width:1100px){.sound-oscillator-bank{grid-template-columns:minmax(0,1fr)}.sound-oscillator-bank .sound-synth-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.sound-synth-lab .sound-synth-global{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-source-playback-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sound-source-lab{padding:12px}.sound-source-playback-fields,.sound-synth-sections{grid-template-columns:minmax(0,1fr)}.sound-oscillator-bank .sound-synth-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-synth-lab{padding:12px}.sound-synth-lab .sound-synth-fields{gap:12px 8px}.sound-synth-lab fieldset{padding:10px}.sound-synth-lab .studio-value-encoder{gap:6px}.sound-synth-lab .studio-value-dial{flex-basis:28px;width:28px;height:28px}}