.lab-page{padding-top:48px}.lab-heading{max-width:810px;margin-bottom:32px}.lab-heading h1{font-size:54px;letter-spacing:-2px;line-height:1.1}.lab-heading h1 span{color:var(--accent)}.lab-heading>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#9c9ea0;margin-top:19px}.lab-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}.lab-badges span{font:8px var(--mono);color:#c29b77;border:1px solid #514030;border-radius:3px;padding:6px 8px}.lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;border:1px solid #514131;border-radius:8px;background:#191b1e;overflow:hidden}.lab-main{padding:26px;min-width:0}.lab-controls{padding:25px 22px;background:#1e1f21;border-left:1px solid #393a3b;min-width:0}.lab-controls h2{font-size:16px;margin-bottom:19px}.lab-controls .button{width:100%;margin-top:14px;font-size:11px}.lab-file{position:relative;cursor:pointer;display:flex}.lab-file:focus-within{outline:2px solid var(--accent);outline-offset:3px}.lab-field{display:flex;flex-direction:column;gap:8px;color:#a9aaa9;font-size:11px;margin-bottom:18px}.lab-field>span{display:flex;justify-content:space-between;gap:8px}.lab-field output{font:10px var(--mono);color:#d7a67a}.lab-field select,.lab-field input[type=number],.lab-field input[type=text]{width:100%;padding:9px;background:#141618;border:1px solid #49443e;border-radius:4px;color:#d0c2b4;font:11px var(--mono);min-width:0}.lab-field input[type=range]{width:100%;accent-color:var(--accent)}.lab-check{display:flex;align-items:center;gap:9px;font-size:11px;color:#b3aea6;margin:15px 0}.lab-check input{accent-color:var(--accent)}.lab-note{font-size:10px;line-height:1.9;color:#8c9093;margin-top:15px}.lab-divider{border:0;border-top:1px solid #3b3b3b;margin:22px 0}.lab-status{font:10px/1.8 var(--mono);color:#c5a382;min-height:24px;margin-top:15px}.lab-status.error{color:#f2a58f}.lab-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lab-toolbar .button{font-size:11px;min-height:37px}.lab-toolbar .lab-note{margin:0;margin-left:auto}.lab-metrics{display:flex;flex-wrap:wrap;gap:15px 25px;padding:15px 0;font:9px var(--mono);color:#8b9095}.lab-metrics b{color:#cfb59b;font-weight:400}.wave-panel{margin-top:23px}.wave-title{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.5px;color:#aaa093;margin-bottom:10px}.wave-box{position:relative;background:#121416;border:1px solid #34312e;border-radius:5px;height:185px;overflow:hidden;touch-action:none}.wave-box canvas{width:100%;height:100%;display:block}.wave-selection{position:absolute;top:0;bottom:0;left:0;right:0;background:#d9893a10;border-inline:2px solid #df995a;pointer-events:none}.wave-handle{position:absolute;top:0;bottom:0;width:20px;border:0;background:#efa55a13;pointer-events:auto;cursor:ew-resize;touch-action:none}.wave-handle::after{content:'';position:absolute;left:8px;top:42%;height:24px;width:3px;border-radius:3px;background:#f2b37c}.wave-handle[data-handle=start]{left:-10px}.wave-handle[data-handle=end]{right:-10px}.wave-output{height:145px}.loop-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f3d6b6;pointer-events:none;opacity:0}.loop-hint{font-size:10px;color:#7e858a;margin-top:9px;line-height:1.8}.loop-transport{display:flex;gap:12px;align-items:center;margin-top:21px}.loop-transport .button{min-width:135px}.lab-explainer{padding-block:36px;border-bottom:1px solid var(--line)}.lab-explainer h2{font-size:25px;letter-spacing:-.7px;margin-bottom:15px}.lab-explainer h3{font-size:16px;margin:25px 0 9px}.lab-explainer p,.lab-explainer li{font-size:12px;line-height:2;color:#969c9f;max-width:850px}.lab-explainer ol,.lab-explainer ul{padding-left:18px}.lab-explainer a{color:#dba16e}.lab-tool-nav{display:flex;flex-wrap:wrap;gap:15px 32px;padding-block:27px;font:10px var(--mono);color:#bba48c}.lab-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.lab-presets button,.map-tabs button{background:#222326;border:1px solid #44413c;border-radius:4px;color:#a9a49d;padding:8px 12px;cursor:pointer;font:10px var(--mono)}.lab-presets button.active,.map-tabs button.active{color:#f0bd90;border-color:#b17b48;background:#36281e}.texture-stage{height:390px;position:relative;border-radius:5px;overflow:hidden;background:#141619;min-width:0}.texture-stage canvas{width:100%;height:100%;display:block;touch-action:none}.texture-stage-label{position:absolute;left:16px;top:16px;font:8px var(--mono);color:#ad9680;pointer-events:none}.texture-stage-error{position:absolute;inset:60px 20px;color:#d7a480;font-size:12px;line-height:1.9}.texture-view-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:12px}.texture-view-controls .lab-field{flex:1;min-width:100px;margin:0}.texture-view-controls .lab-check{margin:0}.map-tabs{display:flex;gap:6px;overflow-x:auto;margin-top:24px;padding-bottom:6px}.map-tabs button{white-space:nowrap;padding:7px 9px;font-size:9px}.texture-map-wrap{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.texture-map-panel{min-width:0}.texture-map-panel p{font:8px var(--mono);color:#9c8e7e;margin-bottom:8px}.texture-map-panel canvas{width:100%;aspect-ratio:1;display:block;background:#131517;border:1px solid #3c3934;border-radius:4px}.texture-map-note{font-size:9px;line-height:1.8;color:#8a8d8e;margin-top:10px}.texture-preset-label{font:9px var(--mono);color:#c2926b;margin:12px 0}.lab-progress{height:2px;background:#b67c49;transform-origin:left;animation:lab-pulse 1s infinite alternate;margin-top:7px}.lab-progress[hidden]{display:none}@keyframes lab-pulse{to{transform:scaleX(.2);opacity:.5}}button:disabled{opacity:.45;cursor:wait}@media(max-width:1000px){.lab-workspace{grid-template-columns:minmax(0,1fr) 245px}.lab-main{padding:20px}.lab-controls{padding:22px 17px}.lab-heading h1{font-size:46px}}@media(max-width:760px){.lab-workspace{grid-template-columns:1fr}.lab-controls{border:0;border-top:1px solid #3b3935;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.lab-controls h2,.lab-controls .lab-note,.lab-controls .lab-divider,.lab-controls .lab-status,.lab-controls .lab-progress,.lab-controls>.button{grid-column:1/-1}.texture-stage{height:350px}.lab-heading h1{font-size:42px}.wave-box{height:150px}.wave-output{height:120px}}@media(max-width:500px){.lab-page{padding-top:31px}.lab-heading h1{font-size:36px;letter-spacing:-1.3px}.lab-heading>p:not(.eyebrow){font-size:12px}.lab-badges{gap:7px}.lab-badges span{font-size:7px}.lab-main{padding:17px 13px}.lab-controls{padding:21px 15px;gap:0 15px}.lab-toolbar{gap:9px}.lab-toolbar .button{font-size:10px;padding:9px 12px}.lab-toolbar .lab-note{width:100%}.lab-metrics{font-size:8px;gap:10px 15px}.wave-title{font-size:8px}.texture-stage{height:290px}.texture-view-controls{gap:12px}.lab-explainer h2{font-size:23px}.lab-explainer p,.lab-explainer li{font-size:11px}.lab-tool-nav{font-size:9px;gap:16px}.lab-presets button{padding:8px;font-size:9px}.texture-map-wrap{gap:10px}.texture-map-panel p{font-size:7px}.loop-transport .button{min-width:115px}}
.loop-smart-intro{padding:15px 18px;background:#272018;border:1px solid #59412b;border-radius:5px;display:flex;gap:16px;align-items:center;margin:4px 0 22px}.loop-smart-intro>span{font:8px/1.8 var(--mono);color:#e3ae7a;white-space:nowrap}.loop-smart-intro>p{font-size:11px;line-height:1.8;color:#b4a391}.loop-wave-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:9px}.loop-wave-tools>.loop-hint{margin:0}.loop-wave-tools .button{font-size:9px;min-height:29px;padding:7px 9px;white-space:nowrap}.loop-volume-field{flex:1;min-width:100px;margin:0}.loop-transport{flex-wrap:wrap}.loop-transport .button{font-size:10px;min-width:110px}.loop-quality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 0 4px}.loop-quality>div{border:1px solid #494036;background:#201d19;border-radius:5px;padding:13px 12px}.loop-quality span{font:7px var(--mono);color:#a18d78;display:block;letter-spacing:.6px}.loop-quality strong{font-size:14px;color:#e3b487;font-weight:500;display:block;margin-top:9px}.loop-quality strong.join-clean{color:#b1c1a1}.wave-seam{height:165px}.wave-title label{font:8px var(--mono);color:#a4917c}.wave-title select{background:#1a1b1d;border:1px solid #574533;border-radius:3px;color:#d2b79b;font:9px var(--mono);padding:4px 6px;margin-left:8px}.loop-measurements{border-top:1px solid #3e352d;padding-top:16px;margin-top:13px;font-size:10px;line-height:1.9;color:#98968e}.loop-measurements summary{cursor:pointer;color:#c7a384}.loop-measurements p{margin-top:12px;overflow-wrap:anywhere}.loop-nudges{display:flex;gap:6px}.loop-nudges button{border:1px solid #514131;background:#251f19;border-radius:3px;color:#c4a17f;font:8px var(--mono);padding:6px;flex:1;cursor:pointer}.loop-workspace .lab-controls>.lab-check{font-size:10px;line-height:1.6}.loop-workspace .lab-controls .lab-note{font-size:9px}.loop-workspace .lab-controls>h2{font-size:16px}.loop-workspace #loop-auto{margin:0 0 5px}.loop-workspace #loop-undo:disabled{cursor:default}.loop-workspace .lab-controls>.lab-field,.loop-workspace .lab-controls>.lab-check{min-width:0}.loop-workspace .lab-controls .loop-nudges{justify-content:stretch}@media(max-width:760px){.loop-workspace .lab-controls>h2,.loop-workspace .lab-controls>#loop-target,.loop-workspace .lab-controls>.lab-check,.loop-workspace .lab-controls>.lab-note{grid-column:1/-1}.loop-workspace .lab-controls{align-items:start}.loop-workspace .lab-controls>.lab-check{margin-block:8px}.loop-workspace .lab-controls>.lab-divider{width:100%}.loop-quality strong{font-size:13px}}@media(max-width:500px){.loop-smart-intro{padding:13px;gap:11px}.loop-smart-intro>span{font-size:7px;white-space:normal}.loop-smart-intro>p{font-size:10px}.loop-transport{gap:10px}.loop-transport .button{flex:1;white-space:nowrap;min-width:0;padding-inline:9px;font-size:10px}.loop-volume-field{flex-basis:100%;margin-top:6px}.loop-quality{gap:7px}.loop-quality>div{padding:11px 8px}.loop-quality span{font-size:6px;letter-spacing:.3px}.loop-quality strong{font-size:12px;line-height:1.5;min-height:36px}.loop-wave-tools{align-items:flex-start;gap:9px}.loop-wave-tools .button{font-size:8px}.loop-wave-tools .loop-hint{font-size:9px}.wave-seam{height:145px}}

.pbr-inputs{grid-column:1/-1;margin-top:18px;padding:13px;border:1px solid #58432f;border-radius:5px;min-width:0}.pbr-inputs summary{cursor:pointer;color:#d7ad87;font-size:12px}.pbr-slot{padding:12px 0;border-bottom:1px solid #3e3730;min-width:0}.pbr-slot:last-child{border:0}.pbr-slot .button{margin-top:0;font-size:10px}.pbr-slot>span{display:block;font:9px/1.7 var(--mono);color:#a59d93;margin-top:8px;overflow-wrap:anywhere}.pbr-slot>button{font:9px var(--mono);color:#d8a77d;border:0;background:transparent;padding:7px 0;cursor:pointer}.texture-view-controls{align-items:flex-end}.texture-view-controls .lab-field{min-width:100px}.texture-map-panel canvas{object-fit:contain}

.sound-generator-stage{background:radial-gradient(ellipse at 80% 0,#ad75422b,transparent 70%),#151719;border:1px solid #493c30;border-radius:6px;padding:24px}.sound-generator-stage h2{font-size:32px;letter-spacing:-1px;margin-top:12px}.sound-generator-stage>p:not(.eyebrow){font-size:11px;line-height:1.9;color:#a4988c;max-width:600px;margin-top:12px}.sound-generator-wave{margin-top:23px;height:240px}.sound-generator-stage .lab-metrics{gap:13px 22px}.sound-generator-stage .lab-metrics span{font-size:8px}.sound-generator-workspace .lab-presets button{font-size:10px}@media(max-width:500px){.sound-generator-stage{padding:18px 14px}.sound-generator-stage h2{font-size:27px}.sound-generator-wave{height:190px}.sound-generator-stage .loop-transport .button{min-width:130px}}