/* Local-only shell: page contents and feature controls retain their own styles. */
body.sidebar-preview{--sidebar-width:238px;background:radial-gradient(ellipse at 85% 0,#15254655,transparent 50%),#080f1d}
.sidebar-preview>header{margin:0 0 0 var(--sidebar-width);max-width:none;min-height:96px;padding:18px 34px;gap:14px;background:#0c1525e8;border-bottom:1px solid #24344e;position:relative;z-index:40}
.sidebar-preview header .brand{position:fixed;left:22px;top:25px;width:196px;z-index:62;font-size:24px;letter-spacing:-1px;line-height:1.1}.sidebar-preview header .brand-small{font-size:8px;letter-spacing:1.7px;margin-top:8px}.sidebar-preview header .brand em{color:#f3a0c5}
.sidebar-preview header nav{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:117px 14px 20px;display:flex;flex-direction:column;align-items:stretch;gap:20px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(165deg,#111f35,#0c1525 65%);border-right:1px solid #2b3c58;z-index:60;scrollbar-width:thin}
.sidebar-group{display:flex;flex-direction:column;gap:5px}.sidebar-group-title{padding:0 14px 7px;color:#778fab;font:700 9px 'DM Sans',sans-serif;letter-spacing:2px}.sidebar-preview header nav .nav{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:13px 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:#b0bfd5;font-size:13px;font-weight:600;white-space:nowrap;position:relative}.sidebar-preview header nav .nav:hover{background:#1d304a;color:#fff}.sidebar-preview header nav .nav.active{color:#d7f0ff;background:linear-gradient(100deg,#254e80,#1a304f);border-color:#5ebeff80;box-shadow:0 4px 18px #0002}.sidebar-preview header nav .nav.active:before{content:'';position:absolute;left:-15px;top:13px;bottom:13px;width:3px;background:#64c7ff;border-radius:4px}.sidebar-icon{width:22px;font-size:21px;line-height:1;text-align:center;color:#8bcfff}.sidebar-preview [data-view=troop] .sidebar-icon{color:#f3a0c5}.sidebar-preview [data-view=nft] .sidebar-icon{color:#efcf8a}
.sidebar-footer{margin-top:auto;padding:20px 13px 0;border-top:1px solid #253650;color:#a6c5e7;font-size:9px;letter-spacing:1px}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer small{font-size:9px;letter-spacing:0;color:#7088a5;margin-top:7px}.sidebar-monke{float:right;color:#f1a3c4;font-size:24px}
.sidebar-context{margin-right:auto;min-width:150px}.sidebar-context small{display:block;color:#7992ae;font-size:8px;letter-spacing:1.8px}.sidebar-context strong{display:block;font-size:18px;margin-top:6px;color:#e4f3ff}.sidebar-preview .header-balances{display:flex;gap:9px;align-items:center}.sidebar-preview header .balance-chip{padding:11px 14px;border-radius:24px;white-space:nowrap;font-size:11px}.sidebar-preview .sidebar-account-top{padding:11px 14px;border:1px solid #3b5272;background:#16243a;color:#daebff;border-radius:24px;font:600 11px 'DM Sans',sans-serif;white-space:nowrap}.sidebar-preview header .wallet{font-size:10px;padding:11px 13px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-preview>.draft-bar{margin-left:var(--sidebar-width);text-align:left;padding:9px 34px;letter-spacing:1px;font-size:8px;background:#101e34}.sidebar-preview>main{margin-left:var(--sidebar-width);max-width:none;padding:0 clamp(24px,3vw,48px);min-height:calc(100vh - 130px)}.sidebar-preview .hero{padding:44px 0;gap:38px;max-width:1200px;margin:auto}.sidebar-preview .hero h1{font-size:clamp(36px,4vw,66px)}.sidebar-preview .hero-art{max-width:470px;width:100%;justify-self:end}.sidebar-preview .workspace{gap:22px}.sidebar-preview .page-heading{padding-top:34px}.sidebar-preview .community-section>.section-heading{margin-top:34px}.sidebar-preview .account-reference-layout{grid-template-columns:minmax(0,1fr) 310px}.sidebar-preview .simple-account{max-width:none}.sidebar-preview button:focus-visible,.sidebar-preview a:focus-visible{outline:2px solid #8dd7ff;outline-offset:4px}.sidebar-menu-toggle,.sidebar-scrim{display:none}
@media(min-width:901px) and (max-width:1180px){body.sidebar-preview{--sidebar-width:210px}.sidebar-preview header .brand{width:175px;font-size:21px}.sidebar-preview>header{padding:16px 22px;gap:8px}.sidebar-context{min-width:80px}.sidebar-context small{display:none}.sidebar-context strong{font-size:14px}.sidebar-preview header .wallet{max-width:150px}.sidebar-preview header .balance-chip{padding:10px;font-size:10px}.sidebar-preview .sidebar-account-top{display:none}.sidebar-preview .account-reference-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:900px){body.sidebar-preview{--sidebar-width:0px}.sidebar-preview>header{margin:0;min-height:123px;padding:70px 16px 14px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.sidebar-preview header .brand{position:absolute;left:58px;top:19px;width:auto;font-size:19px;z-index:50}.sidebar-preview header .brand-small{font-size:7px;margin-top:5px}.sidebar-preview .sidebar-context{display:none}.sidebar-preview header .wallet{position:absolute;right:16px;top:23px;max-width:165px;padding:10px;font-size:9px}.sidebar-preview .header-balances{margin:0 auto 0 0;gap:7px}.sidebar-preview header .balance-chip{font-size:10px;padding:10px 12px}.sidebar-preview .sidebar-account-top{padding:10px 12px;font-size:10px}.sidebar-preview .sidebar-menu-toggle{display:block;position:absolute;left:14px;top:22px;z-index:120;width:34px;height:34px;border-radius:9px;background:#1d3352;color:#c9edff;border:1px solid #416287;font-size:20px;line-height:1}.sidebar-preview header nav{inset:0 auto 0 0;width:265px;padding:90px 14px 22px;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s;z-index:110}.sidebar-preview.sidebar-open header nav{transform:translateX(0);visibility:visible}.sidebar-preview.sidebar-open .sidebar-menu-toggle{position:fixed}.sidebar-preview.sidebar-open{overflow:hidden}.sidebar-preview .sidebar-scrim:not([hidden]){display:block;position:fixed;inset:0;border:0;background:#020813b8;backdrop-filter:blur(3px);z-index:100}.sidebar-preview>main{margin-left:0;padding:0 20px}.sidebar-preview>.draft-bar{margin-left:0;padding:9px 18px;font-size:8px;text-align:center}.sidebar-preview>.draft-bar span{display:block;margin:4px 0 0}.sidebar-preview .hero{gap:25px;padding:32px 0}.sidebar-preview .hero h1{font-size:44px}.sidebar-preview .page-heading{padding-top:26px}.sidebar-preview .account-reference-layout{grid-template-columns:1fr}}
@media(max-width:480px){.sidebar-preview header .brand{font-size:16px;left:56px;top:20px}.sidebar-preview header .brand-small{font-size:6px;letter-spacing:1px}.sidebar-preview header .wallet{max-width:140px;right:12px;font-size:8px}.sidebar-preview>main{padding:0 16px}.sidebar-preview .hero{grid-template-columns:1fr}.sidebar-preview .hero-art{max-width:330px;justify-self:center}.sidebar-preview .hero h1{font-size:46px}.sidebar-preview header .balance-chip{font-size:9px;padding:9px 10px}.sidebar-preview .sidebar-account-top{font-size:9px;padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.sidebar-preview header nav{transition:none}}
/* Header blur creates a containing block for fixed descendants; keep the rail viewport-bound. */
.sidebar-preview>header{backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;filter:none}.sidebar-preview header nav{height:100dvh;max-height:100dvh}.sidebar-preview .studio-brand-main{font-size:23px;white-space:nowrap;letter-spacing:-.7px}.sidebar-preview header .brand{width:200px}.sidebar-preview header .brand-small{white-space:nowrap}
@media(max-width:900px){.sidebar-preview .studio-brand-main{font-size:19px}.sidebar-preview header .brand{width:auto}}
@media(max-width:480px){.sidebar-preview .studio-brand-main{font-size:16px}}
.sidebar-preview header nav{flex-wrap:nowrap;justify-content:flex-start;flex-basis:auto}.sidebar-preview .sidebar-group,.sidebar-preview .sidebar-footer{flex-shrink:0}
.sidebar-preview .studio-brand-main{font-size:21px}
@media(max-width:900px){.sidebar-preview .studio-brand-main{font-size:19px}}
@media(max-width:480px){.sidebar-preview .studio-brand-main{font-size:16px}}

.sidebar-preview:not([data-active-view="create"]) .creation-extras{display:none}

/* Keep the production balance controls visible within the new shell. */
.sidebar-preview .header-quick-actions{display:flex;align-items:center;gap:9px;flex-wrap:nowrap}.sidebar-preview .header-quick-actions>.header-credits,.sidebar-preview .header-quick-actions>.header-hearts{display:inline-flex}.sidebar-preview .header-chip{white-space:nowrap;padding:11px 14px;font-size:11px}.sidebar-preview .studio-brand-main{font-size:21px!important}.sidebar-preview .header-account{margin:0}
@media(max-width:900px){.sidebar-preview .header-quick-actions{flex-basis:100%;justify-content:flex-end;order:3;margin:0}.sidebar-preview .header-chip{font-size:10px;padding:9px 10px}.sidebar-preview .studio-brand-main{font-size:19px!important}}
@media(max-width:480px){.sidebar-preview .studio-brand-main{font-size:16px!important}.sidebar-preview .header-chip{font-size:9px;padding:9px}.sidebar-preview .hero .hero-art{display:block}}

.sidebar-preview .account-balance-shortcuts{display:none}
/* Keep the drawer above its backdrop, including the header stacking context. */
.sidebar-preview.sidebar-open>header{z-index:110}