/* Experimental art-direction preview. Not linked by the production page. */
body{--studio-surface:#171819;--studio-rail:#202122;--studio-raised:#292b2b;--studio-edge:#363938;--studio-copy:#eeeee8;--studio-muted:#abb1ac;--ux-action:#d8f06a;--ux-action-ink:#191d0f;background:#111213!important;color:var(--studio-copy)}
body header{background:#171819!important;border-color:var(--studio-edge)!important}
body .stage{background:#111213!important;background-image:none!important}
body aside,body .tabbar{background:var(--studio-surface)!important}
body aside>.tabbar{padding:10px 12px!important;border-bottom:1px solid var(--studio-edge)}
body .flow{gap:0!important}
body .flow .fbtn{min-height:56px;border:0!important;border-radius:0!important;background:transparent!important;color:var(--studio-muted)!important;box-shadow:none!important;position:relative;gap:5px}
body .flow .fbtn.active{background:transparent!important;color:var(--studio-copy)!important;border-color:transparent!important}
body .flow .fbtn.active .flabel{color:var(--studio-copy)!important}
body .flow .fbtn.active::after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:2px;background:var(--ux-action)}
body .flow .fbtn.active .ficon{color:var(--ux-action)}
body .flow .fbtn:hover{color:var(--studio-copy)!important;background:var(--studio-rail)!important}
body :is(.btn,.srcbtn,.paramsBtn,.brushOps>button){border-radius:6px!important;background:var(--studio-rail)!important;font-weight:500;min-height:36px}
body :is(#newVariation,#btnRandomMix,#btnPlay,#btnSave){border-radius:6px!important;background:var(--ux-action)!important;font-weight:650}
body .variationBar{background:var(--studio-surface)!important;border:1px solid var(--studio-edge)!important;border-radius:8px!important;box-shadow:none!important;padding:4px!important}
body .variationBar :is(#variationValue,#copyVariation){border:0!important;background:transparent!important}
body #styleAccess{padding:4px 0 16px!important}
body #activeStyleName{font-size:22px;font-weight:550}
body #styleStrengthControl{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;margin-bottom:20px}
body #presets>.presets{gap:2px 8px}
body #presets .preset{background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-edge)!important;border-radius:0!important;min-height:72px;padding:12px 8px;font-weight:550;box-shadow:none!important}
body #presets .preset small{font-weight:400;font-size:12px}
body #presets .preset.active{background:var(--studio-rail)!important;border-bottom-color:var(--ux-action)!important;color:var(--ux-action)!important}
body #presets .preset:hover{background:var(--studio-rail)!important}
body #presets .cath{font-size:12px;margin:24px 0 8px;color:var(--studio-copy);font-weight:600;letter-spacing:normal;text-transform:none}
body #siBody{padding:16px!important;gap:12px}
body #siHead{padding:12px 16px!important}
body #siContext{font-size:20px;font-weight:550}
body .brushMaterial{background:var(--studio-rail)!important;border-color:transparent!important;border-radius:6px!important}
body .brushMaterial[aria-pressed=true]{border-color:var(--ux-action)!important}
body aside .mixLabKicker{font-size:24px;font-weight:550}
body aside .inspectorBody>.group>h2{font-weight:550}
@media(max-width:680px){
 body header{display:flex!important;flex-wrap:nowrap!important;min-height:60px!important;gap:8px!important}
 body header .brandLine{flex:1!important;min-width:0;padding-right:0!important;border-right:0!important}
 body header .brandWordmark{font-size:27px!important}
 body header .btn{min-width:44px;min-height:44px;padding:8px}
 body[data-ux-step]:not(.source-empty) .stage>.variationBar{background:transparent!important;border:0!important;padding:0!important}
 body[data-ux-step]:not(.source-empty) aside{border-radius:0!important;border-left:0;border-right:0}
 body[data-ux-step]:not(.source-empty) .flow .fbtn{min-height:44px}
 body #mobileSheetToggle{font-size:12px!important;font-weight:500!important}
 body :is(.btn,.srcbtn,.paramsBtn,.brushOps>button){min-height:44px}
}