.page-navbar{position:fixed;top:40px;left:0;right:0;height:56px;background:#191919e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #ffffff14;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:10002;transition:top .3s ease}.page-navbar.character-studio{background:linear-gradient(135deg,#1e140ff2,#321e14f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #ff8c4226,0 4px 20px #ff8c421a;border-bottom:1px solid rgba(255,140,66,.2)}body:not(.has-promotional-banner) .page-navbar{top:0}.page-navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.page-navbar-logo:hover{opacity:.8}.page-navbar-logo img{height:32px;width:auto}.page-navbar-logo span{color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px}.page-navbar-actions{display:flex;align-items:center;gap:16px}.back-to-studio-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-to-studio-button:hover{opacity:.8;transform:translateY(-1px)}@media (max-width: 768px){.page-navbar{padding:0 16px}.page-navbar-logo span,.back-to-studio-button span{display:none}.back-to-studio-button{padding:8px 12px}}