@font-face{font-family:ViziiaInter;src:url('/static/fonts/Inter_18pt-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ViziiaInter;src:url('/static/fonts/Inter_18pt-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:OpenSauce;src:url('/static/fonts/open-sauce.one-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ease:cubic-bezier(.22,1,.36,1);--font-body:OpenSauce,system-ui,sans-serif;--font-heading:ViziiaInter,system-ui,sans-serif}
body{font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3,.eyebrow,.brand,.nav-label{font-family:var(--font-heading)}h1{font-weight:600}h2,h3{font-weight:400}strong,b,.primary{font-family:var(--font-heading);font-weight:600}.brand-image{display:block;width:180px;height:24px;line-height:1}.brand-image svg{display:block;width:100%;height:100%}.sidebar>.brand-image{width:173px;height:24px;margin:0 9px 34px}.sidebar nav a{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:44px;transition:color .2s var(--ease),background .2s var(--ease)}.sidebar nav a svg{flex-shrink:0;color:#aaaab3}.sidebar nav a.selected svg,.sidebar nav a:hover svg{color:#fff}.sidebar nav a:hover{background:transparent}.sidebar nav a.selected{background:transparent;box-shadow:inset 0 0 0 1px #fff;color:#fff}.nav-hover{position:absolute!important;inset:0;border-radius:7px;background:transparent;box-shadow:inset 0 0 0 1px #fff;z-index:-1;pointer-events:none}.nav-text{position:relative}.animated-nav{display:flex;flex-direction:column;gap:4px}.counter{margin-left:auto}.workspace-icon{font-family:var(--font-heading);font-weight:600;font-size:15px}
button,.button{transition:background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease);min-height:40px}button:not(:disabled):active,.button:active{transform:translateY(1px)}button:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #ceced8;outline-offset:4px}button:disabled{transform:none;cursor:not-allowed}.icon{font-size:inherit;min-width:36px;min-height:36px;padding:8px}i[data-icon]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;vertical-align:middle;font-style:normal}i[data-icon] svg{width:100%;height:100%}.button-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.colorful-button{position:relative;overflow:hidden;isolation:isolate;background:#19191e!important;color:#fff!important;border:1px solid #676071!important;box-shadow:inset 0 1px 0 #ffffff16;font-family:var(--font-body);font-weight:400;min-height:44px}.colorful-gradient{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#6366f1,#a855f7 55%,#ec4899);opacity:.30;filter:blur(13px);transform:scale(1.15);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}.colorful-button:hover .colorful-gradient{opacity:.6;transform:scale(1.4)}.colorful-button:hover{border-color:#95829f!important;box-shadow:0 3px 15px #0003}.colorful-button svg{transition:transform .3s var(--ease)}.colorful-button:hover svg{transform:translate(1px,-1px)}.primary:not(.colorful-button){box-shadow:inset 0 1px 0 #ffffff50}.primary:not(.colorful-button):hover{background:#fff}
.login-layout{grid-template-columns:1.12fr 1fr;min-height:100dvh}.login-intro{background:#101012;padding:54px 64px;min-height:760px;border-right:1px solid #27272c;display:flex;flex-direction:column;justify-content:flex-start;isolation:isolate}.login-intro>.brand-image{width:214px;height:27px;margin:0 0 108px;position:relative;z-index:2}.login-editorial{position:absolute;right:-4%;bottom:0;width:78%;height:83%;object-fit:contain;object-position:right bottom;opacity:.13;pointer-events:none;z-index:-1;filter:grayscale(1)}.hero-content{position:relative;z-index:1}.login-intro .eyebrow{font-size:9px;letter-spacing:1.5px;color:#b9b9c0;max-width:370px;margin-bottom:24px}.login-intro h1{font-family:var(--font-heading);font-weight:600;font-size:clamp(44px,4.9vw,76px);letter-spacing:-2.8px;line-height:1.07;margin-bottom:24px}.hero-word{display:block;position:relative;min-height:1.16em;overflow:hidden}.hero-word>span{display:inline-block}.login-intro .lead{font-size:13px;line-height:1.9;max-width:395px;color:#b5b5be;margin-top:20px}.intro-footnote{position:relative;display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:88px;font-size:9px;letter-spacing:1.3px;color:#9b9ba6}.intro-footnote i{width:21px}.motion-toggle{border:0;padding:8px 0;gap:7px;background:transparent;color:#888892;font-size:10px;min-height:32px;margin-top:16px}.motion-toggle:hover{background:transparent;color:#eee}.motion-toggle svg{flex-shrink:0}.login-panel{width:100%;padding:60px 58px;margin:0;display:flex;justify-content:center;align-items:center;background:#0b0b0c}.login-form-wrap{width:100%;max-width:368px}.login-lock{display:flex;align-items:center;gap:8px;color:#a6a6b0;font-family:var(--font-heading);font-size:9px;letter-spacing:1.5px;margin-bottom:23px}.login-lock i{width:14px;height:14px}.login-panel h2{font-size:34px;letter-spacing:-1.25px;font-weight:600;margin-bottom:12px}.login-panel .muted{font-size:12px;line-height:1.8;color:#a8a8b2}.login-panel form{margin:34px 0 24px}.login-panel label{font-size:11px;letter-spacing:.1px;margin:20px 0}.login-panel input{min-height:49px;padding:13px 15px;border-color:#323237;background:#131315;border-radius:8px;margin-top:9px;transition:box-shadow .25s var(--ease),border-color .25s var(--ease)}.login-panel input:focus{border-color:#85858e;box-shadow:0 0 0 3px #ffffff06;outline:none}.login-panel button{height:48px;margin-top:12px;font-size:12px}.login-help{font-size:10px;line-height:1.85;color:#8f8f9b}.demo-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:35px;padding-top:22px;border-color:#27272c;font-family:var(--font-heading);font-size:9px;letter-spacing:1px}.demo-note .status-dot{display:inline-block;width:5px;height:5px;margin:0;border-radius:50%;background:#c6c6cc}.demo-note span:last-child{flex-basis:100%;margin-left:13px;font-size:10px;color:#777783}.anonymous footer{display:none}.login-form-wrap{animation:enter-panel .65s var(--ease) both}.hero-content{animation:enter-panel .8s var(--ease) both}.project-card,.production tr{transition:background .2s var(--ease),border-color .2s var(--ease)}dialog[open]{animation:enter-dialog .22s var(--ease)}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}summary{transition:color .2s}.file-type{letter-spacing:.06em;font-size:10px}.viewer-controls button{font-size:11px}.sidebar-foot .account{gap:10px}.sidebar-foot .account form{margin-left:auto}.status{display:inline-flex;align-items:center;gap:5px}
@keyframes enter-panel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-dialog{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){.login-intro{padding:42px;min-height:700px}.login-intro>.brand-image{margin-bottom:95px;width:185px}.login-panel{padding:40px}.sidebar>.brand-image{width:154px}.login-intro h1{font-size:54px}.login-editorial{width:94%;right:-12%}}
@media(max-width:760px){.sidebar>.brand-image{width:170px;height:22px;margin:6px 0 20px}.sidebar nav{align-items:center;gap:8px}.animated-nav{flex-direction:row;gap:3px}.sidebar nav a .nav-text{display:inline}.sidebar nav a .nav-hover{display:block}.sidebar nav a{gap:7px;padding:9px 11px;font-size:11px;min-height:42px}.sidebar nav a svg{width:15px;height:15px}.sidebar nav .counter{display:none}.mobile-logout{margin-left:auto}.mobile-logout button{font-size:11px;padding:9px}.login-layout{grid-template-columns:1fr}.login-intro{min-height:330px;padding:27px 26px 28px;border-right:0;border-bottom:1px solid #29292d}.login-intro>.brand-image{width:173px;height:24px;margin-bottom:40px}.login-intro h1{font-size:39px;letter-spacing:-1.7px;line-height:1.07;margin:0}.login-intro h1 br{display:block}.login-intro .eyebrow{font-size:7px;letter-spacing:1px;max-width:200px;margin-bottom:13px}.login-editorial{width:66%;height:94%;right:-4%;opacity:.11}.login-intro .lead,.intro-footnote{display:none}.motion-toggle{margin-top:5px;font-size:9px}.login-panel{padding:36px 26px 32px}.login-panel h2{font-size:28px}.login-lock{font-size:8px;margin-bottom:18px}.login-panel form{margin:25px 0 20px}.login-panel .demo-note{margin-top:26px}.colorful-button{min-height:44px}.login-form-wrap{max-width:450px}.nav-text{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.colorful-button:active{transform:none}}

.primary:not(.colorful-button){position:relative;isolation:isolate;overflow:hidden;background:#19191e;color:#fff;border-color:#676071;box-shadow:inset 0 1px 0 #ffffff16}.primary:not(.colorful-button)::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#6366f1,#a855f7 55%,#ec4899);opacity:.25;filter:blur(12px);transform:scale(1.15);transition:opacity .45s var(--ease)}.primary:not(.colorful-button):hover{background:#19191e;color:#fff;border-color:#95829f}.primary:not(.colorful-button):hover::before{opacity:.55}

.hero-word>span{position:absolute;left:0;top:0}

/* Compact sign-in composition, aligned with the wordmark. */
.login-intro{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:32px}
.login-intro>.brand-image{margin:0}.hero-content{align-self:center;width:100%;max-width:480px;margin:0;padding-top:40px;text-align:left;top:-24px}
.login-intro .eyebrow{margin:0 0 18px;font-size:8px;letter-spacing:1.1px}
.login-intro h1{font-size:clamp(38px,4vw,60px);letter-spacing:-2px;line-height:1.1;margin:0}
.hero-word>span{left:0;right:0}.login-intro .lead{font-size:11px;line-height:1.6;margin:18px 0 0}
.intro-footnote{padding-top:0;margin:0;justify-content:flex-start;font-size:8px}
.login-panel h2,.login-panel>.muted,.login-form-wrap>.muted,.login-help{text-align:center}.login-lock{justify-content:center}
#fullscreen{display:inline-flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap}.stage-toolbar{flex-wrap:wrap;gap:10px}
.product-stage:fullscreen,.product-stage.fullscreen-fallback{box-sizing:border-box;width:100%;height:100dvh;max-width:none;background:#171719;display:flex;flex-direction:column;border:0;padding:12px;overflow:auto}
.product-stage.fullscreen-fallback{position:fixed;inset:0;z-index:1000}
.product-stage:fullscreen #viewer-wrap,.fullscreen-fallback #viewer-wrap{flex:1;min-height:180px;overflow:hidden;border-radius:8px}
.product-stage:fullscreen model-viewer,.fullscreen-fallback model-viewer{position:absolute;inset:0;width:100%;height:100%}
.product-stage:fullscreen .stage-toolbar,.fullscreen-fallback .stage-toolbar,.product-stage:fullscreen .viewer-controls,.fullscreen-fallback .viewer-controls{flex-shrink:0}
.product-stage:fullscreen .version-actions,.fullscreen-fallback .version-actions{display:none}
@media(max-width:760px){.login-intro{min-height:360px;gap:26px}.hero-content{padding-top:16px}.login-intro h1{font-size:36px}.login-intro .lead{display:block;font-size:10px}.intro-footnote{display:none}.login-intro>.brand-image{margin:0}.product-stage:fullscreen,.product-stage.fullscreen-fallback{padding:8px}.viewer-controls>div{flex-wrap:wrap}}

/* Private studio entrance. */
.login-intro{grid-template-rows:1fr auto;padding:58px 64px;gap:40px}
.login-intro .hero-content{align-self:start;max-width:none;margin:0;padding:0;top:0;animation:none}
.login-intro h1{font-family:ViziiaInter, sans-serif;font-weight:600;font-size:clamp(56px,6.2vw,96px);line-height:1.05;letter-spacing:-.055em;margin:0}
.private-title{padding:12px 0 28px}.proximity-word{display:block;white-space:nowrap}.proximity-letter{display:inline-block;transform-origin:center 70%}
.login-intro .intro-footnote{font-size:11px;letter-spacing:0;text-transform:none;color:#b5b5be;justify-content:flex-start}
.login-panel{position:relative;padding-top:150px;padding-bottom:90px}.login-brand{position:absolute;top:60px;left:0;right:0;display:flex;justify-content:center}.login-brand .brand-image{width:160px;height:22px;margin:0}
.login-panel h2{font-size:28px}.login-panel form{margin-bottom:0}.login-editorial{opacity:.13}
.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0}.guide-step{border:1px solid #333339;border-radius:12px;padding:28px;background:#141416}.guide-number{font-family:var(--font-heading);font-size:12px;color:#a69ab6;display:block;margin-bottom:24px}.guide-step h2{font-size:20px;line-height:1.3;margin-bottom:14px}.guide-step p,.guide-faq p{font-size:13px;line-height:1.85;color:#b7b7c0}.guide-step p+p{margin-top:12px}.guide-faq details{padding:16px 0;border-bottom:1px solid #303035}.guide-faq summary{cursor:pointer}.guide-faq p{max-width:760px;margin-top:12px}
@media(max-width:1100px){.login-intro{padding:42px}.login-intro h1{font-size:clamp(50px,6.2vw,76px)}}
@media(max-width:760px){.login-intro{padding:32px 26px;min-height:340px;gap:38px}.login-intro h1{font-size:clamp(46px,11vw,72px)}.login-intro .intro-footnote{display:block;font-size:10px}.login-panel{padding:110px 26px 48px}.login-brand{top:36px}.login-brand .brand-image{width:145px;height:20px}.guide-steps{grid-template-columns:1fr}.guide-step{padding:24px}.animated-nav{flex-wrap:wrap}.sidebar nav{flex-wrap:wrap}.login-form-wrap{max-width:368px}}

/* Monochrome entrance with a subtle, local ASCII layer. */
.login-layout .login-intro{padding:24px 28px;background:#101012;border-right:1px solid #353535}
.login-intro h1{font-family:ViziiaInter,sans-serif;font-weight:400;font-size:clamp(68px,7.8vw,120px);line-height:1;letter-spacing:-.065em}
.private-title{padding:0 0 20px}.login-intro .intro-footnote{color:#aaa;font-size:12px;z-index:2}
.login-layout .login-panel{background:#101012;padding:150px 48px 90px}.login-form-wrap{max-width:420px}.login-panel h2{font-size:34px;color:#f5f5f5}.login-panel label{font-size:13px;color:#ccc}.login-panel input{min-height:56px;font-size:14px;background:#151515;border-color:#383838;color:#fff}.login-panel button{height:56px;font-size:14px}.login-panel .colorful-button{background:#f5f5f5!important;color:#101012!important;border-color:#f5f5f5!important}.login-panel .colorful-button:hover{background:#dedede!important;border-color:#dedede!important;box-shadow:0 4px 20px #0002}.login-panel .colorful-gradient{display:none}.login-panel .colorful-button:focus-visible{outline-color:#fff}.login-panel input:focus{border-color:#aaa;box-shadow:0 0 0 3px #ffffff08}
.login-ascii{position:absolute;right:0;bottom:0;width:100%;height:62%;z-index:0;opacity:.085;pointer-events:none;mask-image:linear-gradient(transparent,#000 25%);overflow:hidden}.ascii-rocks{width:100%;height:100%;display:block}.login-intro .login-editorial{filter:grayscale(1);opacity:.10}
@media(max-width:1100px){.login-intro h1{font-size:clamp(60px,7.8vw,90px)}}
@media(max-width:760px){.login-layout .login-intro{padding:22px;min-height:340px;border-right:0;border-bottom:1px solid #353535}.login-intro h1{font-size:clamp(54px,13vw,88px)}.login-layout .login-panel{padding:105px 26px 48px}.login-panel h2{font-size:30px}.login-brand{top:35px}.login-ascii{height:65%}}

/* Larger sign-in, visible ASCII motion and a white pointer. */
.login-layout .login-form-wrap{max-width:460px}.login-panel h2{font-size:38px}.login-panel label{font-size:14px}.login-panel input{min-height:62px;font-size:16px;padding:16px 18px}.login-panel button{height:62px;font-size:15px}.login-panel form{margin-top:38px}
.login-ascii{opacity:.13}.login-footer-brand .brand-image{width:180px;height:24px;margin:0}
@media(hover:hover) and (pointer:fine){body,button,a,summary,select,[role="button"]{cursor:url('/static/brand/cursor-white.svg') 2 2,auto}input,textarea,[contenteditable="true"]{cursor:url('/static/brand/cursor-text-white.svg') 9 11,text}button:disabled{cursor:not-allowed}}
input,textarea{caret-color:#fff}
@media(max-width:760px){.login-layout .login-intro{min-height:380px}.login-panel h2{font-size:34px}.login-footer-brand .brand-image{width:150px;height:20px}}

/* Quiet divider and monochrome language selection. */
.login-layout .login-intro{border-right-color:rgba(255,255,255,.075)}
.language-switch{position:absolute;top:24px;right:28px;display:flex;align-items:center;gap:8px;margin:0;padding:0;z-index:3;color:#fff}
.language-switch button{position:relative;min-width:30px;min-height:36px;width:auto;height:36px;margin:0;padding:7px 3px;border:0;border-radius:0;background:transparent;color:#fff;opacity:.65;font-family:ViziiaInter,sans-serif;font-size:11px;letter-spacing:.06em;box-shadow:none}
.language-switch button[aria-pressed="true"]{color:#fff;background:transparent;opacity:1}
.language-switch button:hover{background:transparent;color:#fff;opacity:1}
.language-switch button:focus-visible{outline:1px solid #fff;outline-offset:3px}
@media(max-width:760px){.login-layout .login-intro{border-bottom-color:rgba(255,255,255,.075)}.language-switch{top:18px;right:22px}}

.language-switch>span{display:block;width:1px;height:12px;background:#fff;opacity:.45;font-size:0}
.language-switch button::after{content:"";position:absolute;left:5px;right:5px;bottom:4px;height:1px;background:#fff;transform:scaleX(0);transform-origin:center;transition:transform .25s var(--ease)}
.language-switch button[aria-pressed="true"]::after{transform:scaleX(1)}
.sidebar nav a svg{color:inherit}.sidebar nav a:hover,.sidebar nav a:focus-visible{color:#fff}
@media(prefers-reduced-motion:reduce){.language-switch button::after{transition:none}}

/* Hairline navigation and shared language control. */
.login-layout .login-intro{border-right-color:rgba(255,255,255,.025)}
.sidebar nav a{box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
.sidebar nav a.selected{box-shadow:inset 0 0 0 .5px rgba(255,255,255,.85)}
.sidebar nav a .nav-hover{box-shadow:inset 0 0 0 .5px rgba(255,255,255,.36)}
.sidebar nav a.selected .nav-hover{box-shadow:none}
.sidebar-foot>.local{display:flex;justify-content:flex-start;align-items:center;gap:6px;text-align:left;margin:0 0 5px;font-size:9px;line-height:1.4}
.sidebar-foot>.local i{margin:0;flex-shrink:0}.sidebar-foot>p{text-align:left;line-height:1.5;margin:0 0 16px;font-size:9px}
.topbar-actions{display:flex;align-items:center;gap:24px}.topbar .language-switch{position:static;flex-shrink:0;margin:0}
.login-panel{isolation:isolate;overflow:hidden}.login-panel .login-form-wrap{position:relative;z-index:1}.login-ascii-right{height:62%;opacity:.10;z-index:0}
@media(max-width:760px){.login-layout .login-intro{border-bottom-color:rgba(255,255,255,.025)}.topbar-actions{gap:8px}.topbar-actions .local-label{display:none}.topbar .language-switch{position:static}.login-ascii-right{height:65%}}

.login-panel .language-switch{margin:0}

/* Tighter sidebar rhythm: wordmark, workspace, then navigation. */
@media(min-width:761px){
 .sidebar>.brand-image{margin-bottom:24px;flex-shrink:0}
 .sidebar .workspace{margin:8px 0 22px;padding:12px 0}
 .sidebar .nav-label{margin-bottom:10px}
 .sidebar .animated-nav{gap:8px}
 .sidebar nav a{margin:0}
 .sidebar-foot{padding-top:24px}
 .sidebar-foot .account{padding-top:14px}
}

/* Balanced small-screen entrance and navigation. */
@media(max-width:760px){
 .login-layout .login-intro{min-height:220px;height:clamp(220px,29svh,260px);padding:20px 22px;gap:16px}
 .login-layout .login-intro h1{font-size:clamp(40px,10.5vw,54px);line-height:1;letter-spacing:-.06em}
 .login-intro .private-title{padding:0}.login-footer-brand .brand-image{width:134px;height:18px}
 .login-intro .login-editorial{height:100%;width:58%;right:0}.login-intro .login-ascii{height:85%}
 .login-layout .login-panel{padding:66px 24px 30px;align-items:flex-start}
 .login-panel h2{font-size:29px;margin-bottom:8px}.login-panel form:not(.language-switch){margin:22px 0 0}
 .login-panel label{font-size:12px;margin:16px 0}.login-panel input{min-height:52px;padding:13px 15px;font-size:16px}
 .login-panel .colorful-button{height:52px;min-height:52px;margin-top:8px;font-size:14px}
 .sidebar{position:relative;padding:20px 16px 16px}
 .sidebar>.brand-image{width:154px;height:22px;margin:2px 0 22px}
 .sidebar nav{display:block;overflow:visible;margin:0}
 .sidebar nav [data-react="sidebar"]{width:100%}
 .sidebar .animated-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px}
 .sidebar nav a{min-width:0;min-height:44px;padding:10px 12px;margin:0;justify-content:flex-start;gap:9px}
 .sidebar nav a .nav-text{font-size:12px;line-height:1.25;white-space:normal}
 .sidebar nav a svg{width:16px;height:16px;flex-shrink:0}
 .sidebar .animated-nav>a:last-child:nth-child(odd){grid-column:1/-1}
 .sidebar nav .mobile-logout{position:absolute;top:12px;right:12px;margin:0}
 .sidebar nav .mobile-logout button{width:40px;height:40px;min-height:40px;padding:11px;font-size:0;gap:0;background:transparent;border-color:transparent}
 .sidebar nav .mobile-logout button i{width:17px;height:17px}
 .topbar{display:flex;justify-content:flex-end;min-height:42px;padding:3px 16px}
 .topbar>span{display:none}.topbar .language-switch{position:static;margin:0}
}
@media(max-width:760px){.login-layout{align-content:start;background:#101012}}

/* A single gentle reveal, with four gradual opacity stages. */
.login-intro .login-editorial{animation:portrait-reveal 4.8s cubic-bezier(.22,.61,.36,1) both}
@keyframes portrait-reveal{0%{opacity:0}25%{opacity:.025}50%{opacity:.05}75%{opacity:.075}100%{opacity:.10}}
.shimmer-text{display:inline-block;color:#f5f5f5;background-color:currentColor;background-image:linear-gradient(110deg,transparent 0%,rgba(16,16,18,.35) 40%,rgba(16,16,18,.35) 60%,transparent 100%);background-size:50% 200%;background-repeat:no-repeat;background-position:250% 50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-panel input:autofill{background:#191919!important;color:#fff!important;box-shadow:0 0 0 1000px #191919 inset!important;caret-color:#fff}
.login-panel input:-webkit-autofill,.login-panel input:-webkit-autofill:hover,.login-panel input:-webkit-autofill:focus,.login-panel input:-webkit-autofill:active{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #191919 inset!important;caret-color:#fff;border-color:#484848}
@media(prefers-reduced-motion:reduce){.login-intro .login-editorial{animation:none;opacity:.10}.shimmer-text{background-image:none}}
/* Account-based onboarding, shared by mobile and desktop. */
.sidebar-foot .local{display:flex;align-items:center;gap:6px}.tour-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-height:18px;padding:0;margin-left:4px;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:#fff;font:11px ViziiaInter,sans-serif;opacity:.7}.tour-help:hover,.tour-help:focus-visible{opacity:1;border-color:#fff}.tour-layer{position:fixed;inset:0;z-index:10000;isolation:isolate}.tour-shade{position:fixed;background:#0009;backdrop-filter:blur(3px);pointer-events:auto}.tour-spot{position:fixed;border:1px solid #ffffffbb;border-radius:10px;pointer-events:none}.tour-card{position:fixed;box-sizing:border-box;padding:24px;background:#151515;color:#fff;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 20px 80px #0008;animation:enter-panel .3s ease both;max-height:calc(100dvh - 32px);overflow:auto}.tour-top,.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-count{font-size:11px;color:#ccc}.tour-card h2{font-size:22px;line-height:1.2;margin:22px 0 12px;letter-spacing:-.5px}.tour-card p{font-size:13px;line-height:1.7;color:#ddd;margin:0 0 22px}.tour-card button{font-size:12px;min-height:40px;padding:8px 14px;border:1px solid #ffffff40;border-radius:7px;background:transparent;color:#fff}.tour-card [data-close]{border:0;padding:4px;min-height:32px}.tour-card [data-next]{background:#fff;color:#111;border-color:#fff}.tour-card button:disabled{opacity:.3}.tour-card button:focus-visible,.tour-help:focus-visible{outline:2px solid white;outline-offset:3px}.tour-card .tour-error:empty{display:none}
@media(max-width:760px){.sidebar-foot{display:block}.sidebar-foot>p,.sidebar-foot>.account{display:none}.sidebar-foot{margin:12px 0 0;padding:0}.sidebar-foot .local{font-size:9px}.tour-help{width:28px;height:28px;min-height:28px}.tour-card{padding:20px}}

/* A single highlight and a freely navigable tour. */
.tour-spot{border:0}.sidebar nav a.tour-target{box-shadow:inset 0 0 0 .5px #fff!important;outline:0!important;border-color:transparent!important}.sidebar nav a.tour-target .nav-hover{box-shadow:none!important;border:0!important}
.tour-shade{transition:left .32s ease,top .32s ease,width .32s ease,height .32s ease}.tour-card{transition:left .32s ease,top .32s ease}.tour-card button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px currentColor}.tour-card [data-next]:focus-visible{box-shadow:inset 0 0 0 2px #111}.tour-sections{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tour-card .tour-sections button{font-size:10px;min-height:30px;padding:5px 8px;border-color:#ffffff20;color:#ccc}.tour-card .tour-sections button[aria-pressed="true"]{border-color:#fff;color:#fff}.tour-card .tour-explore{width:100%;margin:0 0 16px;border-color:#ffffff55}.tour-card .tour-explore[hidden]{display:none}.topbar-actions .tour-help{flex-shrink:0;margin:0 0 0 10px;width:24px;height:24px;min-height:24px;font-size:12px}.sidebar-foot .account{margin-top:0}.sidebar-foot:has(.account){padding-top:0}
@media(max-width:760px){.sidebar-foot{display:none}.topbar-actions .tour-help{width:28px;height:28px;min-height:28px}}

/* Short, three-step introduction. */
.tour-card [data-back],.tour-card .tour-explore{display:none!important}.tour-actions{justify-content:flex-end}.tour-card h2{font-size:21px;margin-top:16px}.tour-card p{margin-bottom:18px}.tour-card{padding:22px}

/* Compact guided-tour cards. */
.tour-card{padding:16px;border-radius:12px}.tour-card h2{font-size:18px;margin:10px 0 8px;line-height:1.25}.tour-card p{font-size:12px;line-height:1.5;margin:0 0 12px}.tour-count{font-size:10px}.tour-card button{font-size:11px;min-height:34px;padding:6px 12px}.tour-card [data-close]{min-height:26px;padding:2px 0}.tour-top,.tour-actions{gap:8px}

/* Mobile login: keep the subtle animated texture in the visual panel only. */
@media(max-width:760px){.login-intro .login-ascii{opacity:.035}.login-panel .login-ascii-right{display:none}}

/* Align the mobile brand with the top of the studio heading. */
@media(max-width:760px){.login-intro .login-footer-brand{position:absolute;top:24px;right:22px;margin:0;padding:0;display:block}.login-intro .login-footer-brand .brand-image{width:clamp(90px,28vw,134px);height:auto;aspect-ratio:134/18}}