.signal-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 20px;margin:0 0 24px;border:1px solid #5c4531;border-radius:7px;background:linear-gradient(110deg,#30251c99,#151a1d);font:9px/1.7 var(--mono);letter-spacing:.7px;color:#d1b08e}.signal-flow b{color:#6b5744;font-weight:400}.studio-spectrum{display:block;width:100%;height:150px;border:1px solid #403b32;border-radius:6px;background:#101517;margin:16px 0}.lab-page:has(.signal-flow) .lab-workspace{gap:24px;align-items:start}.lab-page:has(.signal-flow) .lab-main{min-width:0}.lab-page:has(.signal-flow) .lab-controls{border:1px solid #4c3c2d;border-radius:9px;background:linear-gradient(160deg,#22211e,#15191c);padding:22px}.lab-page:has(.signal-flow) .lab-controls h2{font-size:17px;margin-bottom:20px;color:#e2bd98}.lab-page:has(.signal-flow) .wave-box{background:linear-gradient(#9c754808 1px,transparent 1px),linear-gradient(90deg,#9c754808 1px,transparent 1px),#101517;background-size:25px 25px}.lab-page:has(.signal-flow) .wave-title{font-size:9px;letter-spacing:.8px;color:#b49a7e}.lab-page:has(.signal-flow) .lab-field input,.lab-page:has(.signal-flow) .lab-field select{border-color:#554332;background-color:#111719;color:#dfc4a6}.lab-page:has(.signal-flow) input[type=range]{accent-color:#d39b63}.lab-page:has(.signal-flow) .lab-main>section{scroll-margin-top:115px}.radio-workspace .lab-presets{margin-top:20px}.radio-workspace .wave-panel{margin-top:20px}.radio-workspace .loop-volume-field{flex-basis:100%}.radio-workspace .lab-toolbar{flex-wrap:wrap}.radio-workspace .lab-controls>.button{width:100%;margin-block:5px}.lab-page:has(.signal-flow) .lab-status{font:11px/1.8 var(--mono);padding:13px 16px;border-left:2px solid #bc8651;background:#2e271e66}.radio-workspace #radio-record{border-color:#845437}@media(min-width:1100px){.lab-page:has(.signal-flow){width:min(1450px,calc(100% - 80px))}.lab-page:has(.signal-flow) .lab-workspace{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:600px){.signal-flow{padding:12px;gap:6px 9px;font-size:7px}.lab-page:has(.signal-flow) .lab-controls{padding:17px}.studio-spectrum{height:125px}.radio-workspace .lab-toolbar .button{font-size:10px;padding:9px 12px}}
.studio-sections{position:sticky;top:86px;z-index:9;display:flex;gap:7px;overflow-x:auto;padding:10px 0;margin:0 0 18px;background:#101112f5;backdrop-filter:blur(10px);border-bottom:1px solid #44372a;scrollbar-width:thin;scrollbar-color:#705036 transparent}.studio-sections a{flex-shrink:0;display:inline-flex;align-items:center;min-height:32px;border:1px solid #49392c;border-radius:5px;padding:6px 13px;font-size:10px;color:#c4aa90;background:#1c1d1c}.studio-sections a:hover{background:#36291e;color:#efc093;border-color:#a06e42}.lab-page:has(.signal-flow) [id]{scroll-margin-top:150px}.lab-page:has(.signal-flow) .lab-controls{align-self:start}@media(max-width:820px){.studio-sections{top:76px}}@media(max-width:600px){.studio-sections{top:92px;gap:6px}.studio-sections a{font-size:9px;padding:6px 10px}.lab-page:has(.signal-flow) [id]{scroll-margin-top:155px}}
.studio-sections{top:var(--studio-header-height,86px)}.lab-page:has(.signal-flow) [id]{scroll-margin-top:calc(var(--studio-header-height,86px) + 70px)}.lab-page:has(.signal-flow) .lab-heading{padding-block:18px 20px;margin-bottom:14px}.lab-page:has(.signal-flow) .lab-heading h1{font-size:34px;line-height:1.2}.lab-page:has(.signal-flow) .lab-heading .lab-badges{margin-top:18px}@media(max-width:600px){.lab-page:has(.signal-flow) .lab-heading h1{font-size:28px}.lab-page:has(.signal-flow) .lab-heading{padding-block:12px 15px}}
.signal-flow:not(.is-configured){display:none!important}