#root{flex-direction:column;height:100dvh;display:flex}.locale-bar{color:#454545;background:#fff;border-bottom:1px solid #e5e5e5;flex:0 0 48px;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;font-size:12px;display:flex}.locale-bar>span{font-weight:var(--weight-heading)}.prototype-nav{align-items:center;gap:12px;display:flex}.prototype-nav a{min-height:36px;color:inherit;text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.prototype-nav a:hover{color:#242424}.prototype-nav a:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}.locale-bar label{align-items:center;gap:10px;margin-left:auto;display:flex}.locale-bar select{color:#242424;background:#fff;border:1px solid #d1d1d1;border-radius:8px;min-height:36px;padding:4px 10px}#root>.app-shell{flex:1;height:100dvh;min-height:0}@media (hover:hover) and (pointer:fine){.dev-top-drawer{z-index:150;height:10px;position:fixed;inset:0 0 auto}.dev-top-drawer .locale-bar{opacity:0;pointer-events:none;min-height:48px;transition:transform .2s cubic-bezier(.2,0,0,1),opacity .15s;transform:translateY(-100%);box-shadow:0 8px 24px #00000014}.dev-top-drawer:hover .locale-bar,.dev-top-drawer:focus-within .locale-bar{opacity:1;pointer-events:auto;transform:translateY(0)}}@media (hover:none),(pointer:coarse){#root>.app-shell{height:calc(100dvh - 48px)}}#root>.onboarding{flex:1;min-height:0;overflow:auto}@media (width<=720px){.locale-bar{flex-wrap:wrap;flex:none;gap:4px 12px;min-height:48px;padding:6px 12px}.locale-bar select{max-width:190px;font-size:16px}}#root>.app-shell>.main-shell{height:100%}.locale-bar .voice-avatar-select{margin-left:0}@media (width<=720px){.locale-bar>span{display:none}.locale-bar label{gap:5px}.locale-bar label:first-of-type{flex:1;min-width:0;margin-left:0}.locale-bar select{width:100%;min-width:0;max-width:150px;padding-inline:6px;font-size:13px}.locale-bar .voice-avatar-select{flex:1;min-width:0}}