/* Studio: a horizontal workspace with an editorial page masthead. */
body[data-package=studio]{--identity-radius:24px}
body[data-package=studio] .mpv2-content{max-width:1440px;margin:auto;padding:24px}
body[data-package=studio] .mpv2-card,body[data-package=studio] .experience-stat{border-radius:24px;box-shadow:0 10px 32px #142d5612}
.package-masthead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--mp-border,#d8dce8);padding-bottom:20px}.package-masthead span{font-size:12px;letter-spacing:.16em}.package-masthead h1{font-size:30px;margin:6px 0 0}.package-masthead i{width:48px;height:48px;border-radius:50%;background:var(--mp-primary,#6758dd);box-shadow:inset -8px -8px 12px #0003;flex:none}
@media(min-width:1000px){body[data-package=studio] .mpv2-app{display:block}body[data-package=studio] .mpv2-sidebar{position:relative;display:flex!important;gap:20px;align-items:center;width:auto;max-width:1440px;margin:18px auto 0;padding:16px 24px;border:0;border-radius:20px;background:var(--mp-card,#fff)}body[data-package=studio] .mpv2-sidebar .up-currency-static{min-width:180px;width:auto;margin:0}body[data-package=studio] .mpv2-nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;margin:0;min-width:0}body[data-package=studio] .mpv2-nav-item{width:auto;max-width:100%;flex:0 1 auto;padding:8px 12px;min-height:44px;border-radius:10px}body[data-package=studio] .mpv2-nav form{margin:0;flex:0 0 auto}body[data-package=studio] .mpv2-main{margin:0;width:100%}}
/* Noir: a compact, high-contrast command workspace, distinct in light and dark. */
body[data-package=noir]{--mp-bg:#f4f4f4;--mp-card:#fff;--mp-text:#17191c;--mp-border:#d6d6da;background:var(--mp-bg)}
body[data-package=noir] .mpv2-sidebar{background:#17191f;color:#f8f8fa;border:0;border-radius:0;box-shadow:none}body[data-package=noir] .mpv2-sidebar .mpv2-nav-item{color:#e8e9ed;border-radius:4px;border-inline-start:3px solid transparent}body[data-package=noir] .mpv2-sidebar .mpv2-nav-item.active{border-inline-start-color:var(--mp-primary,#778aff);background:#ffffff18;color:#fff}
body[data-package=noir] .mpv2-content{padding:28px;max-width:1600px}body[data-package=noir] .mpv2-card,body[data-package=noir] .experience-stat,body[data-package=noir] .up-card{border-radius:6px;box-shadow:none;border:1px solid var(--mp-border)}body[data-package=noir] .package-masthead{border-block:2px solid currentColor;padding-block:18px}body[data-package=noir] .package-masthead h1{font-size:28px;letter-spacing:-.035em}body[data-package=noir] .package-masthead i{border-radius:4px;width:12px;height:46px;box-shadow:none}
html[data-theme=dark] body[data-package=noir]{--mp-bg:#090a0d;--mp-card:#15171c;--mp-text:#f3f4f7;--mp-border:#363943;color:var(--mp-text)}
@media(min-width:1000px){body[data-package=noir] .mpv2-app{grid-template-columns:224px minmax(0,1fr)}body[data-package=noir] .mpv2-sidebar{width:224px}body[data-package=noir] .experience-stats{gap:8px}}
@media(max-width:600px){body[data-package=studio] .mpv2-content,body[data-package=noir] .mpv2-content{padding:14px}.package-masthead{padding-bottom:12px;margin-bottom:18px}.package-masthead h1,body[data-package=noir] .package-masthead h1{font-size:24px}.package-masthead span{font-size:10px}}