.studio-shell{background:#f7f9fd;color:var(--navy)}.studio-topbar{max-width:none;height:124px;background:white;border-bottom:1px solid var(--border);padding:12px 30px;position:sticky;top:0;z-index:30;gap:18px}.studio-topbar .brand{margin-right:auto}.studio-topbar .brand-product{font-size:22px}.studio-topbar #menu-toggle{padding:6px 12px;font-size:22px;min-width:44px;border:0}.studio-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 124px)}#studio-sidebar{background:white;border-right:1px solid var(--border);padding:32px 20px;position:sticky;top:124px;height:calc(100vh - 124px);display:flex;flex-direction:column;overflow:auto}#studio-sidebar nav{margin:0}#studio-sidebar a{display:block;padding:12px 14px;text-decoration:none;border-radius:7px;font-size:15px;font-weight:600}#studio-sidebar a:hover{background:#f0f5ff}#studio-sidebar a[aria-current]{background:#e7efff;color:#1749c6}#studio-sidebar details{border:0;border-top:1px solid #e5ebf4;margin-top:18px;padding-top:14px}#studio-sidebar summary{font-size:16px;font-weight:650;padding:10px 12px;cursor:pointer}#studio-sidebar summary small{display:block;margin:4px 0 0 18px}#studio-sidebar details a,.nav-future{margin-left:10px}.nav-future{display:block;padding:11px 14px;color:#6a7890;font-size:14px;line-height:1.45}.nav-future small{display:block;font-size:11px;margin-top:3px}.sidebar-note{margin:40px 12px 0;padding-top:24px;border-top:1px solid #e5ebf4;font-size:13px;color:#6a7890;line-height:1.6}#studio-main{max-width:none;margin:0;padding:44px clamp(24px,4vw,68px);min-width:0}#studio-main:focus{outline:none}#studio-overview{max-width:1120px;margin:auto}.workspace-label{font-size:13px;font-weight:650;color:#42649e;margin:0 0 13px}.studio-shell h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1px}.workspace-intro{font-size:18px;color:#596d88;margin:16px 0 38px}.structure-start{display:flex;justify-content:space-between;gap:36px;background:white;border:1px solid var(--border);border-radius:12px;padding:clamp(24px,4vw,48px)}.structure-start h2{font-size:28px;max-width:400px}.structure-start p:not(.workspace-label){font-size:16px;color:#596d88;line-height:1.75}.structure-start .primary{text-decoration:none;margin-top:12px;padding:14px 22px;font-size:16px;gap:25px}.structure-visual{width:220px;flex-shrink:0;align-self:center;display:grid;justify-items:stretch;color:#1749c6}.structure-visual span{padding:12px 18px;background:#f1f6ff;border-left:3px solid #427be0;border-radius:4px;font-size:13px}.structure-visual b{font-size:16px;margin-left:18px;font-weight:600}.structure-visual i{text-align:center;font-style:normal;padding:5px;color:#93a9ce}.design-later{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 2px;border-bottom:1px solid var(--border)}.design-later h2{font-size:22px;margin-bottom:6px}.design-later p{margin:0;color:#667790;font-size:15px}.design-later>span{font-size:13px;white-space:nowrap;color:#667790}.studio-shell .site-footer{margin-top:34px}.module-toolbar{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#597091;margin-bottom:24px}.module-toolbar a{text-decoration:none;color:#1749c6}#structure-frame{display:block;width:100%;min-height:650px;border:1px solid var(--border);border-radius:10px;background:white}.nav-closed .studio-layout{grid-template-columns:minmax(0,1fr)}.nav-closed #studio-sidebar{display:none}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.embedded-tool header{display:none}.embedded-tool main{margin-top:26px}.embedded-tool .site-footer{display:none}.embedded-tool{overflow:hidden}.embedded-tool #workspace{padding:0 28px 32px;max-width:none}
@media(max-width:1000px){.structure-visual{width:160px}.structure-start h2{font-size:24px}.studio-layout{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:760px){.studio-topbar{padding:12px 14px;gap:8px}.studio-topbar .brand-product{display:none}.studio-topbar .brand{gap:0}.studio-topbar .account-menu{gap:5px}.studio-topbar .account-menu button{font-size:13px;padding:8px}.studio-layout{display:block}#studio-sidebar{position:fixed;left:0;top:124px;bottom:0;width:270px;z-index:25;box-shadow:12px 0 30px #00206018}#studio-main{padding:28px 18px}.structure-start{display:block;padding:24px}.structure-visual{display:none}.workspace-intro{font-size:16px;margin-bottom:26px}.design-later{align-items:flex-start}.design-later>span{font-size:12px}.module-toolbar{font-size:12px}.embedded-tool #workspace{padding:0 16px 24px}.studio-shell .brand-lockup{transform:scale(.85);transform-origin:left center;width:145px}.studio-shell .site-footer p{font-size:11px}}

/* Sidebar geometry follows the owner's ChattyCHARTS Studio reference. */
.studio-shell{--sidebar-width:276px;background:white}.studio-layout{display:block;min-height:100vh}.studio-topbar{margin-left:var(--sidebar-width);height:100px;min-height:100px;padding:0 40px;position:sticky;top:0;background:white;z-index:20}.studio-breadcrumb{display:flex;gap:18px;align-items:center;font-size:13px;color:#667c99}.studio-breadcrumb strong{color:var(--navy);font-weight:600}.studio-topbar .account-menu{margin-left:auto}.studio-topbar .account-menu button{font-size:14px}.studio-topbar #mobile-menu{display:none}#studio-sidebar{position:fixed;top:0;bottom:0;left:0;height:100dvh;width:var(--sidebar-width);padding:32px 18px 22px;background:#f0f5fc;border-right:1px solid #d7e2f0;z-index:30;display:flex;gap:0;overflow:auto}.sidebar-brand{position:relative;padding:16px 0 18px;border-bottom:1px solid #cfdbea}.sidebar-brand .brand{display:block}.sidebar-brand .brand-lockup{display:block;transform:none;width:auto}.sidebar-brand .logo-window{width:226px;height:96px}.sidebar-brand .logo-window img{width:298px;left:-40px;top:-8px}.sidebar-brand .brand-tagline{display:block;font-size:13.6px;font-weight:750;white-space:nowrap;margin-top:5px;letter-spacing:0}.sidebar-brand #menu-toggle{position:absolute;right:0;top:-20px;min-height:25px;width:26px;padding:2px;border:0;border-radius:2px;background:transparent;color:#496786}.sidebar-brand #menu-toggle svg{display:block;width:21px;height:21px}.sidebar-home{padding:12px 0 18px;border-bottom:1px solid #cfdbea;margin-bottom:24px}#studio-sidebar nav{margin:0}.nav-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px}.nav-icon svg{width:19px;height:19px;display:block}#studio-sidebar a,#studio-sidebar .nav-future{display:flex;align-items:center;gap:12px;margin:5px 0;padding:10px;min-height:54px;font-size:14px;font-weight:500;border-radius:8px;line-height:1.4}.nav-label{min-width:0}.nav-label small{display:block;font-size:10px;font-weight:400;color:#6d819a;margin-top:3px}#studio-sidebar a[aria-current]{background:#d0e0f7;color:var(--navy)}#studio-sidebar a[aria-current] .nav-icon{background:var(--navy);color:white}#studio-sidebar .nav-home[aria-current] .nav-icon{background:transparent;color:var(--navy)}#studio-sidebar .nav-home[aria-current]{background:transparent;font-weight:650}.active-dot{display:none;width:4px;height:4px;border-radius:50%;background:#52759e;margin-left:auto}a[aria-current] .active-dot{display:block}#studio-sidebar .nav-future{color:#71849e;cursor:default}#studio-sidebar details{border:0;padding:0;margin:0 0 24px}#studio-sidebar details summary{display:flex;align-items:center;gap:0;padding:8px 0;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#496786;min-height:38px}#studio-sidebar summary:after{margin-left:auto;font-size:13px}#studio-sidebar summary .nav-icon{width:25px;justify-content:flex-start}#studio-sidebar summary .nav-icon svg{width:17px;height:17px}#studio-sidebar summary small{display:inline;margin:0 0 0 6px;letter-spacing:0;text-transform:none;font-size:10px}#studio-sidebar .sidebar-help{margin:auto 0 0;padding-top:18px}#studio-sidebar .sidebar-help summary{border:1px solid #cfdbea;border-radius:8px;padding:10px;font-size:12px;text-transform:none;letter-spacing:0}#studio-sidebar .sidebar-help div{padding:8px}#studio-sidebar .sidebar-help div a{min-height:30px;padding:5px;font-size:13px}#studio-main{margin-left:var(--sidebar-width);padding:48px 40px;min-height:calc(100vh - 100px);background:white}#structure-frame{border:0;border-radius:0}.module-toolbar{display:none}.embedded-tool main{margin-top:0}.embedded-tool #workspace{padding:0 0 32px}.nav-closed{--sidebar-width:94px}.nav-closed #studio-sidebar{display:flex;padding:32px 8px 22px}.nav-closed .sidebar-brand{padding:18px 0 15px}.nav-closed .sidebar-brand .logo-window{width:76px;height:33px}.nav-closed .sidebar-brand .logo-window img{width:100px;left:-14px;top:-3px}.nav-closed .brand-tagline,.nav-closed .nav-label,.nav-closed #studio-sidebar nav summary,.nav-closed .active-dot{display:none!important}.nav-closed #menu-toggle svg{transform:scaleX(-1)}.nav-closed #studio-sidebar a,.nav-closed #studio-sidebar .nav-future{justify-content:center;padding:9px;gap:0}.nav-closed #studio-sidebar nav details:not([open])>*:not(summary){display:flex!important}.nav-closed #studio-sidebar .sidebar-help summary{justify-content:center}.nav-closed #studio-sidebar .sidebar-help summary:after{display:none}.nav-closed #studio-sidebar .sidebar-help summary .nav-icon{justify-content:center;width:32px}.nav-closed #studio-sidebar .sidebar-help[open] .nav-label{display:none}.nav-closed .sidebar-help div button,.nav-closed .sidebar-help div a{font-size:11px;padding:4px!important;white-space:normal}.nav-closed .sidebar-home{margin-bottom:24px}.skip-link:focus{left:calc(var(--sidebar-width) + 12px)}
@media(max-width:760px){.studio-shell{--sidebar-width:276px}.studio-topbar{margin-left:0;height:76px;min-height:76px;padding:0 18px;gap:14px}.studio-topbar #mobile-menu{display:block;border:0;padding:4px;min-height:36px;font-size:22px}.studio-breadcrumb{font-size:12px;gap:10px}.studio-topbar .account-menu button{font-size:12px;padding:4px}#studio-sidebar{top:0;height:100dvh;width:276px;box-shadow:10px 0 35px #00206022}.nav-closed #studio-sidebar{display:none}#studio-main{margin-left:0;padding:28px 20px;min-height:calc(100vh - 76px)}.sidebar-brand .brand-lockup{width:auto;transform:none}.sidebar-brand .brand-tagline{font-size:13.6px}.studio-shell h1{font-size:30px}.embedded-tool #workspace{padding:0 0 24px}.skip-link:focus{left:12px}}

.nav-closed #studio-sidebar nav details:not(:first-of-type) summary{display:flex!important;justify-content:center;padding:10px}.nav-closed #studio-sidebar nav details:not(:first-of-type) summary:after{display:none}.nav-closed #studio-sidebar nav details:not(:first-of-type) summary .nav-icon{justify-content:center;width:32px}.nav-closed #studio-sidebar nav details:not(:first-of-type)>*:not(summary){display:none!important}.sidebar-brand{padding-top:0}.nav-closed .sidebar-brand{padding-top:8px}