/* Mobile studio owns its tracks; no desktop grid placement or flex basis leaks in. */
@media(max-width:760px){
body.network-interface[data-page=skinchanger] .studio-workbench.atelier{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;min-width:0!important}
body.network-interface[data-page=skinchanger] .studio-workbench.atelier> :is(.studio-library,.studio-model-stage,.studio-tuning){position:relative!important;inset:auto!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;transform:none!important}
body.network-interface[data-page=skinchanger] .studio-model-stage{order:0;min-height:280px!important;height:auto!important}
body.network-interface[data-page=skinchanger] .studio-library{order:1;overflow:hidden!important}
body.network-interface[data-page=skinchanger] .studio-tuning{order:2;padding:20px!important}
body.network-interface[data-page=skinchanger] #atelier-skins{display:block!important;width:100%!important;padding:0 12px!important;box-sizing:border-box;overflow:visible!important;max-height:none!important}
body.network-interface[data-page=skinchanger] .studio-library .atelier-skin-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:10px!important;width:100%!important;max-width:100%!important;overflow:visible!important;height:auto!important;max-height:none!important}
body.network-interface[data-page=skinchanger] .studio-library .atelier-skin-list>.atelier-skin{display:flex!important;flex:initial!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;position:relative!important;inset:auto!important;grid-area:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:156px!important;min-height:0!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:10px!important}
body.network-interface[data-page=skinchanger] .studio-library .atelier-skin-list>.atelier-skin>img{position:static!important;width:100%!important;height:82px!important;min-height:82px!important;object-fit:contain!important;margin:0!important;transform:none!important}
body.network-interface[data-page=skinchanger] .studio-library .atelier-skin-list>.atelier-skin>span{position:static!important;display:block!important;width:100%!important;margin:0!important;min-width:0!important}
body.network-interface[data-page=skinchanger] .studio-library .atelier-skin strong{font-size:12px!important;line-height:18px!important;white-space:nowrap!important;word-break:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.network-interface[data-page=skinchanger] .studio-library .atelier-skin small{font-size:10px!important;line-height:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:4px!important}
body.network-interface[data-page=skinchanger] .studio-library-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:10px!important;gap:6px!important}.studio-library-tabs button{min-width:0!important;min-height:44px!important}
body.network-interface[data-page=skinchanger] .studio-topbar{flex-wrap:wrap!important}.atelier-toolbar{flex-wrap:wrap!important;max-width:100%}.studio-tuning .inspect-controls{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important}.studio-tuning .inspect-controls>*{min-width:0!important;max-width:100%!important}
body.network-interface[data-page=skinchanger] .studio-model-stage :is(iframe,.studio-flat-preview){height:280px!important;min-height:0!important;width:100%!important}
body.network-interface .style-category-tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:thin}.style-category-tabs>button{flex-shrink:0}
}
/* Sourced artwork keeps its aperture; the light breathes without moving the portrait. */
body.network-interface .ornament-frame.frame-shell{animation:restored-frame-glow 4s ease-in-out infinite!important;filter:drop-shadow(0 0 3px var(--cosmetic,#d47864)) drop-shadow(0 0 7px color-mix(in srgb,var(--cosmetic,#d47864) 45%,transparent))}
@keyframes restored-frame-glow{0%,100%{filter:brightness(1) drop-shadow(0 0 2px var(--cosmetic,#d47864))}50%{filter:brightness(1.15) drop-shadow(0 0 4px var(--cosmetic,#d47864)) drop-shadow(0 0 10px color-mix(in srgb,var(--cosmetic,#d47864) 55%,transparent))}}
@media(prefers-reduced-motion:reduce){body.network-interface .ornament-frame.frame-shell{animation:none!important}}body.motion-off .ornament-frame.frame-shell{animation:none!important}
@media(max-width:760px){
body.network-interface[data-page=skinchanger] .studio-library.atelier-library{height:auto!important;max-height:none!important;overflow:visible!important;contain:none!important}
body.network-interface[data-page=skinchanger] .studio-library.atelier-library>*{max-height:none!important;flex-shrink:0!important}
body.network-interface[data-page=skinchanger] .craft-stage{height:auto!important;min-height:0!important;padding:14px!important}.craft-stage .craft-canvas-wrap{height:240px!important;min-height:0!important;aspect-ratio:auto!important}.craft-stage .craft-canvas-wrap iframe{height:100%!important}.craft-stage .craft-display-controls{gap:8px!important;flex-wrap:wrap!important}
}