/* Revision 12: route-independent navigation, extracted from approved studio/yingce/cinema chrome.
 * Yingce / Open AI Canvas MIT; existing Vue and Phosphor MIT assets reused.
 * Deliberately excludes content containers, grids, editor geometry and page layout. */
/* Approved studio shell layer */
html[data-lab-shell="nexus"][data-lab-shell]{--studio-bg:#fafafa;--studio-panel:#fff;--studio-soft:#f2f3f5;--studio-text:#202126;--studio-muted:#70747d;--studio-line:#e5e6e9;--studio-accent:#2563eb;--studio-selected:#edf3ff;--studio-shadow:0 4px 18px #15192508;--studio-ease:cubic-bezier(.2,.7,.2,1);--studio-time:200ms;}
html[data-lab-shell="nexus"][data-lab-shell].theme-dark{--studio-bg:#141415;--studio-panel:#1d1d1f;--studio-soft:#252527;--studio-text:#f0f0f2;--studio-muted:#9b9ba3;--studio-line:#313134;--studio-accent:#8aafff;--studio-selected:#28354f;--studio-shadow:0 4px 18px #00000015;}
html[data-lab-shell="nexus"][data-lab-shell] .app-top-toolbar{top:12px!important;right:28px!important;gap:8px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-top-toolbar button{height:34px!important;min-height:34px!important;border-radius:8px!important;padding:6px 10px!important;font-size:12px!important;gap:6px!important;box-shadow:none!important;color:var(--studio-muted)!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-top-toolbar button svg{width:17px!important;height:17px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-top-toolbar .top-toolbar-balance{border:1px solid var(--studio-line)!important;background:var(--studio-panel)!important;color:var(--studio-text)!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar{background:var(--cinema-sidebar)!important;border-right:1px solid var(--studio-line)!important;box-shadow:none!important;position:relative;z-index:10;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"]),html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"])>div>div{width:208px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-top-block{padding:17px 14px 19px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-top-block>div{gap:8px!important;padding:0!important;min-height:36px}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-top-block img{width:30px!important;height:30px!important}
html[data-lab-shell="nexus"][data-lab-shell] .kale-sidebar-brand-name{font-size:14px!important;font-weight:600!important;letter-spacing:-.3px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-collapse-btn{width:25px!important;height:28px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar nav{padding:4px 10px 16px!important;gap:12px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar nav>div{gap:4px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar nav .h-px{margin:6px 8px 10px!important;width:calc(100% - 16px)!important;opacity:.6}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item{min-height:42px!important;height:42px!important;padding:10px 13px!important;gap:11px!important;border-radius:9px!important;color:var(--studio-muted)!important;font-weight:500!important;background:transparent!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item.is-active{background:var(--studio-soft)!important;color:var(--studio-text)!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item:hover{background:var(--studio-soft)!important;color:var(--studio-text)!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item span{font-size:13px!important;font-weight:500!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item>span[style*="mask-image"]{height:19px!important;width:19px!important;mask-image:var(--studio-icon)!important;-webkit-mask-image:var(--studio-icon)!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item>svg:last-child{opacity:0!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-utility-item{border-radius:8px!important;color:var(--studio-muted)!important;font-size:11px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-utility-item span{font-size:11px!important}
/* Approved yingce shell layer */
html[data-lab-shell="nexus"][data-lab-shell]{--studio-bg:#f8f8fa;--studio-panel:#fff;--studio-soft:#f1f1f3;--studio-text:#1d1d21;--studio-muted:#686872;--studio-line:rgba(25,25,30,.10);--studio-shadow:0 6px 16px #1d1d2112;--yc-hover:#eaeaec;--yc-soft-text:#797982;--studio-time:180ms;--studio-ease:cubic-bezier(.16,1,.3,1);}
html[data-lab-shell="nexus"][data-lab-shell].theme-dark{--studio-bg:#151517;--studio-panel:#1c1c1f;--studio-soft:#26262a;--studio-text:#f3f3f5;--studio-muted:#b4b4bc;--studio-line:rgba(255,255,255,.09);--yc-hover:#303036;--yc-soft-text:#9797a1;--studio-shadow:0 6px 16px #00000047}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar{border:0!important;box-shadow:none!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"]),html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"])>div>div{width:200px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-top-block{padding:20px 15px 16px!important}
html[data-lab-shell="nexus"][data-lab-shell] .kale-sidebar-brand-name{font-size:13px!important;letter-spacing:0!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-top-block img{width:29px!important;height:29px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar nav{padding:10px 12px 16px!important;gap:18px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar nav>div{gap:5px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar nav .h-px{height:14px!important;width:auto!important;background:none!important;margin:3px 10px 3px!important;opacity:1!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"]) nav>div:nth-child(2)>.h-px::after{content:'创作工具'}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"]) nav>div:has([aria-label="我的资产"])>.h-px::after{content:'资产与历史'}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"]) nav>div:has([aria-label="爆款图文"])>.h-px::after{content:'内容运营'}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar nav .h-px::after{color:var(--yc-soft-text);font-size:10px;line-height:14px}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item{height:40px!important;min-height:40px!important;padding:3px 12px!important;gap:12px!important;border-radius:12px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item>span[style*="mask-image"]{width:16px!important;height:16px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item span{font-size:12px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item.is-active{background:var(--studio-soft)!important;font-weight:600!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-top-toolbar{top:13px!important;right:26px!important;gap:6px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-top-toolbar button{border-radius:999px!important;height:32px!important;min-height:32px!important}
html[data-lab-shell="nexus"][data-lab-shell] body .app-shell .app-sidebar .sidebar-nav-item.is-active{background:var(--studio-soft)!important;color:var(--studio-text)!important}
/* Approved cinema shell layer */
html[data-lab-shell="nexus"][data-lab-shell]{--studio-bg:#f8f8fa;--studio-panel:#fff;--studio-soft:#eeeef1;--studio-text:#202025;--studio-muted:#64646f;--studio-line:#20202512;--cinema-sidebar:#f1f1f4;--cinema-agent:#e8e8f7;--cinema-agent-text:#5f60aa}
html[data-lab-shell="nexus"][data-lab-shell].theme-dark{--studio-bg:#131315;--studio-panel:#1e1e21;--studio-soft:#252528;--studio-text:#f4f4f5;--studio-muted:#a0a0aa;--studio-line:#ffffff12;--yc-soft-text:#96969f;--cinema-sidebar:#1b1b1e;--cinema-agent:#333340;--cinema-agent-text:#c0c1fa;--studio-shadow:0 8px 20px #0004}
html[data-lab-shell="nexus"][data-lab-shell] body #app .app-shell .app-sidebar{background:var(--cinema-sidebar)!important;backdrop-filter:none!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"]),html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar:has([aria-label="折叠侧栏"])>div>div{width:196px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-top-block{padding:20px 16px 24px!important}
html[data-lab-shell="nexus"][data-lab-shell] .app-sidebar nav{gap:16px!important;padding:10px 10px 18px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item{border-radius:12px!important;height:40px!important}
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item.is-active{background:var(--studio-soft)!important}
html[data-lab-shell="nexus"] :is(.app-sidebar,.app-top-toolbar){font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;-webkit-font-smoothing:antialiased;font-weight:400}
html[data-lab-shell="nexus"] .app-sidebar :is(button,a):disabled{cursor:not-allowed;opacity:.45}

/* Phosphor stays consistent after the shared shell layers above. */
html[data-lab-shell="nexus"][data-lab-shell] .sidebar-nav-item>span[style*="mask-image"]{width:20px!important;height:20px!important;mask-image:var(--kale-icon)!important;-webkit-mask-image:var(--kale-icon)!important}
html[data-lab-shell="nexus"] .sidebar-nav-item{scale:1!important}

/* Native shell inherits rem-sized body text on inner routes; pin the same baseline everywhere. */
html[data-lab-shell="nexus"] :is(.app-sidebar,.app-top-toolbar){font-size:13px!important;line-height:1.5}
html[data-lab-shell="nexus"] .sidebar-nav-item{font-size:13px!important;line-height:1.5}

/* One existing homepage scene spans the sidebar and content; no independent sidebar theme. */
html[data-lab-design="nexus"][data-lab-shell="nexus"] body #app .app-shell:has(>.nexus-shared-background){position:relative;isolation:isolate}
html[data-lab-design="nexus"][data-lab-shell="nexus"] body #app .app-shell>.nexus-shared-background{position:absolute;inset:0 0 auto;width:100%;height:var(--nexus-bg-height,100%);max-width:none;z-index:-1;overflow:hidden;pointer-events:none;contain:paint;transform:none;mask-image:linear-gradient(transparent 0%,#000 12%,#000 65%,transparent 100%);opacity:1;transition:opacity 220ms var(--studio-ease,ease);animation:studio-appear 250ms var(--studio-ease,ease) both}
html[data-lab-design="nexus"][data-lab-shell="nexus"] body #app .app-shell>.nexus-shared-background.is-leaving{opacity:0;animation:none}
html[data-lab-design="nexus"][data-lab-shell="nexus"] body #app .app-shell:has(>.nexus-shared-background) :is(.app-content,.app-content-body,.dashboard-page){background:transparent!important}
html[data-lab-design="nexus"][data-lab-shell="nexus"] body #app .app-shell:has(>.nexus-shared-background) .app-sidebar{--yc-soft-text:#616773;background:rgba(18,18,18,.32)!important;-webkit-backdrop-filter:blur(7px) saturate(.8)!important;backdrop-filter:blur(7px) saturate(.8)!important;transition:background-color var(--studio-time,200ms) var(--studio-ease,ease)}
html[data-lab-design="nexus"][data-lab-shell="nexus"].theme-light body #app .app-shell:has(>.nexus-shared-background) .app-sidebar{--studio-muted:#515a67;--yc-soft-text:#515a67;background:rgba(250,250,250,.34)!important}
html[data-lab-design="nexus"][data-lab-shell="nexus"].theme-dark body #app .app-shell:has(>.nexus-shared-background) .app-sidebar{--yc-soft-text:#a0a6b2}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-lab-design="nexus"][data-lab-shell="nexus"] body #app .app-shell:has(>.nexus-shared-background) .app-sidebar{background:rgba(18,18,18,.88)!important}
 html[data-lab-design="nexus"][data-lab-shell="nexus"].theme-light body #app .app-shell:has(>.nexus-shared-background) .app-sidebar{background:rgba(250,250,250,.88)!important}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html[data-lab-design="nexus"][data-lab-shell="nexus"]:is(.theme-light,.theme-dark) body #app .app-shell:has(>.nexus-shared-background) .app-sidebar{background:var(--cinema-sidebar)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-lab-design="nexus"][data-lab-shell="nexus"] body #app .app-shell>.nexus-shared-background{animation:none!important;transition:none!important}
}