#workspaceHub{padding:32px;max-width:1400px;width:100%;margin:0 auto auto;box-sizing:border-box}
.workspace-navigation{display:flex;gap:6px;padding:12px 24px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--paper)}
.workspace-navigation a{display:flex;align-items:center;padding:10px 14px;border-radius:4px;text-decoration:none;color:var(--ink);font-size:13px;min-height:44px}
.workspace-navigation a[aria-current=page]{background:var(--ink);color:var(--paper);font-weight:650}
.workspace-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.workspace-navigation .workspace-admin{border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:start;padding:10px 14px;min-height:44px;border-radius:4px;cursor:pointer}
.workspace-navigation .workspace-admin:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.workspace-nav-brand{font-size:20px!important;font-weight:750;gap:10px}
.workspace-nav-brand img{border-radius:4px;flex-shrink:0}
@media(min-width:1100px){
  #appView:not([hidden]),body.lyrics-page,body.playlist-download-page,body.sound-prep-page{padding-left:210px!important}
  #appView:not([hidden]){width:100%!important;max-width:none!important;margin:0!important}
  .workspace-navigation{position:fixed;inset:0 auto 0 0;width:210px;z-index:45;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;padding:24px 14px;border-bottom:0;border-right:1px solid var(--line);overflow-y:auto}
  .workspace-navigation .workspace-nav-brand{margin-bottom:24px;padding:10px 4px}
  .workspace-navigation a{font-size:13px;white-space:normal;overflow-wrap:anywhere}
  #workspaceHub{padding:32px;max-width:none}
  .lyrics-shell,.download-shell{width:calc(100% - 56px)!important;max-width:1400px;margin-inline:auto}
  .download-intro{grid-template-columns:minmax(0,1fr)!important}
  .download-account{width:auto!important;max-width:100%!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0!important;border:0!important}
}
@media(max-width:1099px){.workspace-nav-brand{display:none!important}.workspace-navigation{padding:8px 14px;gap:3px}.workspace-navigation a{padding:8px 10px}}
#workspaceHub[hidden]{display:none}
#workspaceHub h1{font-size:28px;line-height:1.3;margin:0 0 12px;letter-spacing:0}
#workspaceHub>p{color:var(--ink-70);margin-bottom:28px}
.hub-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hub-product{display:flex;flex-direction:column;gap:16px;padding:28px;min-width:0;border-right:1px solid var(--line)}
.hub-product:last-child{border-right:0}
.hub-product h2{font-size:22px;line-height:1.35;margin:0}
.hub-product p{line-height:1.65;flex:1}
.hub-product a{display:flex;justify-content:center;align-items:center;text-decoration:none;min-height:44px}
.is-hub #notice,.is-hub #firstUseGuide,.is-hub .status-pills{display:none!important}
.is-hub .brand [data-i18n="brand.subtitle"]{display:none}
@media(max-width:760px){#workspaceHub{padding:22px 16px}.hub-products{grid-template-columns:1fr}.hub-product{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.hub-product:last-child{border-bottom:0}}

.hub-product:nth-child(2n){border-right:0}.hub-product:nth-child(n+3){border-top:1px solid var(--line)}