body.has-stage{--studio-search-placeholder: #929caa;--studio-search-icon: #8793a5;--studio-search-focus: #000;--studio-header-shadow: 0 2px 8px #1b355105;--nav-top: 0px;--nav-h: 76px;--nav-room: 76px}:root[data-theme=dark] body.has-stage{--studio-search-placeholder: #8994a5;--studio-search-icon: #9ca7b7;--studio-search-focus: #fff;--studio-header-shadow: 0 2px 8px #0002}body.has-stage .studio-header{padding:0;background:var(--bg);box-shadow:var(--studio-header-shadow);pointer-events:auto}body.has-stage .studio-header>.wrap{height:76px;max-width:var(--page);padding:0 32px;gap:32px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}body.has-stage .studio-header .brand{flex:none}body.has-stage .studio-header .spacer{display:none}body.has-stage .studio-header .nav{margin-left:auto;gap:6px}body.has-stage .studio-header .nav>a:not(.signin){color:var(--fg2);font-size:16px;font-weight:550}body.has-stage .studio-header .nav>a:not(.signin):hover{color:var(--accent)}body.has-stage .studio-header .top-search{flex:1;max-width:580px;min-width:0;height:42px;margin:0 auto;padding:0 5px 0 15px;gap:10px;border-color:var(--line-strong);border-radius:999px;background:var(--raised);box-shadow:none;transition:border-color .24s ease-in-out,box-shadow .24s ease-in-out}body.has-stage .studio-header .top-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}body.has-stage .studio-header .top-search>svg{width:17px;height:17px;color:var(--studio-search-icon);transition:color .24s ease-in-out}body.has-stage .studio-header .top-search:has(input:focus)>svg{color:var(--studio-search-focus)}body.has-stage .studio-header .top-search input[name=q]{font-size:13px;line-height:1.5}body.has-stage .studio-header .top-search input::placeholder{color:var(--studio-search-placeholder);opacity:1}body.has-stage .studio-header .top-search .where-btn{height:30px;padding:0 6px;gap:5px;font-size:12px}body.has-stage .studio-header .top-search .where-btn .wb-place{max-width:11ch}body.has-stage .studio-header .top-search .go{width:30px;height:30px;background:var(--panel);color:var(--muted);box-shadow:none;transition:background .24s ease-in-out,color .24s ease-in-out}body.has-stage .studio-header .top-search .go svg{width:16px;height:16px;stroke-width:1.9}body.has-stage .studio-header .top-search:focus-within .go{background:var(--accent-faint);color:var(--accent)}body.has-stage .studio-header .top-search .go:hover{background:var(--accent-soft);color:var(--accent)}body.has-stage .studio-header .top-search .go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu){top:calc(100% + 9px);left:0;right:0;min-width:0;padding:0;border-radius:0;background:var(--raised)}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi{width:100%;min-height:48px;margin:0;padding:10px 16px;border-radius:0;font-size:13px;gap:8px}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi .name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:550}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi .sub,body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi .tag{font-size:11px}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi:hover,body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi[aria-selected=true]{background:var(--accent-faint)}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi.is-query{border:0;margin:0}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi.is-query .name{color:var(--fg2)}@media(min-width:821px)and (max-width:1100px){body.has-stage .studio-header>.wrap{gap:20px}body.has-stage .studio-header .nav{gap:0}body.has-stage .studio-header .nav>a:not(.signin){padding:0 8px}body.has-stage .studio-header .top-search{gap:7px}body.has-stage .studio-header .top-search .where-btn .wb-drive:not([hidden]){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media(max-width:820px){body.has-stage{--nav-h: 104px;--nav-room: 104px}body.has-stage .studio-header>.wrap{height:auto;min-height:104px;padding:8px 16px;gap:6px 12px}body.has-stage .studio-header .top-search{order:3;flex:1 0 100%;max-width:none;height:40px;margin:0;gap:7px}body.has-stage .studio-header .nav{gap:0}body.has-stage .studio-header .nav>a:not(.signin){height:36px;padding:0 6px;font-size:15px}body.has-stage .studio-header .nav-saved{min-width:36px}body.has-stage .studio-header .nav-menu-btn{height:32px;width:32px}body.has-stage .studio-header .top-search .where-btn .wb-place{max-width:10ch}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu){max-height:min(360px,calc(100dvh - 160px));overscroll-behavior:contain}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi{padding:11px 14px}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu) .mi .tag{display:none}}@media(max-width:360px){body.has-stage .studio-header .brand{gap:6px;font-size:20px}body.has-stage .studio-header .brand .mark{width:34px;height:34px}body.has-stage .studio-header .top-search{padding-left:12px;gap:6px}body.has-stage .studio-header .top-search .where-btn .wb-place{max-width:9ch}}@media(prefers-reduced-motion:reduce){body.has-stage .studio-header .top-search,body.has-stage .studio-header .top-search>svg,body.has-stage .studio-header .top-search .go{transition:none}body.has-stage .studio-header .top-search :is(#search-menu,#near-menu){animation:none}}@media(max-width:960px){body.has-stage{--nav-room: 56px}body.has-stage .studio-header>.wrap{min-height:56px;height:56px;gap:8px}body.has-stage .studio-header .nav .nav-search{width:32px;padding:0}}