/* GO STUDIO 1.7.99 navigation.css + home.css.
   Selectors adapted to GO ONE; functions and palette retained. */
.nav{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(10px + env(safe-area-inset-bottom,0px));width:min(510px,calc(100% - 20px));height:72px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;gap:0;border:0;border-radius:999px;background:transparent;box-shadow:none;overflow:visible;isolation:isolate;filter:drop-shadow(0 4px 8px #20243726);z-index:20}
.nav::before{content:'';position:absolute;inset:0;border-radius:999px;background:var(--studio-granite,#505466);z-index:-1;mask-image:var(--nav-rounded-mask);-webkit-mask-image:var(--nav-rounded-mask);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none}
.nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;height:60px;padding:5px 0;gap:4px;border:0;border-radius:999px;line-height:14px;background:transparent;color:#fff;isolation:isolate;font-weight:400;transition:color .16s}
.nav button>svg{width:23px;height:23px;flex-shrink:0}
.nav button>span{display:block;max-width:100%;font-size:clamp(9px,2.8vw,11px);line-height:14px;white-space:nowrap;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis}
.nav button.active{background:transparent;color:#111827;font-weight:600}
.nav button.active::before{content:'';position:absolute;inset:5%;border-radius:999px;background:#f3f4f5;z-index:-1;pointer-events:none}
.nav button.active>svg{color:var(--accent);stroke-width:2.5}
.nav button:nth-of-type(2){transform:translateX(4px)}
.nav button:nth-of-type(4){grid-column:4;transform:translateX(-4px)}
.nav button:nth-of-type(5){grid-column:5}
.nav button.central{position:absolute;left:50%;top:-12px;transform:translateX(-50%);margin:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;padding:0;gap:0;border-radius:50%;background:var(--accent);color:#111827;box-shadow:none}
.nav button.central>svg{width:32px;height:32px}
.nav button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.nav button{transition:none}}
/* Final mobile label rule from GO STUDIO surface-cleanup.css. */
@media(max-width:700px){.nav button>span{font-size:clamp(8.64px,2.688vw,10.56px)}}
/* GO STUDIO quick-action popover, with GO ONE action assignments. */
#quick-shade{position:fixed;inset:0;z-index:19;background:#20243712}
.quick-actions{position:fixed;z-index:21;left:50%;bottom:calc(94px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:180px;padding:10px;background:#fff;color:#111827;border-radius:20px;box-shadow:0 8px 40px #0002;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quick-choice{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border-radius:14px;background:#f3f4f5;padding:14px 5px;font-size:10px;color:#111827}.quick-choice svg{width:28px;height:28px}.quick-config{grid-column:1/-1;font-size:10px;color:#68717d;padding:7px 0}
