.studio-auth{font-family:var(--font-body), sans-serif;line-height:1.6}.studio-auth *{box-sizing:border-box}.studio-auth a{text-decoration:none}.studio-auth button{cursor:pointer}.studio-auth button:disabled{cursor:not-allowed}.studio-auth :focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.access-shell{background:hsl(var(--card));min-height:100dvh;color:hsl(var(--foreground));grid-template-columns:minmax(360px,46%) minmax(0,1fr);display:grid}.access-skip{z-index:100;background:hsl(var(--card));color:hsl(var(--primary));box-shadow:var(--elevation-menu);border-radius:10px;padding:12px 16px;position:fixed;top:-100px;left:24px}.access-skip:focus{top:16px}.access-aside{background:hsl(var(--card));border-right:1px solid hsl(var(--border));flex-direction:column;min-height:100dvh;padding:24px clamp(24px,3.5vw,48px) 16px;display:flex}.access-brand{width:fit-content;color:hsl(var(--foreground));letter-spacing:-.055em;align-items:center;gap:10px;font-size:21px;font-weight:690;display:inline-flex}.access-brand-mark{background:hsl(var(--primary));width:30px;height:30px;color:hsl(var(--primary-foreground));border-radius:10px;place-items:center;display:grid}.access-intro{width:100%;max-width:380px;margin-block:auto;padding:22px 0}.access-eyebrow{color:hsl(var(--primary));letter-spacing:.01em;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:600;display:inline-flex}.access-eyebrow>span,.access-status-dot{background:hsl(var(--primary));border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.access-intro h2{letter-spacing:-.065em;text-wrap:balance;font-size:clamp(30px,2.8vw,38px);font-weight:550;line-height:1.08}.access-intro>p{max-width:330px;color:hsl(var(--muted-foreground));text-wrap:pretty;margin-top:14px;font-size:14px;line-height:1.75}.access-preview{border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 14px 35px -22px hsl(var(--foreground) / .22);border-radius:16px;margin-top:20px;overflow:hidden}.access-preview-top{border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.access-preview-top>span{color:hsl(var(--foreground));align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.access-preview-top>span svg{color:hsl(var(--primary))}.access-preview-domain{align-items:center;gap:10px;padding:14px 16px;display:flex}.access-domain-avatar{border:1px solid hsl(var(--border));background:hsl(var(--muted));width:32px;height:32px;color:hsl(var(--foreground));letter-spacing:-.07em;border-radius:10px;flex-shrink:0;place-items:center;font-size:22px;font-weight:600;display:grid}.access-preview-domain>div{gap:2px;min-width:0;display:grid}.access-preview-domain strong{font-size:12px;font-weight:600}.access-preview-domain>div>span{color:hsl(var(--muted-foreground));font-size:10px}.access-preview-connected{color:hsl(var(--primary));align-items:center;gap:4px;margin-left:auto;font-size:9px;font-weight:500;display:inline-flex}.access-preview-messages{padding-inline:8px}.access-preview-message{border-top:1px solid hsl(var(--border) / .75);align-items:center;gap:10px;padding:10px;display:flex}.access-preview-message>div{min-width:0}.access-preview-message strong{font-size:11px;font-weight:600;display:block}.access-preview-message p{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--muted-foreground));margin-top:2px;font-size:10px;overflow:hidden}.access-preview-avatar{border-radius:9px;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:9px;font-weight:600;display:grid}.access-preview-avatar-sage{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.access-preview-avatar-sand{background:hsl(var(--warning) / .12);color:hsl(var(--foreground))}.access-preview-avatar-stone{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.access-preview-time{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;flex-shrink:0;align-self:flex-start;margin-left:auto;padding-top:2px;font-size:9px}.access-preview-bottom{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));align-items:center;gap:6px;padding:10px 16px;font-size:10px;display:flex}.access-preview-bottom .access-status-dot{width:4px;height:4px}.access-principles{color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:10px 16px;margin-top:16px;font-size:11px;display:flex}.access-principles>span{align-items:center;gap:5px;display:flex}.access-principles svg{color:hsl(var(--primary))}.access-aside-bottom{color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.access-aside-bottom a{align-items:center;gap:5px;padding-block:8px;display:inline-flex}.access-aside-bottom a:hover{color:hsl(var(--primary))}.access-content{flex-direction:column;min-width:0;display:flex}.access-top{justify-content:flex-end;padding:20px clamp(24px,3.5vw,48px) 0;display:flex}.access-top a{min-height:44px;color:hsl(var(--muted-foreground));align-items:center;gap:8px;font-size:12px;transition:color .15s;display:inline-flex}.access-top a:hover{color:hsl(var(--primary))}.access-main{outline:none;flex:1;align-content:center;padding:32px clamp(24px,3.5vw,48px) 38px;display:grid}.access-form-region{width:100%;max-width:340px;margin-inline:auto}.access-heading{margin-bottom:18px}.access-form-eyebrow{color:hsl(var(--primary));margin-bottom:12px;font-size:11px;font-weight:550;display:block}.access-heading h1{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(25px,2.2vw,27px);font-weight:570;line-height:1.18}.access-heading p{color:hsl(var(--muted-foreground));text-wrap:pretty;margin-top:10px;font-size:13px;line-height:1.75}.access-form{gap:14px;display:grid}.access-field{gap:6px;display:grid}.access-field-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.access-field label{color:hsl(var(--foreground));font-size:12px;font-weight:600}.access-shell .access-field input{border:1px solid hsl(var(--input));background:hsl(var(--card));width:100%;height:42px;min-height:42px;color:hsl(var(--foreground));box-shadow:0 1px 2px hsl(var(--foreground) / .02);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.access-shell .access-field input:focus-visible{border-color:hsl(var(--primary));outline:3px solid hsl(var(--primary) / .15);outline-offset:1px;box-shadow:none}.access-shell .access-field input::placeholder{color:hsl(var(--muted-foreground) / .8)}.access-field small{color:hsl(var(--muted-foreground));font-size:11px;line-height:1.7}.access-forgot{color:hsl(var(--primary));font-size:11px;font-weight:500}.access-forgot:hover,.access-link:hover{text-underline-offset:3px;text-decoration:underline}.access-link{color:hsl(var(--primary));font-weight:600}.access-password{position:relative}.access-shell .access-password input{padding-right:46px}.access-reveal{width:38px;height:38px;color:hsl(var(--muted-foreground));border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid;position:absolute;top:2px;right:2px}.access-reveal:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.access-shell .access-submit{background:hsl(var(--primary));width:100%;height:auto;min-height:42px;color:hsl(var(--primary-foreground));border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.access-shell .access-submit:hover{background:hsl(var(--primary) / .9)}.access-shell .access-submit:active{transform:translateY(1px)}.access-shell .access-submit:disabled{opacity:.5;cursor:not-allowed}.access-footer{color:hsl(var(--muted-foreground));text-align:center;margin-top:18px;font-size:12px;line-height:1.8}.access-footer a,.access-footer button{color:hsl(var(--primary));margin-left:4px;font-weight:600;display:inline}.access-footer a:hover,.access-footer button:hover{text-underline-offset:3px;text-decoration:underline}.access-bottom{color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;padding:12px 24px 18px;font-size:11px;display:flex}.access-bottom a{min-height:36px;color:hsl(var(--primary));align-items:center;gap:4px;display:inline-flex}.access-error{border:1px solid hsl(var(--destructive) / .22);background:hsl(var(--card));color:hsl(var(--destructive));border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.7;display:flex}.access-error>svg{flex-shrink:0;margin-top:3px}.access-success{border:1px solid hsl(var(--success) / .2);background:hsl(var(--card));color:hsl(var(--success));border-radius:16px;justify-items:start;gap:12px;padding:16px;display:grid}.access-message{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.75}.access-message strong{color:hsl(var(--foreground));overflow-wrap:anywhere}.access-loading{min-height:80px;color:hsl(var(--muted-foreground));align-items:center;gap:10px;font-size:14px;display:flex}@media (min-width:1500px){.access-aside{align-items:center}.access-aside>.access-brand,.access-aside-bottom{width:380px}}@media (max-width:1100px){.access-aside{padding-inline:28px}.access-intro h2{font-size:34px}.access-preview-connected{font-size:8px}.access-main{padding-inline:36px}}@media (max-width:900px){.access-shell{grid-template-columns:minmax(310px,43%) minmax(0,1fr)}.access-intro h2{font-size:30px}.access-aside{padding-inline:24px}.access-preview-domain{gap:8px;padding:14px}.access-preview-connected,.access-preview-time{display:none}.access-principles{gap:10px}}@media (min-width:721px) and (max-height:850px){.access-aside{padding-top:28px}.access-intro{padding-block:20px}.access-intro h2{font-size:clamp(30px,2.8vw,36px)}.access-eyebrow{margin-bottom:16px}.access-preview{margin-top:20px}.access-preview-message{padding-block:9px}.access-main{padding-block:32px}.access-top{padding-top:22px}}@media (max-width:720px){.access-shell{flex-direction:column;display:flex}.access-aside{border-right:0;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));min-height:auto;padding:18px 22px}.access-intro,.access-aside-bottom{display:none}.access-content{flex:1}.access-top{justify-content:flex-start;padding:8px 22px 0}.access-main{align-content:start;padding:22px 22px 30px}.access-form-region{max-width:340px}.access-heading h1{font-size:26px}.access-shell .access-field input{height:44px;min-height:44px;font-size:16px}.access-shell .access-submit{min-height:44px}.access-reveal{width:44px;height:44px;top:0;right:0}.access-field label{font-size:13px}.access-forgot{font-size:12px}.access-form-eyebrow{margin-bottom:10px}.access-bottom{padding:14px 20px 20px}}@media (max-width:360px){.access-main{padding-inline:10px}.access-heading h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.access-shell *{transition:none!important;animation:none!important}}
