/* The workspace shell owns its navigation at every breakpoint. */
body{--navigation-width:248px}
body.sidebar-collapsed{--navigation-width:80px}
body:not(.home-route) .app-shell{margin-left:var(--navigation-width);padding-bottom:0;transition:margin-left .2s ease}
#workspace-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--navigation-width);height:100dvh;display:flex;flex-direction:column;gap:0;padding:28px 18px 17px;background:#fff;border:0;border-right:1px solid #e7e9ec;color:#23262b;overflow-y:auto;overflow-x:hidden;transition:width .2s ease,padding .2s ease;scrollbar-width:thin;scrollbar-color:#dce0e5 transparent}
body.home-route #workspace-sidebar,body.home-route .navigation-backdrop{display:none}
body.home-route .app-shell{margin-left:0}
#workspace-sidebar .sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 1px 34px;min-height:38px;flex:none}
#workspace-sidebar .product-brand{display:flex;align-items:center;gap:10px;margin:0;padding:0;min-height:0;font-size:23px;line-height:1;color:#25282d;text-decoration:none}
#workspace-sidebar .product-brand,.th-brand{font-family:"Open Runde",system-ui,sans-serif;font-weight:700;letter-spacing:-.05em}
#workspace-sidebar .product-brand::before{content:none}
#workspace-sidebar .brand-symbol{width:32px;height:36px;display:grid;place-items:center;flex:none;color:#2c333b}
#workspace-sidebar .brand-symbol svg{width:30px;height:30px}
#workspace-sidebar .brand-symbol img{display:block;width:42px;height:42px;max-width:none;object-fit:contain}
.th-brand{gap:6px}
.th-brand .musekin-logo{display:block;width:44px;height:44px;object-fit:contain;flex:none;margin-left:-5px}
.th-footer .th-brand .musekin-logo{width:36px;height:36px}
#workspace-sidebar .brand-name{display:block;font:inherit;letter-spacing:inherit;color:inherit;line-height:1.2}
#workspace-sidebar .sidebar-toggle{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border:1px solid #e3e6ea;border-radius:50%;background:#fff;color:#929aa5;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}
#workspace-sidebar .sidebar-toggle:hover{background:#f1f3f6;color:#303843}
#workspace-sidebar .sidebar-toggle svg{width:16px;height:16px}
#workspace-sidebar #navigation{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;margin:0;padding:0;height:auto;flex:none}
#workspace-sidebar .nav-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;min-height:47px;padding:12px 13px;margin:0;border:0;border-radius:9px;color:#818994;background:transparent;box-shadow:none;font-size:15px;font-weight:400;line-height:1.4;text-decoration:none;transition:color .15s,background .15s;white-space:nowrap}
#workspace-sidebar .nav-item:hover{color:#333b46;background:#f7f8fa}
#workspace-sidebar .nav-item.active{color:#242b35;background:#f0f2f5;font-weight:500;box-shadow:none}
#workspace-sidebar .nav-icon{display:flex;align-items:center;justify-content:center;width:21px;height:21px;flex:none;color:inherit}
#workspace-sidebar .nav-icon svg{width:21px;height:21px;stroke-width:1.65}
#workspace-sidebar .nav-label{display:block;font:inherit;white-space:nowrap}
#workspace-sidebar .nav-separator{display:block;height:1px;min-height:1px;border:0;background:#eaedf0;margin:16px 12px 14px;flex:none}
#workspace-sidebar .sidebar-bottom{display:block;margin-top:auto;padding-top:32px;flex:none}
#workspace-sidebar .sidebar-network{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 12px 20px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
#workspace-sidebar .sidebar-network>img{display:block;box-sizing:content-box;height:15px;width:auto;max-width:155px;padding:6px 8px;background:#fff;border-radius:5px;object-fit:contain;opacity:.85}
#workspace-sidebar .sidebar-network>strong{font-size:13px;color:#626c79;font-weight:400}
#workspace-sidebar .sidebar-model{display:block;margin:0 12px 18px;text-align:left;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:0;color:#9aa1aa}
#workspace-sidebar .sidebar-account-row{display:flex;align-items:center;gap:5px;border-top:1px solid #e8ebef;padding-top:15px}
#workspace-sidebar .account-button{display:flex;flex:1;align-items:center;justify-content:flex-start;gap:10px;width:auto;min-width:0;min-height:43px;padding:5px 6px;margin:0;border:0;border-radius:8px;background:transparent;color:#3c4450;box-shadow:none;text-align:left;cursor:pointer}
#workspace-sidebar .account-button:hover{background:#f6f7f9}
#workspace-sidebar .account-avatar{display:grid;place-items:center;flex:none;width:33px;height:33px;border:1px solid #e5e9ef;border-radius:50%;background:#f4f6f9;color:#7a8796;font-size:13px;text-transform:uppercase}
#workspace-sidebar .account-avatar svg{width:17px;height:17px}
#workspace-sidebar .account-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
#workspace-sidebar .account-copy strong{display:block;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#workspace-sidebar .account-copy small{display:block;font-size:10px;font-weight:400;line-height:1.3;color:#9ba3ad}
#workspace-sidebar .account-chevron{display:none}
#workspace-sidebar .account-button::after{display:none}
#workspace-sidebar .sidebar-social{display:grid;place-items:center;width:29px;height:33px;color:#9ba3ad;border-radius:7px;flex:none}
#workspace-sidebar .sidebar-social svg{width:14px;height:14px}
#workspace-sidebar .sidebar-social:hover{color:#414b58;background:#f0f3f6}
#workspace-sidebar a:focus-visible,#workspace-sidebar button:focus-visible,.mobile-menu-button:focus-visible{outline:2px solid #87b4ec;outline-offset:4px}
body.sidebar-collapsed #workspace-sidebar{padding-inline:14px}
body.sidebar-collapsed #workspace-sidebar .sidebar-heading{flex-direction:column;gap:15px;margin-bottom:24px}
body.sidebar-collapsed #workspace-sidebar .brand-name,body.sidebar-collapsed #workspace-sidebar .nav-label,body.sidebar-collapsed #workspace-sidebar .sidebar-network,body.sidebar-collapsed #workspace-sidebar .sidebar-model,body.sidebar-collapsed #workspace-sidebar .account-copy,body.sidebar-collapsed #workspace-sidebar .sidebar-social{display:none}
body.sidebar-collapsed #workspace-sidebar .sidebar-toggle svg{transform:rotate(180deg)}
body.sidebar-collapsed #workspace-sidebar .nav-item{justify-content:center;padding:12px 0}
body.sidebar-collapsed #workspace-sidebar .nav-separator{margin-inline:10px}
body.sidebar-collapsed #workspace-sidebar .account-button{justify-content:center;padding:5px 0}
body:not(.home-route) .topbar{height:74px;padding:0 32px;background:#fcfcfa;border-bottom:1px solid #e4e5e4;gap:16px}
.topbar-left{display:flex;align-items:center;gap:13px;min-width:0}
body:not(.home-route) .breadcrumb{display:flex;align-items:center;gap:0;font-size:14px;min-width:0}
body:not(.home-route) .breadcrumb span{padding:0;margin:0}
body:not(.home-route) .breadcrumb strong{font-size:14px;font-weight:500;line-height:1.4;color:#353b43;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-right .button{padding:10px 16px;border-radius:20px;font-size:12px;font-weight:500}
.mobile-menu-button,.navigation-backdrop{display:none}
body:not(.home-route) .toast{left:calc(50% + var(--navigation-width)/2);bottom:24px}
.th-chain-logo{display:inline-flex;align-items:center;background:#fff;border:1px solid #e6e8e5;border-radius:10px;padding:11px 14px;margin-bottom:23px}
.th-chain-logo img{width:auto;height:20px;display:block}
.th-chain-logo>span{font-size:11px;color:#6f7973;margin-left:14px;padding-left:14px;border-left:1px solid #e3e7e1}
@media(min-width:721px) and (max-height:800px){
  #workspace-sidebar{padding-top:21px;padding-bottom:12px}
  #workspace-sidebar .sidebar-heading{margin-bottom:22px}
  #workspace-sidebar #navigation{gap:4px}
  #workspace-sidebar .nav-item{min-height:43px;padding-block:10px}
  #workspace-sidebar .nav-separator{margin-block:13px 10px}
  #workspace-sidebar .sidebar-bottom{padding-top:24px}
  #workspace-sidebar .sidebar-network{margin-bottom:12px}
  #workspace-sidebar .sidebar-model{margin-bottom:13px}
}
@media(max-width:720px){
  body,body.sidebar-collapsed{--navigation-width:0px}
  body:not(.home-route) .app-shell{margin-left:0;padding-bottom:0}
  #workspace-sidebar,body.sidebar-collapsed #workspace-sidebar{inset:0 auto 0 0;width:min(292px,85vw);height:100dvh;padding:24px 20px max(18px,env(safe-area-inset-bottom));z-index:100;visibility:hidden;transform:translateX(-100%);transition:transform .2s ease;backdrop-filter:none}
  body.navigation-open #workspace-sidebar{visibility:visible;transform:translateX(0)}
  body.navigation-open{overflow:hidden}
  body.navigation-open .navigation-backdrop{display:block;position:fixed;inset:0;z-index:90;padding:0;margin:0;border:0;background:#10151d80;backdrop-filter:blur(3px)}
  #workspace-sidebar .sidebar-heading,body.sidebar-collapsed #workspace-sidebar .sidebar-heading{flex-direction:row;margin-bottom:25px;gap:10px}
  body.sidebar-collapsed #workspace-sidebar .brand-name,body.sidebar-collapsed #workspace-sidebar .nav-label,body.sidebar-collapsed #workspace-sidebar .sidebar-model,body.sidebar-collapsed #workspace-sidebar .sidebar-social{display:block}
  body.sidebar-collapsed #workspace-sidebar .sidebar-network,body.sidebar-collapsed #workspace-sidebar .account-copy{display:flex}
  body.sidebar-collapsed #workspace-sidebar .nav-item{justify-content:flex-start;padding:12px 13px}
  body.sidebar-collapsed #workspace-sidebar .account-button{justify-content:flex-start;padding:5px 6px}
  body.sidebar-collapsed #workspace-sidebar .sidebar-toggle svg{transform:none}
  #workspace-sidebar .nav-item{font-size:16px;min-height:46px}
  #workspace-sidebar .nav-separator{margin-block:15px}
  body:not(.home-route) .topbar{height:66px;padding:0 18px;gap:10px}
  .mobile-menu-button{display:grid;place-items:center;flex:none;width:30px;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:#414850;cursor:pointer}
  .mobile-menu-button svg{width:21px;height:21px}
  .topbar-right .button{font-size:11px;padding:9px 13px}
  body:not(.home-route) .toast{left:50%;bottom:20px}
  .th-chain-logo{padding:10px 12px}
  .th-chain-logo>span{display:none}
}
@media(prefers-reduced-motion:reduce){#workspace-sidebar,#workspace-sidebar .nav-item,body:not(.home-route) .app-shell{transition:none}}