/* MOSAIC 2.0 • shared responsive refinement, scoped overrides (no global template replacement) */
:root{--m20-bg:#10121c;--m20-surface:#1b1f2d;--m20-line:rgba(184,194,238,.18);--m20-purple:#8a73ff;--m20-blue:#48a8ff;--m20-ink:#f6f5ff}
html{scroll-behavior:smooth}body{overflow-x:hidden}a,button,input,textarea,select{transition:border-color .18s ease,background-color .18s ease,opacity .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8a73ff!important;outline-offset:3px}
#main-content{min-width:0}#main-content .dashboard,#main-content .home-shell,#main-content .explore-shell{max-width:1280px;margin-inline:auto}
.studio-v20{padding-inline:clamp(14px,3vw,42px)!important;padding-block:20px!important}.studio-v20>h1{font-size:clamp(2rem,4.2vw,3.3rem)!important;line-height:1.08!important;margin-block:8px 12px!important}
.studio-v20 .studio-intro{max-width:66ch;line-height:1.6}.studio-v20 .studio-workspace-nav{position:sticky;top:70px;z-index:10;display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;background:var(--m20-bg);border-bottom:1px solid var(--m20-line)}
.studio-workspace-nav a{display:inline-flex;align-items:center;padding:10px 15px!important;border:1px solid var(--m20-line)!important;border-radius:3px!important;text-decoration:none!important;white-space:nowrap}
.studio-v20 .panel{min-width:0;padding:clamp(16px,2vw,27px)!important;border-radius:6px!important}.studio-v20 .studio-columns{align-items:start!important;gap:18px!important}.studio-v20 textarea{resize:vertical}.studio-v20 label{line-height:1.45}.studio-v20 input,.studio-v20 select,.studio-v20 textarea{max-width:100%;box-sizing:border-box;border-radius:4px!important}
.studio-v20 .metrics{gap:10px!important}.studio-v20 .metrics>div{padding:clamp(12px,1.8vw,22px)!important;border-radius:4px!important}
.studio-v20 .mp-row{gap:12px;flex-wrap:wrap;padding-block:14px}.studio-v20 .mp-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-v20 .mp-actions form{margin:0}
.pop-menu{max-height:calc(100dvh - 74px);overflow:auto;transform-origin:top right}.bottom-nav a{min-width:0}.bottom-nav span{font-size:11px}
@media(max-width:760px){.studio-v20 .studio-columns{display:grid!important;grid-template-columns:1fr!important}.studio-v20 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-v20 .studio-workspace-nav{top:54px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.studio-v20 .panel{padding:15px!important}.studio-v20 .mp-row{display:flex}.topbar-inner{padding-inline:14px!important}#main-content{padding-bottom:58px}}
@media(max-width:390px){.studio-v20 .metrics{grid-template-columns:1fr 1fr!important}.studio-v20 .studio-workspace-nav a{font-size:12px;padding-inline:11px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}