.nav a.active,.nav a[aria-current]{color:#c100b0!important}.nav a.active::after,.nav a[aria-current]::after{display:block;transform:scaleX(1);background:#e815d1;height:1px}.nav a:not(.active):not([aria-current]):hover::after{transform:scaleX(0)}.nav a{white-space:nowrap}.nav,.studio-header .nav{align-items:center}.studio-header .nav>a:not(.nav-login){padding:8px 0;line-height:1.4}.studio-header .nav>a:not(.nav-login)::after{bottom:1px}
.nav .nav-login,.studio-header .nav .nav-login{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-left:16px;padding:11px 16px;border:1px solid #2a3a44;border-radius:11px;background:#2a3a44;color:#fff!important;font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 5px 14px #2a3a440b;text-decoration:none;transition:background .2s,transform .2s}.nav .nav-login span{color:#f196e3;font-size:14px}.nav .nav-login::after{display:none!important}.nav .nav-login:hover{background:#3c4a59;transform:translateY(-1px)}.nav .nav-login:focus-visible{outline:2px solid #dd15c9;outline-offset:4px}
@media(max-width:760px){
.topbar,.inner-page .topbar,.studio-header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:40px 36px;align-items:center;gap:8px 0;padding:12px 16px;min-height:110px;height:110px;box-sizing:border-box}
.topbar,.inner-page .topbar{width:calc(100% - 28px);border-radius:20px}
.topbar>.brand,.studio-header>a{grid-column:1/3;grid-row:1;width:auto;justify-self:start}
.topbar .brand img,.inner-page .topbar .brand img,.studio-header>a img{width:100px;height:auto}
.topbar .nav,.inner-page .topbar .nav,.studio-header .nav{display:contents}
.topbar .nav>a:not(.nav-login),.inner-page .topbar .nav>a:not(.nav-login),.studio-header .nav>a:not(.nav-login){grid-row:2;display:flex;align-items:center;justify-content:center;padding:8px 0;font-size:12px;line-height:20px;min-width:0;position:relative}
.topbar .nav>a:nth-child(1),.studio-header .nav>a:nth-child(1){grid-column:1}.topbar .nav>a:nth-child(2),.studio-header .nav>a:nth-child(2){grid-column:2}.topbar .nav>a:nth-child(3),.studio-header .nav>a:nth-child(3){grid-column:3}.topbar .nav>a:nth-child(4),.studio-header .nav>a:nth-child(4){grid-column:4}
.topbar .nav>a:not(.nav-login)::after,.studio-header .nav>a:not(.nav-login)::after{bottom:2px;left:20%;right:20%}
.topbar .nav .nav-login,.inner-page .topbar .nav .nav-login,.studio-header .nav .nav-login{grid-column:3/5;grid-row:1;justify-self:end;align-self:center;margin:0;padding:10px 12px;font-size:10px;gap:10px;border-radius:10px;min-height:38px}
.studio-header{width:100%;border-radius:0;padding-left:20px;padding-right:20px}.studio-layout{height:calc(100dvh - 110px)}
}
@media(max-width:360px){.topbar .nav>a:not(.nav-login),.inner-page .topbar .nav>a:not(.nav-login),.studio-header .nav>a:not(.nav-login){font-size:11px}.topbar .nav .nav-login,.inner-page .topbar .nav .nav-login,.studio-header .nav .nav-login{font-size:9px;padding:10px;gap:8px}.topbar .brand img,.inner-page .topbar .brand img,.studio-header>a img{width:90px}}
@media(prefers-reduced-motion:reduce){.nav .nav-login{transition:none}}