/* Shared desktop navigation only. Page interiors retain their existing themes. */
.shell-menu .shell-account-actions { margin-top:20px; padding-top:16px; border-top:1px solid #dce7df; }
.shell-menu .shell-account-actions h3 { margin:0 0 10px; font-size:14px; color:#526b5c; }
.shell-menu .shell-account-actions > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.shell-menu .shell-account-actions button { display:flex; align-items:center; min-height:44px; padding:10px 12px; border:0; border-radius:10px; background:#edf5ef; color:#254d36; font:inherit; text-align:left; cursor:pointer; }
.shell-menu .shell-account-actions button[hidden] { display:none !important; }
.shell-menu .shell-account-actions button:hover { background:#dfeee3; }
@media (min-width:1101px) {
 body.atelier:not(.embedded) { --shell-content-offset:310px; }
 body.atelier:not(.embedded) .app-shell { margin-left:310px !important; }
 body.atelier:not(.embedded) .v3-topbar {
  --m-font:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --m-muted:#526b5c; --m-text:#4e6859; --m-ink:#19382a; --m-line:rgba(72,128,99,.14);
  --m-panel:#f3fbf5; --m-edge:0 0 0 1px rgba(255,255,255,.28); --m-shadow:0 8px 24px -18px rgba(46,108,77,.15);
  box-sizing:border-box !important; font-family:var(--m-font) !important;
 }
body.atelier:not(.embedded) .v3-topbar {
    position:fixed !important; inset:22px auto 22px 22px !important;
    width:252px !important; height:calc(100dvh - 44px) !important; min-height:0 !important; margin:0 !important;
    display:flex !important; flex-direction:column !important; gap:20px !important;
    align-items:stretch !important; padding:28px 15px 18px !important;
    border:1px solid rgba(255,255,255,.73) !important; border-radius:32px !important;
    background:var(--m-panel) !important; box-shadow:var(--m-edge),var(--m-shadow) !important;
    backdrop-filter:none !important; overflow:visible !important;
  }
body.atelier:not(.embedded) .v3-topbar .brand { min-height:62px; flex-shrink:0; }
body.atelier:not(.embedded) .v3-topbar .brand a {
    position:relative; display:grid !important; grid-template-columns:46px minmax(0,1fr) !important;
    grid-template-rows:26px 23px !important; gap:0 12px !important; align-items:center !important;
    padding:0 8px !important; border:0 !important;
  }
body.atelier:not(.embedded) .v3-topbar .brand .mark {
    display:grid !important; grid-row:1 / 3; width:46px !important; height:46px !important;
    border-radius:15px !important; border:1px solid #ffffff6b !important;
    background:linear-gradient(150deg,#7cc39c,#3a956e 70%,#368765) !important;
    box-shadow:inset 0 1px 3px #ffffff70,0 7px 13px #3a795b36 !important;
  }
body.atelier:not(.embedded) .v3-topbar .brand .mark svg { width:32px !important; height:32px !important; }
body.atelier:not(.embedded) .v3-topbar .brand .mark svg text { font-family:var(--m-font) !important; }
body.atelier:not(.embedded) .v3-topbar .brand .name { grid-column:2; margin:0 !important; color:#12281c !important; font-size:16px !important; font-weight:750 !important; letter-spacing:-.03em !important; white-space:nowrap; }
body.atelier:not(.embedded) .v3-topbar .brand a::after { content:"Creator OS" !important; display:block !important; grid-column:2; grid-row:2; color:var(--m-muted); font-size:13px; line-height:1.5; }
body.atelier:not(.embedded) .v3-topbar .brand .ver { display:none !important; }
body.atelier:not(.embedded) .v3-topbar .brand .name::after { content:none !important; display:none !important; }
body.atelier:not(.embedded) .v3-topbar .app-tabs { flex:1; min-height:0; overflow-y:auto !important; scrollbar-width:thin; gap:5px !important; padding:0 2px !important; }
body.atelier:not(.embedded) .v3-topbar .nav-group-label { padding:16px 16px 5px !important; color:var(--m-muted) !important; font-size:12px !important; letter-spacing:0 !important; }
body.atelier:not(.embedded) .v3-topbar .app-tabs a {
    min-height:46px !important; gap:13px !important; padding:11px 16px !important;
    font-size:16px !important; font-weight:450 !important; color:#456a55 !important;
    border-radius:16px !important; background:transparent !important; box-shadow:none !important;
    border:1px solid transparent !important; transition:background 180ms ease,box-shadow 180ms ease !important;
  }
body.atelier:not(.embedded) .v3-topbar .app-tabs a.active {
    color:#183729 !important; font-weight:700 !important;
    background:linear-gradient(135deg,#f7fffa,#effdf5) !important; border:1px solid #ffffffa6 !important;
    box-shadow:inset 0 1px 2px white,0 8px 14px -8px #41745b55 !important;
  }
body.atelier:not(.embedded) .v3-topbar .app-tabs a:hover { background:#f0fff485 !important; }
body.atelier:not(.embedded) .v3-topbar .app-tabs a > span:not(.nav-short) { font-size:16px !important; font-weight:inherit !important; color:inherit !important; }
body.atelier:not(.embedded) .v3-topbar .tab-icon { width:21px !important; height:21px !important; color:currentColor !important; opacity:1 !important; }
body.atelier:not(.embedded) .v3-topbar .right { display:grid !important; grid-template-columns:minmax(0,1fr) 44px !important; flex-direction:row !important; align-items:center !important; gap:10px !important; flex-shrink:0; margin:0 !important; padding:14px 6px 0 !important; border-top:1px solid var(--m-line) !important; }
body.atelier:not(.embedded) .v3-topbar .right .stat { min-width:0 !important; width:auto !important; padding:9px 12px !important; background:#f6fff487 !important; color:var(--m-text) !important; box-shadow:none !important; border-radius:14px !important; }
body.atelier:not(.embedded) #nav-menu-wrap { position:relative !important; display:block !important; width:44px !important; height:44px !important; padding:0 !important; margin:0 !important; }
body.atelier:not(.embedded) #nav-avatar { display:none !important; }
body.atelier:not(.embedded) #mint-settings-toggle { display:grid !important; place-items:center !important; width:44px !important; height:44px !important; min-height:44px !important; padding:11px !important; border:1px solid #c0ddc8 !important; border-radius:14px !important; color:#406e50 !important; background:linear-gradient(140deg,#f7fff9,#e0f3e5) !important; box-shadow:inset 0 1px 2px white,0 3px 8px #52765b12 !important; }
body.atelier:not(.embedded) #mint-settings-toggle svg { width:21px; height:21px; }
body.atelier:not(.embedded) #mint-settings-toggle:hover,
  body.atelier:not(.embedded) #mint-settings-toggle[aria-expanded=true] { background:#d4ebdc !important; border-color:#8cb59b !important; }
body.atelier:not(.embedded) .v3-topbar #settings-menu { position:absolute !important; z-index:1000 !important; box-sizing:border-box !important; padding:8px !important; left:auto !important; right:0 !important; bottom:54px !important; top:auto !important; width:205px !important; border-radius:16px !important; border:1px solid #c4dfce !important; background:#f5fff8 !important; box-shadow:0 12px 30px #3d705536 !important; }
body.atelier:not(.embedded) .v3-topbar .right .stat b { font-variant-numeric:tabular-nums; }
body.atelier:not(.embedded) .v3-topbar .right .stat .pd-pl { font-size:12px !important; color:var(--m-muted) !important; }
body.atelier:not(.embedded) .v3-topbar .right .stat b { font-size:18px !important; font-weight:650 !important; color:var(--m-ink) !important; }
 body.atelier:not(.embedded) .v3-topbar :is(button,a,span,strong,b) { font-family:var(--m-font) !important; }
 body.atelier:not(.embedded) .v3-topbar .app-tabs { display:flex !important; flex-direction:column !important; width:100% !important; }
 body.atelier:not(.embedded) .v3-topbar .app-tabs a { display:flex !important; align-items:center !important; justify-content:flex-start !important; height:auto !important; box-sizing:border-box !important; }
 body.atelier:not(.embedded) .v3-topbar .app-tabs :is(.nav-short,.shell-mobile-more) { display:none !important; }
 body.atelier:not(.embedded) .v3-topbar :is(.library-nav-footer,.workspace-menu-toggle) { display:none !important; }
 body.atelier:not(.embedded) .v3-topbar > .right { margin-top:auto !important; }
 body.atelier:not(.embedded) .v3-topbar .right .stat { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:4px !important; }
 body.atelier:not(.embedded) .v3-topbar #settings-menu[hidden] { display:none !important; }
 body.atelier:not(.embedded) .v3-topbar :is(a,button):focus-visible { outline:3px solid #286e51 !important; outline-offset:3px !important; }
 body.atelier:not(.embedded) .v3-topbar #settings-menu a { display:block; padding:12px 14px; color:#365c46; font-size:14px; text-decoration:none; border-radius:8px; }
 body.atelier:not(.embedded) .v3-topbar #settings-menu a:hover { background:#e4f1e8; }
}
@media (min-width:1101px) and (max-width:1279px) {
 body.atelier:not(.embedded) { --shell-content-offset:280px; }
 body.atelier:not(.embedded) .app-shell { margin-left:280px !important; }
 body.atelier:not(.embedded) .v3-topbar { width:230px !important; left:18px !important; padding-inline:10px !important; }
 body.atelier:not(.embedded) .v3-topbar .brand .name { font-size:14px !important; }
}

body.atelier.embedded .v3-topbar { display:none !important; }