:root{color-scheme:dark;font-family:var(--app-font-family,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif);color:#f5f5f5;background:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#f5f5f5;--muted:#a6a6a6;--line:#292929;--app-preview-light-bg:#fafafa;--app-preview-light-ink:#252525;--app-preview-light-line:#dedede;--app-preview-dark-bg:#141414;--app-preview-dark-ink:#ededed;--app-preview-dark-line:#3a3a3a;--app-preview-accent:#4695ff}
*,*::before,*::after{box-sizing:border-box}
html,body{min-width:320px}
body{min-height:100svh;margin:0;overflow-x:hidden}
button,input,select,textarea{font:inherit}
code,pre,kbd,samp{font-family:var(--app-font-family)}
button{cursor:pointer}
button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:2px}
[hidden]{display:none!important}
.page{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse 45% 55% at 75% 44%,#181818 0,transparent 78%),#050505}
.page::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:32px 32px;opacity:.035;mask:linear-gradient(90deg,transparent 34%,#000)}
.frame{position:relative;width:min(100% - 96px,1380px);margin-inline:auto}
.masthead{height:92px;display:flex;align-items:center;justify-content:space-between}
.header-left{display:flex;align-items:center;gap:32px;min-width:0}
.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:-.035em}
.brand-logo{display:block;width:174px;height:auto;filter:drop-shadow(0 0 9px #ffffff22)}
.about-trigger{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 4px;border:0;background:transparent;color:#a3a3a3;font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:transform .3s cubic-bezier(.2,.8,.2,1),color .3s,text-shadow .3s}
.about-trigger::after{content:"";position:absolute;left:16%;right:16%;bottom:5px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff 24%,#fff 76%,transparent);box-shadow:0 0 7px #ffffffb3;opacity:0;transform:scaleX(.35);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.about-trigger:hover,.about-trigger:focus-visible{transform:translateY(-1px) scale(1.04);color:#fff;text-shadow:0 0 8px #ffffff8c,0 0 17px #ffffff4d}
.about-trigger:hover::after,.about-trigger:focus-visible::after{opacity:1;transform:scaleX(1)}
.language-switch{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #393939;border-radius:11px;background:#111}
.language-switch::before{content:"";position:absolute;z-index:-1;inset:3px auto 3px 4px;width:calc((100% - 10px)/2);border-radius:8px;background:linear-gradient(135deg,#fff,#dedede);box-shadow:0 1px 4px #ffffff2b,0 0 12px #ffffff12;transition:transform .42s cubic-bezier(.22,.8,.25,1),box-shadow .3s}
.language-switch:has(>button[data-lang="en"][aria-pressed="true"])::before{transform:translateX(calc(100% + 2px));box-shadow:0 1px 5px #ffffff36,0 0 15px #ffffff1c}
.language-switch button{position:relative;z-index:1;min-width:39px;min-height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#a8a8a8;font-size:12px;font-weight:750;letter-spacing:.04em;transition:color .28s ease,transform .28s cubic-bezier(.2,.8,.2,1),text-shadow .28s}
.language-switch button[aria-pressed="true"]{color:#111;text-shadow:0 1px #ffffff80}
.language-switch button:not([aria-pressed="true"]):hover{color:#fff;text-shadow:0 0 9px #ffffff70;transform:translateY(-1px) scale(1.04)}
.language-switch button:active{transform:scale(.94)}
.about-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 32px);margin:auto;padding:35px;border:1px solid #3c3c3c;border-radius:23px;background:linear-gradient(145deg,#1b1b1b,#0d0d0d);color:#f5f5f5;box-shadow:0 30px 90px #000c;animation:rise .35s ease both}
.about-dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}
.about-dialog h2{margin:22px 0 12px;font-size:clamp(32px,7vw,42px);line-height:1.1;letter-spacing:-.055em}
.about-dialog p{margin:0;color:#bcbcbc;font-size:15px;line-height:1.6}
.about-close{position:absolute;top:17px;right:17px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #444;border-radius:50%;background:#242424;color:#ddd;font-size:24px;line-height:1;transition:background .2s,color .2s,transform .2s}
.about-close:hover{background:#f5f5f5;color:#111;transform:scale(1.07)}
main.frame{min-height:calc(100svh - 158px)}
.landing{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;min-height:calc(100svh - 158px)}
.intro{position:relative;z-index:2;padding:0 0 35px;animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#bbb;font-size:12px;font-weight:650;letter-spacing:.04em}
.eyebrow::before{content:"";width:18px;height:1px;background:#fff}
.intro h1,.auth-story h2{max-width:700px;margin:28px 0 40px;font-size:clamp(56px,5.9vw,90px);font-weight:750;line-height:1.06;letter-spacing:-.075em}
.intro h1 em,.auth-story h2 em{font-style:normal;color:#a7a7a7}
.studio-title{position:relative;display:inline-block;white-space:nowrap}
.studio-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studio-letters{white-space:nowrap}
.studio-letter{color:#cecece;-webkit-text-fill-color:#cecece;-webkit-text-stroke:.65px #888;text-shadow:0 0 0 transparent;animation:studio-letter-trace 5.2s cubic-bezier(.4,0,.2,1) infinite}
.studio-mark{position:absolute;top:.02em;right:calc(-.5em + 1px);z-index:2;display:block;width:clamp(24px,.5em,42px);aspect-ratio:1;background:var(--app-icon-accent,#fff);-webkit-mask:url("assets/roblox-studio-mark.png") center/contain no-repeat;mask:url("assets/roblox-studio-mark.png") center/contain no-repeat;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--app-icon-accent,#fff) 22%,transparent));opacity:.88;pointer-events:none;animation:studio-mark-float 3.8s ease-in-out infinite}
@keyframes studio-mark-float{0%,100%{opacity:.82;transform:translateY(0) rotate(0deg);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--app-icon-accent,#fff) 18%,transparent))}50%{opacity:1;transform:translateY(-3px) rotate(3deg);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--app-icon-accent,#fff) 42%,transparent))}}
.cta-shell{position:relative;display:inline-flex;isolation:isolate}
.cta-shell::before,.cta-shell::after{content:"";position:absolute;z-index:-1;pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.cta-shell::before{inset:-22px -34px;background:radial-gradient(ellipse,#ffffffa0,#ffffff48 38%,transparent 72%);filter:blur(18px);opacity:.34;transform:scale(.88);animation:cta-breathe 3.8s ease-in-out infinite;transition:filter .4s ease}
.cta-shell::after{inset:-2px;z-index:1;border-radius:17px;padding:1px;pointer-events:none;background:conic-gradient(from var(--cta-angle),transparent 0deg 286deg,#fff 305deg,#ffffffb0 321deg,transparent 340deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;animation:cta-ring-flow 2.6s linear infinite;animation-play-state:paused;transition:opacity .3s ease}
.cta-shell:hover::before,.cta-shell:focus-within::before{animation-name:cta-breathe-active}
.cta-shell:hover::after,.cta-shell:focus-within::after{opacity:1;animation-play-state:running}
.start{display:flex;align-items:center;justify-content:space-between;gap:40px;min-width:215px;min-height:60px;padding:0 16px 0 25px;border:1px solid #fff;border-radius:15px;background:#f5f5f5;color:#101010;font-size:15px;font-weight:750;box-shadow:0 0 18px #ffffff1a,0 12px 28px #0008,inset 0 1px #fff;transition:transform .3s,box-shadow .3s,background .3s}
.start:hover,.start:focus-visible{transform:translateY(-3px) scale(1.055);background:#fff;box-shadow:0 0 0 3px #ffffff24,0 0 32px #ffffff4a,0 18px 36px #0009}
.start:active{transform:scale(1.01)}
.start-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d0d0d0;border-radius:9px}
.start-icon svg{width:17px;height:17px;transition:transform .25s}.start:hover svg{transform:translateX(3px)}
.visual{position:relative;display:grid;place-items:center;min-height:min(670px,74svh);animation:rise 1.3s .15s cubic-bezier(.2,.8,.2,1) both}
.visual::before{content:"";position:absolute;width:min(86%,590px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff18 0,#ffffff0a 38%,transparent 70%);filter:blur(13px)}
.orbit{position:absolute;width:min(84%,610px);aspect-ratio:1;border:1px solid #ffffff38;border-radius:50%;transform:rotate(-27deg) scaleX(.8)}
.orbit::after{content:"";position:absolute;top:9%;left:18%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff18,0 0 20px #fff9}
.orbit.inner{width:min(64%,465px);border-color:#ffffff20;transform:rotate(43deg) scaleX(.83)}
.orbit.inner::after{top:77%;left:7%;width:5px;height:5px;background:#c7c7c7;box-shadow:0 0 0 4px #ffffff14,0 0 14px #fffa}
.core{position:relative;display:grid;place-items:center;width:min(68%,475px);aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%;background:radial-gradient(circle at 48% 43%,#212121bb,#0b0b0ba3 63%,#0505054d);box-shadow:0 0 70px #ffffff0d,inset 0 0 50px #ffffff08}
.core::after{content:"";position:absolute;inset:10%;border:1px dashed #ffffff24;border-radius:50%;animation:spin 80s linear infinite}
.hero-logo{position:relative;z-index:1;display:block;width:clamp(280px,42vw,560px);max-width:calc(100vw - 40px);height:auto;filter:drop-shadow(0 16px 22px #0009) drop-shadow(0 0 20px #ffffff20);animation:float 7s ease-in-out infinite}
.visual-tag{position:absolute;padding:9px 12px;border:1px solid #ffffff29;border-radius:99px;background:#161616d9;color:#c1c1c1;font-size:10px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 9px 25px #0008}.visual-tag.top{top:12%;right:2%}.visual-tag.bottom{bottom:11%;left:6%}
.visual-tag::before{content:"+";margin-right:7px;color:#fff}
.site-footer{height:66px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#777;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.auth-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,470px);align-items:center;gap:clamp(42px,8vw,130px);min-height:calc(100svh - 158px);padding:28px 0 65px}
.auth-story h2{font-size:clamp(52px,5.5vw,78px);margin-bottom:20px}.auth-story p{max-width:390px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.auth-card{position:relative;padding:35px;border:1px solid #303030;border-radius:23px;background:linear-gradient(145deg,#1a1a1a,#0d0d0d 65%);box-shadow:0 28px 70px #000a,inset 0 1px #ffffff0b;animation:rise .65s ease both}
.back{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:#aaa;font-size:13px;font-weight:600}.back:hover{color:#fff}.back svg{width:17px;height:17px}
.card-head{margin:29px 0 25px}.card-head h3{margin:0 0 8px;font-size:28px;font-weight:750;letter-spacing:-.045em}.card-head p{margin:0;color:#aaa;font-size:14px;line-height:1.5}
.choices{display:grid;gap:11px}.choice{display:flex;align-items:center;gap:14px;width:100%;min-height:82px;padding:14px;border:1px solid #333;border-radius:14px;background:#181818;color:#f3f3f3;text-align:left;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.choice:hover,.choice:focus-visible{transform:translateY(-2px) scale(1.01);border-color:#a5a5a5;background:#222;box-shadow:0 0 22px #ffffff12}
.choice-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #363636;border-radius:11px;background:#262626;color:#fff}.choice-icon svg{width:21px;height:21px}
.choice-copy{flex:1}.choice-copy strong{display:block;font-size:15px;font-weight:650}.choice-copy small{display:block;margin-top:4px;color:#aaa;font-size:12px}.choice-arrow{width:16px;height:16px;color:#aaa}
.auth-form{display:grid;gap:15px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:650}
.field input{width:100%;height:50px;padding:0 14px;border:1px solid #3a3a3a;border-radius:10px;outline:none;background:#111;color:#f4f4f4;font-size:14px;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#858585}.field input:focus{border-color:#ccc;box-shadow:0 0 0 3px #ffffff18}.field input[aria-invalid=true]{border-color:#bbb}
.password-field{position:relative}.password-field input{padding-right:78px}.reveal{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:7px;border:0;background:none;color:#ddd;font-size:11px;font-weight:700}
.password-tools{display:flex;justify-content:flex-end;gap:14px;min-height:20px}.generate-password,.copy-password,.paste-code{padding:2px 0;border:0;background:none;color:#bcbcbc;font-size:12px;font-weight:650;transition:color .2s}.generate-password:hover,.copy-password:hover,.paste-code:hover{color:#fff}.password-status{margin:0;color:#a8a8a8;font-size:11px;line-height:1.4}.paste-code{justify-self:end;margin-top:-8px}
.error{min-height:14px;color:#ccc;font-size:12px}.submit{min-height:50px;border:1px solid #fff;border-radius:10px;background:#f5f5f5;color:#111;font-size:14px;font-weight:750;transition:transform .25s,box-shadow .25s}.submit:hover{transform:translateY(-2px);box-shadow:0 0 22px #ffffff35}
.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#999;font-size:12px}.divider::before,.divider::after{content:"";flex:1;height:1px;background:#333}
@property --google-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.google-slot{position:relative;isolation:isolate;display:grid;place-items:center;width:min(100%,var(--google-width,366px));min-height:50px;margin-inline:auto;padding:3px;border-radius:999px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.google-slot::before,.google-slot::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--google-angle),transparent 0deg 185deg,var(--app-google-blue) 205deg,var(--app-google-green) 235deg,var(--app-google-yellow) 265deg,var(--app-google-red) 295deg,transparent 325deg 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;animation:google-border-flow 3.2s linear infinite;animation-play-state:paused;transition:opacity .35s ease}
.google-slot::before{z-index:2}
.google-slot::after{z-index:0;inset:-4px;padding:0;-webkit-mask:none;mask:none;filter:blur(10px)}
.google-slot:hover{transform:translateY(-2px) scale(1.015)}
.google-slot:hover::before{opacity:1;animation-play-state:running}
.google-slot:hover::after{opacity:.85;animation-play-state:running}
@keyframes google-border-flow{to{--google-angle:360deg}}
.google-fallback,.google-render{position:relative;z-index:1}
.google-fallback{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:44px;border:1px solid #d1d1d1;border-radius:999px;background:#fff;color:#1f1f1f;font-size:14px;font-weight:650;transition:border-color .25s,background .25s}
.google-fallback:hover,.google-fallback:focus-visible{border-color:#fff;background:#fff}
.google-fallback svg{width:19px;height:19px;flex:none}
.google-render{width:100%;display:flex;justify-content:center}
.notice{margin:13px 0 0;padding:12px;border:1px solid #494949;border-radius:10px;background:#242424;color:#ddd;font-size:12px;line-height:1.5}.auth-form .notice{margin:0}.switch{margin:20px 0 0;color:#aaa;font-size:13px;text-align:center}.switch button{padding:0;border:0;background:none;color:#f1f1f1;font-weight:700}.switch button:hover{text-decoration:underline}
.profile-email{overflow-wrap:anywhere;margin:0 0 18px;padding:15px;border:1px solid #333;border-radius:11px;background:#151515;color:#eee;font-size:14px}
.submit:disabled{cursor:wait;opacity:.68;transform:none;box-shadow:none}#verification-panel[hidden]{display:none!important}.verification-email{display:block;margin-top:7px;color:#eee;font-size:14px;overflow-wrap:anywhere}#verification-code{text-align:center;font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:.35em}#verification-code::placeholder{letter-spacing:.35em}.resend-control{display:grid;justify-items:center;gap:10px;margin-top:20px}.resend-control span{color:#888;font-size:12px}.resend-code{padding:6px;border:0;background:none;color:#d7d7d7;font-size:12px;font-weight:650;transition:color .2s}.resend-code:enabled{color:#fff}.resend-code:disabled{cursor:default;color:#777}
.secondary-submit{width:100%;margin-top:10px;border-color:#383838;background:#1a1a1a;color:#bbb}.secondary-submit:hover{background:#252525;color:#fff}
.danger-submit{width:100%;margin-top:10px;border-color:#493333;background:#1b1111;color:#e3b4b4}.danger-submit:hover{border-color:#8a4e4e;background:#271515;box-shadow:0 0 20px #b7444422}
@property --cta-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes rise{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cta-ring-flow{to{--cta-angle:360deg}}@keyframes studio-letter-trace{0%,9%,14%,100%{-webkit-text-stroke-color:#888;text-shadow:0 0 0 transparent}11%,12%{-webkit-text-stroke-color:#fff;text-shadow:0 0 3px #fff,0 0 9px #ffffffa0}}@keyframes cta-breathe{0%,100%{opacity:.3;transform:scale(.88)}50%{opacity:.85;transform:scale(1.1)}}@keyframes cta-breathe-active{0%,100%{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.16)}}
@media(max-width:1000px){.frame{width:min(100% - 64px,1380px)}.visual{min-height:550px}.auth-view{gap:42px}}
@media(max-width:760px){.frame{width:min(100% - 40px,1380px)}.masthead{height:76px}.landing{grid-template-columns:1fr;min-height:auto}.intro{order:2;padding:0 0 54px;text-align:center}.intro h1{max-width:560px;margin:18px auto 28px;font-size:clamp(45px,10vw,67px)}.visual{order:1;min-height:325px;height:42svh;max-height:460px}.core{width:min(63%,320px)}.orbit{width:min(75%,390px)}.orbit.inner{width:min(55%,300px)}.visual-tag{font-size:8px}.auth-view{grid-template-columns:1fr;gap:25px;padding:20px 0 48px}.auth-story{text-align:center}.auth-story h2{margin:17px auto 12px;font-size:clamp(44px,9vw,64px)}.auth-story p{margin:auto;font-size:14px}.auth-card{width:min(100%,470px);margin:auto}.site-footer{height:62px}}
@media(max-width:480px){.frame{width:min(100% - 32px,1380px)}.header-left{gap:14px}.brand-logo{width:clamp(110px,30vw,145px)}.about-trigger{min-height:44px;padding:0 2px;font-size:13px}.about-dialog{padding:28px 24px}.visual{min-height:280px;height:35svh}.intro h1{font-size:clamp(41px,10.5vw,53px)}.start{min-height:56px;min-width:210px}.auth-card{padding:25px 20px;border-radius:20px}.auth-story h2{font-size:43px}.card-head{margin:24px 0 20px}.card-head h3{font-size:25px}.site-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}
.masthead{animation:hero-top .8s cubic-bezier(.2,.8,.2,1) both}
.brand{animation:fade-in .8s .08s both;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}
.brand:hover{transform:translateY(-2px);filter:drop-shadow(0 0 12px #ffffff25)}
.language-switch{animation:fade-in .8s .18s both}
.intro{animation:none}
.intro>.eyebrow{animation:rise .72s .22s both}
.intro>h1{animation:rise .95s .38s both}
.intro>.cta-shell{animation:rise .85s .66s both}
.visual{animation:rise 1.15s .16s cubic-bezier(.2,.8,.2,1) both}
.visual::before{animation:halo-pulse 8s ease-in-out infinite}
.orbit:not(.inner){animation:orbit-clockwise 42s linear infinite}
.orbit.inner{animation:orbit-counter 34s linear infinite}
.visual-tag.top{animation:tag-in .7s .62s both,tag-float 8s 1.32s ease-in-out infinite}
.visual-tag.bottom{animation:tag-in .7s .82s both,tag-float 9s 1.52s ease-in-out infinite reverse}
.site-footer{animation:rise .75s .78s both}
@keyframes hero-top{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes halo-pulse{0%,100%{opacity:.46;transform:scale(.98)}50%{opacity:.66;transform:scale(1.025)}}
@keyframes orbit-clockwise{from{transform:rotate(-27deg) scaleX(.8)}to{transform:rotate(333deg) scaleX(.8)}}
@keyframes orbit-counter{from{transform:rotate(43deg) scaleX(.83)}to{transform:rotate(-317deg) scaleX(.83)}}
@keyframes tag-in{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes tag-float{50%{translate:0 -2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--app-bg:#000000;--app-surface:#09090b;--app-raised:#111113;--app-inset:#050506;--app-text:#f5f5f5;--app-muted:#a5a5aa;--app-line:#29292e;--app-accent:#f5f5f5;--app-accent-ink:#111;--app-glow:#141417;--ink:var(--app-text);--muted:var(--app-muted);--line:var(--app-line)}
body{color:var(--app-text);background:var(--app-bg);transition:background .45s,color .35s}
.page{color:var(--app-text);background:radial-gradient(ellipse 50% 60% at 75% 44%,var(--app-glow),transparent 78%),var(--app-bg);transition:background .45s,color .35s}
.brand,.auth-story h2,.card-head h3,.intro h1{color:var(--app-text)}
.eyebrow{color:var(--app-muted)}.eyebrow::before{background:var(--app-accent)}
.intro h1 em,.auth-story h2 em,.studio-letter{color:var(--app-muted);-webkit-text-fill-color:var(--app-muted)}
.back{color:var(--app-muted)}.back:hover,.switch button:hover{color:var(--app-text)}
.divider,.error{color:var(--app-muted)}.start:hover{background:var(--app-accent)}
.auth-story p,.card-head p,.site-footer,.switch,.field label,.password-status,.resend-control span{color:var(--app-muted)}
.auth-card,.about-dialog{border-color:var(--app-line);background:linear-gradient(145deg,var(--app-raised),var(--app-surface));color:var(--app-text)}.about-dialog p{color:var(--app-muted)}
.choice,.profile-email{border-color:var(--app-line);background:var(--app-raised);color:var(--app-text)}
.choice-copy strong{color:var(--app-text)}.choice-copy small,.choice-arrow{color:var(--app-muted)}
.choice:hover{border-color:color-mix(in srgb,var(--app-accent) 55%,var(--app-line));background:color-mix(in srgb,var(--app-raised) 88%,var(--app-accent) 12%)}
.choice-icon{border-color:var(--app-line);background:var(--app-inset);color:var(--app-text)}
.field input,.setup-input{border-color:var(--app-line);background:var(--app-inset);color:var(--app-text)}
.field input::placeholder,.setup-input::placeholder{color:var(--app-muted)}
.field input:focus,.setup-input:focus{border-color:var(--app-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 16%,transparent)}
.submit,.start,.onboarding-continue{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-accent-ink)}
.submit:hover,.start:hover,.onboarding-continue:hover{box-shadow:0 12px 36px color-mix(in srgb,var(--app-accent) 24%,transparent)}
.secondary-submit{border-color:var(--app-line);background:var(--app-raised);color:var(--app-text)}
.secondary-submit:hover{background:color-mix(in srgb,var(--app-raised) 86%,var(--app-accent) 14%);color:var(--app-text)}
.danger-submit{border-color:#8a4149;background:#35191e;color:#ffd9dd}.danger-submit:hover{border-color:#b75561;background:#492129;color:#fff0f1}
.divider::before,.divider::after{background:var(--app-line)}
.notice,.password-status{border-color:var(--app-line);background:var(--app-raised);color:var(--app-text)}
.switch button,.reveal,.generate-password,.copy-password,.paste-code,.resend-code{color:var(--app-text)}
.language-switch{border-color:var(--app-line);background:var(--app-surface)}
.language-switch button{color:var(--app-muted)}
.language-switch button[aria-pressed=true]{color:var(--app-accent-ink)}
.site-footer{color:var(--app-muted)}
.onboarding-view{position:fixed;z-index:1000;inset:0;min-height:100svh;display:grid;place-items:center;padding:24px;overflow-y:auto;isolation:isolate;background:#030405;color:#f5f5f5;animation:onboarding-curtain .9s cubic-bezier(.2,.8,.2,1) both}
.onboarding-view::before{position:absolute;z-index:-1;inset:0;content:"";opacity:0;background:none;animation:onboarding-atmosphere 1.5s .1s ease-out forwards}
.onboarding-shell{width:100%;min-height:0;display:grid;place-items:center;padding:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;color:var(--app-text)}
.onboarding-shell>.welcome-screen,.onboarding-shell>.profile-wizard,.onboarding-shell>.setup-result{grid-area:1/1}
.welcome-screen.is-leaving{pointer-events:none;animation:welcome-slide-out .48s cubic-bezier(.32,.02,.65,1) both}
.welcome-screen{width:min(100%,760px);min-height:calc(100svh - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .85s cubic-bezier(.2,.8,.2,1)}
.welcome-logo-wrap{position:relative;width:clamp(270px,38vw,390px);margin:0 auto 38px;overflow:hidden;opacity:1;filter:drop-shadow(0 0 28px #ffffff20);transition:width .8s cubic-bezier(.2,.8,.2,1),margin .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.welcome-logo{display:block;width:100%;height:auto;clip-path:inset(0 100% 0 0);opacity:0}
.welcome-screen.is-active .welcome-logo{animation:welcome-logo-reveal 1.05s .2s cubic-bezier(.2,.8,.2,1) forwards}
.welcome-screen.is-active .welcome-logo-wrap{animation:welcome-logo-lift .52s 1.28s cubic-bezier(.2,.8,.2,1) both}
.welcome-logo-wrap::after{position:absolute;z-index:1;top:-26%;bottom:-26%;left:0;width:2px;content:"";opacity:0;background:linear-gradient(180deg,transparent,#fff 26%,#fff 74%,transparent);box-shadow:0 0 9px #fff,0 0 24px #ffffffb0;pointer-events:none}
.welcome-screen.is-active .welcome-logo-wrap::after{animation:welcome-logo-scan 1.12s .18s cubic-bezier(.2,.8,.2,1) both}
.welcome-copy{width:100%;opacity:0;transform:translateY(17px);transition:opacity .68s 1.78s,transform .72s 1.78s cubic-bezier(.2,.8,.2,1)}
.welcome-screen.is-active .welcome-copy{opacity:1;transform:translateY(0)}
.welcome-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-bottom:17px;color:#a5a5ad;font-size:10px;font-weight:750;letter-spacing:.16em}
.welcome-eyebrow::before,.welcome-eyebrow::after{width:20px;height:1px;content:"";background:linear-gradient(90deg,transparent,#a8a8b0)}
.welcome-eyebrow::after{transform:scaleX(-1)}
.welcome-screen h2{max-width:100%;margin:0;color:#f5f5f5;font-size:clamp(45px,7vw,72px);line-height:.98;letter-spacing:-.065em;transition:font-size .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1)}
.welcome-screen h2 strong{display:block;margin-top:9px;color:#fff;font-weight:720;overflow-wrap:anywhere}
.welcome-copy-stack{display:grid;grid-template-areas:"copy";justify-items:center;margin-top:20px}
.welcome-intro,.welcome-setup-copy{grid-area:copy;align-self:start;max-width:500px}
.welcome-intro{margin:0;color:#a5a5ad;font-size:16px;line-height:1.7;opacity:0;transform:translateY(8px);transition:opacity .54s .16s,transform .54s .16s}
.welcome-screen.is-active .welcome-intro{opacity:1;transform:translateY(0)}
.welcome-setup-copy{width:min(100%,520px);visibility:hidden;opacity:0;transform:translateY(15px);transition:opacity .65s .18s,transform .65s .18s cubic-bezier(.2,.8,.2,1),visibility 0s .83s}
.welcome-screen.is-setup-ready{transform:translateY(-20px)}
.welcome-screen.is-setup-ready .welcome-logo-wrap{width:clamp(220px,27vw,280px);margin-bottom:20px}
.welcome-screen.is-setup-ready h2{font-size:clamp(32px,4vw,42px);line-height:1.08;letter-spacing:-.05em;transform:translateY(-4px)}
.welcome-screen.is-setup-ready .welcome-intro{visibility:hidden;opacity:0;transform:translateY(-8px);transition-delay:0s}
.welcome-screen.is-setup-ready .welcome-setup-copy{visibility:visible;opacity:1;transform:translateY(0);transition-delay:.2s}
.welcome-setup-copy>.eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-bottom:11px;color:#bcbcc4;font-size:10px;font-weight:750;letter-spacing:.16em}
.welcome-setup-copy h3{margin:0;color:#f5f5f5;font-size:clamp(22px,3vw,29px);line-height:1.18;letter-spacing:-.045em}
.welcome-setup-copy>p{max-width:44ch;margin:9px auto 0;color:#a5a5ad;font-size:14px;line-height:1.65}
.welcome-journey{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 20px;margin:18px 0 0;padding:0;list-style:none}
.welcome-journey li{display:flex;align-items:center;gap:7px;color:#e7e7eb;font-size:11px;font-weight:650}
.welcome-journey li span{color:#aaaab4;font-size:9px;font-weight:750;letter-spacing:.1em}
.onboarding-continue{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:34px;width:min(100%,300px);margin:25px auto 0;padding:0 17px 0 20px;border:1px solid #ffffffa8;border-radius:13px;background:#f3f3f5;color:#111;font-weight:750;box-shadow:0 10px 40px #ffffff13;transition:transform .28s,box-shadow .28s,opacity .55s .35s,background .25s;opacity:0;transform:translateY(10px)}
.welcome-screen.is-setup-ready .onboarding-continue{opacity:1;transform:translateY(0)}
.onboarding-continue:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ffffff2e}
.onboarding-continue svg{width:19px;height:19px;transition:transform .22s}.onboarding-continue:hover svg{transform:translateX(3px)}
.profile-wizard{width:min(100%,610px);animation:wizard-slide-in .62s cubic-bezier(.18,.8,.2,1) both}
.wizard-step.is-entering[data-direction="forward"]{animation:step-forward .4s cubic-bezier(.2,.8,.2,1) both}
.wizard-step.is-entering[data-direction="backward"]{animation:step-backward .4s cubic-bezier(.2,.8,.2,1) both}
.wizard-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:38px}
.wizard-back{width:max-content;padding:7px 0;border:0;background:none;color:var(--app-muted);font-size:13px;font-weight:650}.wizard-back:hover{color:var(--app-text)}
.wizard-stage{color:var(--app-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wizard-progress{grid-column:1/-1;height:3px;overflow:hidden;border-radius:99px;background:var(--app-line)}.wizard-progress span{display:block;width:33.333%;height:100%;border-radius:inherit;background:var(--app-accent);transition:width .4s cubic-bezier(.2,.8,.2,1)}
.wizard-step .eyebrow{margin-bottom:11px}.wizard-step h2{margin:0;color:var(--app-text);font-size:clamp(28px,5vw,38px);line-height:1.12;letter-spacing:-.045em}.wizard-description{margin:10px 0 24px;color:var(--app-muted);font-size:14px;line-height:1.55}
.avatar-editor{display:flex;align-items:center;gap:17px;margin:0 0 24px;padding:16px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-inset)}
.profile-avatar{position:relative;display:grid;place-items:center;width:66px;height:66px;flex:none;overflow:hidden;border:1px solid var(--app-line);border-radius:50%;background:var(--app-bg);color:var(--app-text);font-size:22px;font-weight:750}
.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar-preview{width:72px;height:72px}
.avatar-pick{padding:0;border:0;background:none;color:var(--app-text);font-size:13px;font-weight:700}.avatar-editor p{margin:6px 0 0;color:var(--app-muted);font-size:11px}
.avatar-editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}.avatar-pick:hover,.avatar-remove:hover{text-decoration:underline;text-underline-offset:4px}.avatar-remove{padding:0;border:0;background:none;color:var(--app-muted);font-size:12px;font-weight:650}
.avatar-crop{margin:-9px 0 24px;padding:20px;border:1px solid color-mix(in srgb,var(--app-accent) 30%,var(--app-line));border-radius:18px;background:var(--app-bg);box-shadow:0 20px 50px #0003;animation:setup-enter .32s ease-out both}
.avatar-crop-heading{display:grid;gap:4px;margin-bottom:17px}.avatar-crop-heading strong{font-size:14px;color:var(--app-text)}.avatar-crop-heading span{font-size:12px;color:var(--app-muted)}
.avatar-crop-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:26px}.avatar-crop-preview{display:block;width:190px;height:190px;max-width:100%;border:4px solid var(--app-raised);border-radius:50%;box-shadow:0 0 0 1px var(--app-line),0 18px 36px #0006;cursor:grab;touch-action:none}.avatar-crop-preview:active{cursor:grabbing}.avatar-crop-preview:focus-visible{outline:2px solid var(--app-accent);outline-offset:5px}
.avatar-crop-controls{display:grid;gap:14px}.crop-control{display:grid;gap:8px;color:var(--app-muted);font-size:11px;font-weight:650}.crop-control input{width:100%;accent-color:var(--app-accent);cursor:pointer}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.avatar-crop-actions button{min-height:37px;padding:0 12px;border:1px solid var(--app-line);border-radius:9px;background:var(--app-raised);color:var(--app-text);font-size:11px;font-weight:700}.avatar-crop-actions button:last-child{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-accent-ink)}.avatar-crop-actions button:hover{filter:brightness(1.12)}
.setup-result{width:min(100%,460px);padding:36px 12px;text-align:center;animation:setup-enter .42s cubic-bezier(.2,.8,.2,1) both}.setup-result-mark{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 28px;border:2px solid #ffffff30;border-top-color:#fff;border-radius:50%;box-shadow:0 0 40px #ffffff0e;animation:setup-spin 1s linear infinite}.setup-result-mark svg{width:38px;height:38px;opacity:0}.setup-result h2{margin:0;color:#fff;font-size:clamp(29px,5vw,42px);letter-spacing:-.055em}.setup-result p{margin:10px 0 0;color:#aaaab3;font-size:14px;line-height:1.6}.setup-result.is-success .setup-result-mark{border-color:#9adebd;background:#9adebd18;color:#a9f1ce;animation:setup-pop .55s cubic-bezier(.2,.8,.2,1) both}.setup-result.is-success .setup-result-mark svg{opacity:1}.setup-result.is-success .setup-result-mark path{stroke-dasharray:48;stroke-dashoffset:48;animation:setup-check .5s .12s ease-out forwards}
.setup-label{display:block;margin-bottom:8px;color:var(--app-text);font-size:12px;font-weight:700}.setup-input{width:100%;min-height:49px;padding:0 14px;border:1px solid var(--app-line);border-radius:11px;outline:none;transition:border-color .2s,box-shadow .2s}.setup-error{display:block;min-height:17px;padding-top:4px;color:#d9929a;font-size:11px}
.theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.theme-option{display:grid;gap:8px;padding:8px;border:1px solid var(--app-line);border-radius:13px;background:var(--app-inset);color:var(--app-muted);font-size:10px;font-weight:650;text-align:left;transition:border-color .2s,transform .2s}.theme-option:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--app-accent) 52%,var(--app-line))}.theme-option.is-selected{border-color:var(--app-accent);color:var(--app-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-accent) 22%,transparent)}
.theme-preview{height:58px;display:flex;align-items:flex-end;gap:4px;padding:7px;border:1px solid #ffffff16;border-radius:8px;background:linear-gradient(145deg,var(--preview-bg),var(--preview-surface))}.theme-preview i{display:block;height:20px;flex:1;border-radius:3px;background:var(--preview-accent)}.theme-preview i:nth-child(2){height:29px;opacity:.66}.theme-preview i:nth-child(3){height:13px;opacity:.38}
.theme-obsidian{--preview-bg:#080809;--preview-surface:#1b1b1e;--preview-accent:#f5f5f5}.theme-midnight{--preview-bg:#090b18;--preview-surface:#1c2041;--preview-accent:#a5b4fc}.theme-nord{--preview-bg:#242a35;--preview-surface:#3b4658;--preview-accent:#88c0d0}.theme-ocean{--preview-bg:#071923;--preview-surface:#103548;--preview-accent:#55d6d2}.theme-forest{--preview-bg:#0d1b15;--preview-surface:#1c3828;--preview-accent:#9dc88d}.theme-amethyst{--preview-bg:#17101f;--preview-surface:#332044;--preview-accent:#c4a0f4}.theme-rose{--preview-bg:#211117;--preview-surface:#47232e;--preview-accent:#f19bb0}.theme-ember{--preview-bg:#21130e;--preview-surface:#48271c;--preview-accent:#ffad68}.theme-paper{--preview-bg:#e8e5de;--preview-surface:#fffdf8;--preview-accent:#25252a}.theme-custom{--preview-bg:#0b0b12;--preview-surface:#242238;--preview-accent:#a78bfa}
.custom-theme-controls{display:flex;gap:12px;margin-top:16px}.custom-theme-controls label{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1;padding:9px 11px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-inset);color:var(--app-muted);font-size:11px}.custom-theme-controls input{width:36px;height:28px;padding:2px;border:1px solid var(--app-line);border-radius:7px;background:var(--app-surface);cursor:pointer}
.wizard-notice{margin:15px 0 0;padding:11px 13px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-raised);color:var(--app-text);font-size:12px;line-height:1.5}.wizard-actions{margin-top:18px}.wizard-actions .onboarding-continue{width:100%;margin:0;opacity:1;transform:none}
.profile-summary{display:flex;align-items:center;gap:15px;margin:18px 0 20px}.profile-summary>div{min-width:0}.profile-summary>div>strong{color:var(--app-text);font-size:16px}.profile-email{margin:6px 0 0;padding:0;border:0;background:none;color:var(--app-muted);font-size:12px}
.studio-connect{display:grid;gap:10px;margin:18px 0;padding:15px;border:1px solid var(--app-line);border-radius:14px;background:var(--app-inset)}.studio-connect-heading,.studio-connect-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-connect-heading h4{margin:0;color:var(--app-text);font-size:13px}.studio-connect-indicator{width:8px;height:8px;flex:none;border-radius:50%;background:var(--app-muted)}.studio-connect[data-state="connected"] .studio-connect-indicator{background:var(--app-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-accent) 14%,transparent)}.studio-connect-status,.studio-connect-help{margin:0;color:var(--app-muted);font-size:11px;line-height:1.55}.studio-connect .submit{margin:0}.studio-api-key{display:block;padding:11px;border:1px dashed var(--app-line);border-radius:10px;color:var(--app-text);font:600 12px/1.5 var(--app-font-family);overflow-wrap:anywhere;user-select:all}.studio-download,.studio-revoke{padding:0;border:0;background:none;color:var(--app-muted);font:inherit;font-size:11px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.studio-download:hover,.studio-revoke:hover{color:var(--app-text)}.studio-download:focus-visible,.studio-revoke:focus-visible{outline:2px solid var(--app-accent);outline-offset:4px}.studio-revoke{color:var(--app-muted)}.studio-revoke:disabled{cursor:wait;opacity:.6}
.studio-workbench{display:grid;gap:11px;margin:16px 0;padding:15px;border:1px solid var(--app-line);border-radius:14px;background:var(--app-surface)}.studio-workbench[hidden]{display:none}.studio-workbench-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-workbench-heading h4{margin:0;color:var(--app-text);font-size:13px}.studio-project-name{margin:-5px 0 0;color:var(--app-text);font-size:12px;font-weight:650}.studio-plan-badge{padding:5px 8px;border:1px solid var(--app-line);border-radius:999px;color:var(--app-muted);font-size:9px;line-height:1.3}.studio-tree-tools,.studio-search-row{display:flex;align-items:center;gap:10px;min-width:0}.studio-tree-tools>span{flex:1;color:var(--app-muted);font-size:10px;line-height:1.4}.studio-search-row input,.studio-workbench textarea{min-width:0;width:100%;padding:10px 11px;border:1px solid var(--app-control-border);border-radius:9px;background:var(--app-control-bg);color:var(--app-text);font:inherit;font-size:11px;line-height:1.5}.studio-workbench textarea{resize:vertical;min-height:88px}.studio-search-row input:focus-visible,.studio-workbench textarea:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:2px}.studio-tree-results{max-height:260px;overflow:auto;padding:6px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-inset);color:var(--app-text)}.studio-tree-item{min-width:0}.studio-tree-row{display:flex;align-items:center;gap:3px;min-width:0;margin-left:calc(var(--tree-depth,0)*9px)}.studio-tree-expand,.studio-tree-select{min-height:28px;border:0;background:transparent;color:var(--app-text);cursor:pointer}.studio-tree-expand{width:24px;flex:none;border-radius:6px;color:var(--app-muted);font-size:17px}.studio-tree-expand:disabled{cursor:default;opacity:.45}.studio-tree-select{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:4px 6px;border-radius:6px;text-align:left}.studio-tree-select:hover,.studio-tree-expand:not(:disabled):hover{background:var(--app-hover)}.studio-tree-select[aria-pressed="true"]{background:var(--app-accent-soft);color:var(--app-accent-ink)}.studio-tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.studio-tree-class{flex:none;color:var(--app-muted);font-size:9px}.studio-tree-group{margin-left:10px;padding-left:6px;border-left:1px solid var(--app-line)}.studio-tree-empty,.studio-selected-object{margin:0;color:var(--app-muted);font-size:10px;line-height:1.5}.studio-source-consent{display:flex;align-items:flex-start;gap:8px;color:var(--app-muted);font-size:10px;line-height:1.5}.studio-source-consent input{width:15px;height:15px;flex:none;margin:1px 0 0;accent-color:var(--app-accent)}.studio-prompt-label{color:var(--app-text);font-size:11px;font-weight:650}.studio-workbench .submit{margin:0;width:100%}.studio-chat{display:grid;gap:8px;max-height:260px;overflow:auto}.studio-chat-message,.studio-plan-action{padding:10px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-inset)}.studio-chat-message strong,.studio-plan-action strong{color:var(--app-text);font-size:10px}.studio-chat-message p{margin:6px 0 0;color:var(--app-muted);font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.studio-plan-preview{display:grid;gap:8px;max-height:420px;overflow:auto}.studio-plan-action pre{max-height:190px;overflow:auto;margin:8px 0 0;padding:9px;border:1px solid var(--app-line);border-radius:7px;background:var(--app-control-bg);color:var(--app-text);font:10px/1.5 var(--app-font-family);white-space:pre;tab-size:2}.studio-workbench button:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:2px}
.studio-code-warning{margin:8px 0 0;color:var(--app-danger);font-size:10px;line-height:1.5}
.studio-tree-row{margin-left:0}
#choice-panel .divider,#choice-panel .google-slot{display:none}
:root[data-theme="paper"] .page::before{background-image:radial-gradient(#151515 1px,transparent 1px);opacity:.04}
:root[data-theme="paper"] .brand-logo,:root[data-theme="paper"] .hero-logo{filter:brightness(0)}
:root[data-light-surface="true"] .page::before{background-image:radial-gradient(#151515 1px,transparent 1px);opacity:.04}
:root[data-light-surface="true"] .brand-logo,:root[data-light-surface="true"] .hero-logo{filter:brightness(0)}
@keyframes onboarding-curtain{from{opacity:0;filter:brightness(.4)}to{opacity:1;filter:brightness(1)}}
@keyframes onboarding-atmosphere{to{opacity:1}}
@keyframes welcome-logo-lift{to{transform:translateY(-8px)}}
@keyframes welcome-logo-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.35}100%{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes welcome-logo-scan{0%{left:0;opacity:0}12%{opacity:1}82%{opacity:.9}100%{left:100%;opacity:0}}
@keyframes logo-sweep{0%{left:-42%;opacity:0}18%{opacity:.88}86%{opacity:.75}100%{left:125%;opacity:0}}
@keyframes setup-enter{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes welcome-slide-out{to{opacity:0;filter:blur(8px);transform:translateX(-70px) scale(.96)}}
@keyframes wizard-slide-in{from{opacity:0;filter:blur(8px);transform:translateX(70px) scale(.97)}to{opacity:1;filter:none;transform:translateX(0) scale(1)}}
@keyframes step-forward{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes step-backward{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes setup-spin{to{transform:rotate(360deg)}}
@keyframes setup-pop{from{transform:scale(.76);opacity:.4}to{transform:scale(1);opacity:1}}
@keyframes setup-check{to{stroke-dashoffset:0}}
@media(max-width:520px){.avatar-crop-layout{grid-template-columns:1fr;justify-items:center;gap:22px}.avatar-crop-controls{width:100%}.avatar-crop{padding:16px}.avatar-crop-preview{width:180px;height:180px}}
@media(max-width:700px){.onboarding-view{padding:24px 20px}.welcome-screen{width:100%;min-height:calc(100svh - 48px)}.welcome-logo-wrap{width:min(270px,68vw);margin-bottom:30px}.welcome-copy{width:min(100%,600px)}.welcome-screen h2{font-size:clamp(40px,9vw,58px)}.welcome-screen h2 strong{margin-top:7px}.welcome-intro{font-size:15px}.welcome-copy-stack{margin-top:17px}.welcome-setup-copy>p{margin-inline:auto}.welcome-journey{gap:9px 15px}.welcome-screen.is-setup-ready .welcome-logo-wrap{width:min(190px,48vw);margin-bottom:16px}.welcome-screen.is-setup-ready h2{font-size:clamp(32px,7vw,40px)}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-header{margin-bottom:28px}}
@media(max-width:420px){.onboarding-view{padding:20px 16px}.welcome-screen{min-height:calc(100svh - 40px)}.welcome-logo-wrap{width:min(235px,66vw);margin-bottom:24px}.welcome-copy-stack{margin-top:14px}.welcome-screen h2{font-size:39px}.welcome-screen.is-setup-ready{transform:translateY(-10px)}.welcome-screen.is-setup-ready .welcome-logo-wrap{width:min(154px,43vw);margin-bottom:13px}.welcome-screen.is-setup-ready h2{font-size:31px}.welcome-setup-copy h3{font-size:24px}.welcome-journey{gap:8px 12px}.welcome-journey li{font-size:10px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-theme-controls{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.onboarding-view,.onboarding-view::before,.welcome-logo,.welcome-logo-wrap,.welcome-logo-wrap::after,.welcome-copy,.welcome-screen h2,.welcome-intro,.welcome-setup-copy,.onboarding-continue,.profile-wizard{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;filter:none!important}.welcome-logo,.welcome-logo-wrap,.welcome-copy,.welcome-screen h2,.onboarding-continue{opacity:1;transform:none;clip-path:none}.welcome-intro,.welcome-setup-copy{transform:none}}
@media(prefers-reduced-motion:reduce){.welcome-screen.is-leaving,.wizard-step.is-entering,.avatar-crop,.setup-result,.setup-result-mark,.setup-result-mark path{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}

.field:has(input[aria-invalid="true"]) label{color:#fca5a5}
.field input[aria-invalid="true"]{border-color:#ef646b;background:color-mix(in srgb,var(--app-inset) 91%,#7f1d26);box-shadow:0 0 0 3px #ef444426}
.field input[aria-invalid="true"]:focus{border-color:#ff7a80;box-shadow:0 0 0 3px #ef44443b}
.field input[aria-invalid="true"]:focus-visible{outline:2px solid #ef646b;outline-offset:2px}
.error{min-height:0;color:#fca5a5}
.error:not(:empty){display:flex;align-items:flex-start;gap:8px;margin-top:0;padding:8px 10px;border:1px solid #783b40;border-radius:9px;background:color-mix(in srgb,var(--app-raised) 82%,#7f1d26);color:#ffc3c5;line-height:1.45;animation:auth-message-in .2s ease-out both}
.error:not(:empty)::before{content:"!";display:grid;place-items:center;flex:0 0 16px;height:16px;margin-top:1px;border:1px solid #ef8589;border-radius:50%;font-size:10px;font-weight:800;line-height:1}
.password-tools{align-items:center;justify-content:flex-end;gap:8px;min-height:0;margin-top:2px;flex-wrap:wrap}
.generate-password,.copy-password{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:33px;padding:0 10px;border:1px solid var(--app-line);border-radius:9px;background:var(--app-raised);color:var(--app-muted);font-size:11px;font-weight:650;transition:color .2s,border-color .2s,background .2s,transform .2s}
.generate-password svg,.copy-password svg{width:14px;height:14px;flex:none}
.generate-password:hover,.copy-password:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--app-accent) 46%,var(--app-line));background:color-mix(in srgb,var(--app-raised) 84%,var(--app-accent) 16%);color:var(--app-text)}
.password-status{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 12px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-raised);color:var(--app-muted);font-size:11px;line-height:1.45;animation:auth-message-in .22s ease-out both}
.password-status::before{content:"i";display:grid;place-items:center;flex:0 0 17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:800;line-height:1}
.password-status[data-status="success"]{border-color:#32614a;background:color-mix(in srgb,var(--app-raised) 78%,#124b31);color:#b9f5d4}
.password-status[data-status="success"]::before{content:"✓"}
.password-status[data-status="error"]{border-color:#783b40;background:color-mix(in srgb,var(--app-raised) 78%,#7f1d26);color:#ffc3c5}
.password-status[data-status="error"]::before{content:"!"}
@keyframes auth-message-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:420px){.password-tools{justify-content:stretch}.generate-password,.copy-password{flex:1;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.error:not(:empty),.password-status{animation:none}}
.auth-view.is-entering .auth-story>.eyebrow{animation:auth-eyebrow-in .62s .1s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering .auth-story h2{animation:auth-heading-in .72s .1s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering .auth-story>p{animation:auth-copy-in .62s .1s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering .card-head{animation:none}
.auth-view.is-entering .card-head h3{animation:auth-heading-in .68s .1s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering .card-head p{animation:auth-caption-in .62s .1s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #choice-panel:not([hidden]) .choice-copy strong{animation:auth-option-title-in .46s .25s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #choice-panel:not([hidden]) .choice-copy small{animation:auth-option-hint-in .46s .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes auth-eyebrow-in{from{opacity:0;transform:translateY(-7px) scale(.92);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes auth-heading-in{from{opacity:0;transform:perspective(500px) translateY(12px) rotateX(-12deg);filter:blur(8px)}to{opacity:1;transform:perspective(500px) translateY(0) rotateX(0);filter:blur(0)}}
@keyframes auth-copy-in{from{opacity:0;transform:translateX(-13px);filter:blur(4px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateX(0);filter:blur(0);clip-path:inset(0)}}
@keyframes auth-caption-in{from{opacity:0;transform:translateX(12px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes auth-option-title-in{from{opacity:0;transform:translateX(-8px);filter:blur(3px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}
@keyframes auth-option-hint-in{from{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.auth-view.is-entering .auth-story>.eyebrow,.auth-view.is-entering .auth-story h2,.auth-view.is-entering .auth-story>p,.auth-view.is-entering .card-head h3,.auth-view.is-entering .card-head p,.auth-view.is-entering #choice-panel .choice-copy strong,.auth-view.is-entering #choice-panel .choice-copy small{animation-delay:0ms!important}}
.intro{animation:none}
.intro>.eyebrow{opacity:0;animation:hero-eyebrow-in .58s .08s cubic-bezier(.2,.8,.2,1) both}
.intro>h1{opacity:0;transform-origin:left bottom;animation:hero-title-in .9s .18s cubic-bezier(.2,.8,.2,1) both}
.intro>.cta-shell{opacity:0;animation:hero-cta-in .68s .52s cubic-bezier(.16,1,.3,1) both}
.visual{animation:hero-visual-in .9s .08s cubic-bezier(.2,.8,.2,1) both}
.visual::before{animation:halo-pulse 8s ease-in-out infinite}
.orbit:not(.inner){animation:orbit-clockwise 56s linear infinite}
.orbit.inner{animation:orbit-counter 72s linear infinite}
.core{isolation:isolate;animation:core-reveal .82s .28s cubic-bezier(.2,.8,.2,1) both,core-glow 9s 1.1s ease-in-out infinite}
.core::after{z-index:2;border-style:solid;border-color:#ffffff18;animation-duration:72s}
.core::before{content:"";position:absolute;inset:8%;z-index:0;border-radius:50%;background:radial-gradient(ellipse at 31% 23%,#ffffff14,transparent 43%),radial-gradient(ellipse at 70% 78%,#ffffff06,transparent 52%);pointer-events:none}
.hero-logo{opacity:0;animation:hero-logo-clarity .72s .44s cubic-bezier(.2,.8,.2,1) both,hero-logo-float 9s 1.16s ease-in-out infinite}
@keyframes hero-eyebrow-in{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-title-in{from{opacity:0;transform:translateY(22px) scale(.985);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes hero-cta-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hero-visual-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hero-logo-clarity{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes hero-logo-float{50%{translate:0 -3px}}
@keyframes core-reveal{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes core-glow{0%,100%{box-shadow:0 0 70px #ffffff0d,inset 0 0 50px #ffffff08}50%{box-shadow:0 0 82px #ffffff12,inset 0 0 56px #ffffff0c}}
@media(prefers-reduced-motion:reduce){.intro>.eyebrow,.intro>h1,.intro>.cta-shell,.visual,.visual::before,.orbit,.core,.core::before,.core::after,.hero-logo,.visual-tag,.studio-letter{animation-delay:0ms!important}}
.visual{isolation:isolate}
.visual::before{z-index:0;pointer-events:none}
.visual::after{content:"";position:absolute;top:50%;left:50%;z-index:0;width:min(72%,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff18 0,#ffffff0d 29%,transparent 69%);filter:blur(9px);opacity:.42;translate:var(--hero-aura-x,0px) var(--hero-aura-y,0px);transform:translate(-50%,-50%);transition:translate .65s cubic-bezier(.2,.8,.2,1);animation:aura-breathe 7s 1s ease-in-out infinite;pointer-events:none}
.orbit{z-index:1;transition:translate .75s cubic-bezier(.2,.8,.2,1)}
.orbit:not(.inner){translate:var(--hero-outer-x,0px) var(--hero-outer-y,0px)}
.orbit.inner{translate:var(--hero-inner-x,0px) var(--hero-inner-y,0px)}
.orbit::before{content:none}
.orbit:not(.inner)::after{animation:orbit-beacon 5.5s ease-in-out infinite}
.orbit.inner::after{animation:orbit-beacon 7s .8s ease-in-out infinite}
.core{z-index:2;translate:var(--hero-core-x,0px) var(--hero-core-y,0px);transition:translate .55s cubic-bezier(.2,.8,.2,1)}
.visual-tag{z-index:3}
@keyframes aura-breathe{0%,100%{opacity:.35}50%{opacity:.62}}
@keyframes orbit-beacon{0%,100%{opacity:.68;transform:scale(.94)}50%{opacity:.92;transform:scale(1.06)}}
@media(max-width:760px){.visual::after{width:min(88%,440px)}}
@media(prefers-reduced-motion:reduce){.visual::after{animation-delay:0ms!important}.orbit:not(.inner)::after,.orbit.inner::after{animation-delay:0ms!important}}
#verification-panel:not([hidden]){position:relative;animation:verification-panel-in .62s cubic-bezier(.2,.8,.2,1) both}
.verification-mark{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--app-accent) 24%,var(--app-line));border-radius:13px;background:var(--app-bg);color:var(--app-text);box-shadow:0 10px 28px #0005,inset 0 1px #ffffff12;animation:verification-mark-in .72s .08s cubic-bezier(.2,.8,.2,1) both}
.verification-mark::before{content:"";position:absolute;inset:-6px;border:1px solid color-mix(in srgb,var(--app-accent) 28%,transparent);border-radius:17px;opacity:0;animation:verification-mark-ring 3.4s .7s ease-out infinite}
.verification-mark svg{width:19px;height:19px}
#verification-panel .card-head{margin:24px 0 28px}
.verification-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#verification-panel .card-head h3{margin:0;min-width:0;font-size:clamp(28px,6vw,32px);animation:verification-text-in .56s .08s cubic-bezier(.2,.8,.2,1) both}
#verification-panel .card-head p{max-width:36ch;margin-top:13px;line-height:1.55;animation:verification-text-in .56s .14s cubic-bezier(.2,.8,.2,1) both}
#verification-panel .verification-email{display:inline-block;max-width:100%;margin-top:9px;padding:8px 11px;border:1px solid var(--app-line);border-radius:8px;background:color-mix(in srgb,var(--app-inset) 76%,transparent);color:var(--app-text);font-size:13px;font-weight:700;line-height:1.4}
#verification-panel .verification-field{gap:10px;animation:verification-text-in .54s .16s cubic-bezier(.2,.8,.2,1) both}
.code-entry{position:relative;height:62px;border:1px solid var(--app-line);border-radius:13px;background:var(--app-inset);box-shadow:inset 0 1px #ffffff0a;transition:border-color .24s,box-shadow .24s,transform .24s;animation:verification-code-in .58s .18s cubic-bezier(.2,.8,.2,1) both}
.code-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:100%;pointer-events:none}
.code-slots span{position:relative;display:grid;place-items:center;min-width:0;color:var(--app-text);font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.code-slots span+span{border-left:1px solid var(--app-line)}
.code-slots span:first-child{border-radius:12px 0 0 12px}.code-slots span:last-child{border-radius:0 12px 12px 0}
.code-slots span.is-current{background:color-mix(in srgb,var(--app-accent) 7%,transparent)}
.code-entry:focus-within{transform:translateY(-1px);border-color:var(--app-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-accent) 15%,transparent)}
.code-entry:focus-within .code-slots span.is-current::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:22px;border-radius:2px;background:var(--app-accent);transform:translate(-50%,-50%);animation:verification-caret 1.1s steps(1,end) infinite}
.code-entry.is-complete:not(:focus-within){border-color:color-mix(in srgb,var(--app-accent) 65%,var(--app-line))}
.code-entry.is-error,.code-entry.is-error:focus-within{border-color:#f16f79;box-shadow:0 0 0 4px #f16f7929;animation:verification-error-shake .42s ease}
.code-entry.is-error .code-slots span{color:#ffc2c6}
.code-entry.is-checking{border-color:var(--app-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-accent) 12%,transparent)}
.code-entry.is-checking::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:0 0 13px 13px;background:linear-gradient(90deg,transparent,var(--app-accent),transparent);background-size:45% 100%;background-repeat:no-repeat;animation:verification-progress 1.2s ease-in-out infinite}
#verification-code{position:absolute;z-index:1;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:text}
#verification-code:focus,#verification-code[aria-invalid=true],#verification-code[aria-invalid=true]:focus{border:0;outline:0;box-shadow:none}
#verification-panel .paste-code{display:inline-flex;align-items:center;justify-self:end;gap:8px;min-height:44px;margin-top:-4px;padding:0 12px;border:1px solid var(--app-line);border-radius:9px;background:var(--app-raised);color:var(--app-muted);font-size:12px;font-weight:650;transition:transform .22s,border-color .22s,background .22s,color .22s;animation:verification-action-in .5s .24s cubic-bezier(.2,.8,.2,1) both}
#verification-panel .paste-code svg{width:15px;height:15px;flex:none}
#verification-panel .paste-code:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--app-accent) 48%,var(--app-line));background:color-mix(in srgb,var(--app-raised) 84%,var(--app-accent) 16%);color:var(--app-text)}
#verification-panel .submit{animation:verification-action-in .52s .31s cubic-bezier(.2,.8,.2,1) both}
#verification-panel .resend-control{gap:5px;margin-top:15px;animation:verification-action-in .52s .38s cubic-bezier(.2,.8,.2,1) both}
#verification-countdown{min-height:18px;text-align:center}
#verification-panel .resend-code{min-height:44px;padding:7px 12px;border-radius:9px;transition:color .2s,background .2s,transform .2s}
#verification-panel .resend-code:enabled:hover{transform:translateY(-1px);background:var(--app-raised)}
.mail-spam-tip{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 0;color:var(--app-muted);font-size:11px;line-height:1.45;text-align:center;animation:verification-action-in .48s .44s cubic-bezier(.2,.8,.2,1) both}
.mail-spam-tip::before{content:"i";display:grid;place-items:center;flex:none;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:750}
.verification-result{position:absolute;z-index:3;inset:-10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;border:1px solid color-mix(in srgb,#54d6a0 35%,var(--app-line));border-radius:22px;background:var(--app-bg);text-align:center;box-shadow:0 26px 70px #0008;animation:verification-result-in .5s cubic-bezier(.2,.8,.2,1) both}
.verification-result[hidden]{display:none!important}
.verification-result-icon{display:grid;place-items:center;width:92px;height:92px;margin-bottom:21px;border:1px solid color-mix(in srgb,#54d6a0 38%,var(--app-line));border-radius:50%;background:color-mix(in srgb,#54d6a0 10%,var(--app-raised));color:#73e2ad;box-shadow:0 0 0 8px color-mix(in srgb,#54d6a0 6%,transparent),0 14px 44px #0005;animation:verification-success-pop .64s .12s cubic-bezier(.17,.89,.32,1.3) both}
html[data-light-surface="true"] .verification-result-icon{color:#16815c}
.verification-result-icon svg{width:62px;height:62px;overflow:visible}
.result-ring{stroke-dasharray:176;stroke-dashoffset:176;animation:verification-stroke .68s .22s ease-out forwards}
.result-check{stroke-dasharray:48;stroke-dashoffset:48;animation:verification-stroke .42s .68s ease-out forwards}
.verification-result strong{font-size:24px;letter-spacing:-.04em;animation:verification-text-in .48s .52s both}
.verification-result p{margin:8px 0 0;color:var(--app-muted);font-size:14px;animation:verification-text-in .48s .65s both}
@keyframes verification-caret{50%{opacity:0}}
@keyframes verification-error-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}100%{transform:translateX(0)}}
@keyframes verification-progress{from{background-position:-45% 0}to{background-position:145% 0}}
@keyframes verification-result-in{from{opacity:0;transform:scale(.97);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes verification-success-pop{from{opacity:0;transform:scale(.62)}to{opacity:1;transform:scale(1)}}
@keyframes verification-stroke{to{stroke-dashoffset:0}}
@keyframes verification-panel-in{from{opacity:0;transform:translateY(14px) scale(.99);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes verification-mark-in{from{opacity:0;transform:scale(.75) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes verification-mark-ring{0%{opacity:0;transform:scale(.82)}22%{opacity:.42}75%,100%{opacity:0;transform:scale(1.22)}}
@keyframes verification-text-in{from{opacity:0;transform:translateY(9px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes verification-code-in{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@keyframes verification-action-in{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(max-width:480px){.verification-mark{width:38px;height:38px}.verification-mark svg{width:17px;height:17px}#verification-panel .card-head{margin-top:16px}#verification-panel .card-head h3{font-size:clamp(24px,7vw,29px)}.code-entry{height:58px}.code-slots span{font-size:21px}.verification-result{inset:-10px -4px}}
@media(prefers-reduced-motion:reduce){#verification-panel:not([hidden]),.verification-mark,.verification-mark::before,#verification-panel .card-head h3,#verification-panel .card-head p,#verification-panel .field,.code-entry,.code-entry.is-error,.code-entry.is-checking::after,.code-entry .is-current::after,#verification-panel .paste-code,#verification-panel .submit,#verification-panel .resend-control,.mail-spam-tip,.verification-result,.verification-result-icon,.verification-result strong,.verification-result p{animation-duration:.01ms!important;animation-delay:0ms!important}.result-ring,.result-check{animation-duration:.01ms!important;animation-delay:0ms!important}}
.auth-card{animation:none}
.auth-view.is-entering .auth-story{animation:auth-story-in .72s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering .auth-card{animation:auth-card-in .76s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering .back{animation:auth-item-in .46s .08s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering .card-head{animation:auth-item-in .52s .14s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #choice-panel:not([hidden]) .choice:nth-child(1){animation:auth-item-in .54s .2s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #choice-panel:not([hidden]) .choice:nth-child(2){animation:auth-item-in .54s .29s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #choice-panel:not([hidden]) .divider,.auth-view.is-entering #form-panel:not([hidden]) .divider{animation:auth-item-in .44s .37s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #choice-panel:not([hidden]) .google-slot,.auth-view.is-entering #form-panel:not([hidden]) .google-slot{animation:auth-item-in .48s .43s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #form-panel:not([hidden]) .auth-form>.field:nth-child(1){animation:auth-item-in .48s .2s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #form-panel:not([hidden]) .auth-form>.field:nth-child(2){animation:auth-item-in .48s .28s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #form-panel:not([hidden]) .auth-form>.submit{animation:auth-item-in .48s .36s cubic-bezier(.2,.8,.2,1) both}
.auth-view.is-entering #form-panel:not([hidden]) .switch{animation:auth-item-in .44s .5s cubic-bezier(.2,.8,.2,1) both}
.choice:active,.submit:active,.google-fallback:active{transform:scale(.985)}
@keyframes auth-story-in{from{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes auth-card-in{from{opacity:0;transform:translateY(20px) scale(.985);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes auth-item-in{from{opacity:0;transform:translateY(11px) scale(.99);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.auth-view.is-entering .auth-story,.auth-view.is-entering .auth-card,.auth-view.is-entering .back,.auth-view.is-entering .card-head,.auth-view.is-entering #choice-panel .choice,.auth-view.is-entering .divider,.auth-view.is-entering .google-slot,.auth-view.is-entering #form-panel .field,.auth-view.is-entering #form-panel .submit,.auth-view.is-entering #form-panel .switch{animation-duration:.01ms!important;animation-delay:0ms!important}}

.onboarding-view{background:#020204;animation:onboarding-reveal 1.05s cubic-bezier(.18,.8,.2,1) both}
.onboarding-view::before{z-index:0;inset:-10%;background:none;animation:onboarding-atmosphere-in 1.8s .12s ease-out both}
.onboarding-view::after{position:absolute;z-index:0;inset:0;content:"";opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 25%,#00000063 100%),linear-gradient(110deg,transparent 32%,#ffffff05 50%,transparent 68%);animation:onboarding-light-pass 1.8s .3s ease-out both}
.onboarding-shell{position:relative;z-index:1;perspective:1200px}
.welcome-screen{isolation:isolate}
.welcome-logo-wrap{width:clamp(260px,36vw,390px);margin-bottom:32px;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--app-accent) 25%,transparent))}
.welcome-logo-wrap::before{position:absolute;z-index:0;inset:8%;content:"";opacity:0;filter:blur(24px);background:radial-gradient(ellipse,color-mix(in srgb,var(--app-accent) 52%,transparent),transparent 68%);pointer-events:none}
.welcome-screen.is-active .welcome-logo-wrap::before{animation:welcome-logo-bloom 1.35s .14s ease-out both}
.welcome-logo{position:relative;z-index:1;filter:drop-shadow(0 0 18px #ffffff20)}
.welcome-screen.is-active .welcome-logo-wrap{animation:welcome-brand-rise .82s 1.24s cubic-bezier(.2,.8,.2,1) both}
.welcome-screen.is-active .welcome-copy{animation:welcome-copy-reveal .82s 1.72s cubic-bezier(.2,.8,.2,1) both}
.welcome-screen.is-setup-ready{transform:translateY(-32px) scale(.985)}
.welcome-screen.is-setup-ready .welcome-logo-wrap{width:clamp(205px,23vw,270px);margin-bottom:14px;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--app-accent) 30%,transparent))}
.welcome-screen.is-setup-ready h2{font-size:clamp(32px,4.2vw,44px);transform:translateY(-5px)}
.welcome-screen.is-setup-ready .welcome-setup-copy{animation:welcome-setup-reveal .7s .1s cubic-bezier(.2,.8,.2,1) both}
.welcome-journey{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.welcome-journey li{gap:9px;padding:9px 13px;border:1px solid #ffffff17;border-radius:999px;background:#ffffff08;color:#f3f3f6}
.welcome-journey li span{color:var(--app-accent);font-size:10px}
.welcome-screen .onboarding-continue{width:min(100%,310px);min-height:54px;margin-top:24px;border-color:color-mix(in srgb,var(--app-accent) 72%,#ffffff);border-radius:15px;background:linear-gradient(135deg,var(--app-accent),color-mix(in srgb,var(--app-accent) 72%,#ffffff));color:var(--app-accent-ink);box-shadow:0 16px 46px color-mix(in srgb,var(--app-accent) 23%,transparent),inset 0 1px #ffffff70;opacity:0;transform:translateY(13px) scale(.98);transition:transform .3s,box-shadow .3s,opacity .5s,filter .3s}
.welcome-screen.is-setup-ready .onboarding-continue{opacity:1;transform:translateY(0) scale(1)}
.welcome-screen .onboarding-continue:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 20px 52px color-mix(in srgb,var(--app-accent) 30%,transparent)}
.welcome-screen .onboarding-continue:focus-visible,.wizard-back:focus-visible,.avatar-pick:focus-visible,.avatar-remove:focus-visible,.theme-option:focus-visible{outline:2px solid var(--app-accent);outline-offset:4px}
.welcome-screen.is-leaving{animation:welcome-exit-up .48s cubic-bezier(.32,.02,.65,1) both}
.profile-wizard{place-self:center;width:min(100%,720px);max-height:calc(100svh - 40px);overflow:auto;overscroll-behavior:contain;padding:clamp(22px,4vw,38px);border:1px solid color-mix(in srgb,var(--app-accent) 20%,var(--app-line));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--app-raised) 92%,var(--app-accent) 8%),color-mix(in srgb,var(--app-surface) 96%,#000));box-shadow:0 36px 110px #0009,inset 0 1px #ffffff10;backdrop-filter:blur(24px);scrollbar-color:var(--app-line) transparent;scrollbar-width:thin;animation:profile-card-rise .72s cubic-bezier(.18,.8,.2,1) both}
.wizard-header{margin-bottom:30px}
.wizard-progress{height:4px;background:color-mix(in srgb,var(--app-line) 84%,transparent)}
.wizard-progress span{box-shadow:0 0 16px color-mix(in srgb,var(--app-accent) 45%,transparent)}
.avatar-editor{border-color:color-mix(in srgb,var(--app-accent) 14%,var(--app-line));background:color-mix(in srgb,var(--app-inset) 90%,var(--app-accent) 10%)}
.avatar-preview{box-shadow:0 0 0 5px color-mix(in srgb,var(--app-accent) 14%,transparent),0 10px 30px #0005}
.avatar-pick,.avatar-remove{transition:transform .2s,border-color .2s,background .2s,color .2s}
.avatar-pick:hover,.avatar-remove:hover,.theme-option:hover{transform:translateY(-2px)}
.theme-option{transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.theme-option.is-selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 13%,transparent)}
.wizard-actions .onboarding-continue{width:100%;min-height:52px;margin:0;opacity:1;transform:none;border-color:var(--app-accent);border-radius:14px;background:linear-gradient(135deg,var(--app-accent),color-mix(in srgb,var(--app-accent) 78%,#ffffff));color:var(--app-accent-ink);box-shadow:0 12px 34px color-mix(in srgb,var(--app-accent) 18%,transparent)}
.wizard-actions .onboarding-continue:hover{transform:translateY(-2px);box-shadow:0 16px 38px color-mix(in srgb,var(--app-accent) 25%,transparent)}
@keyframes onboarding-reveal{from{opacity:0;filter:brightness(.4) blur(5px)}to{opacity:1;filter:brightness(1) blur(0)}}
@keyframes onboarding-atmosphere-in{0%{opacity:0;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}
@keyframes onboarding-light-pass{0%{opacity:0;transform:translateY(2%)}45%{opacity:.72}100%{opacity:.32;transform:translateY(0)}}
@keyframes welcome-logo-bloom{0%{opacity:0;transform:scale(.82)}36%{opacity:.9}100%{opacity:.52;transform:scale(1.2)}}
@keyframes welcome-brand-rise{0%{transform:translateY(0) scale(1)}62%{transform:translateY(-13px) scale(1.015)}100%{transform:translateY(-8px) scale(1)}}
@keyframes welcome-copy-reveal{from{opacity:0;transform:translateY(22px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes welcome-setup-reveal{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes welcome-exit-up{to{opacity:0;filter:blur(10px);transform:translateY(-36px) scale(.96)}}
@keyframes profile-card-rise{from{opacity:0;transform:translateY(24px) scale(.975);filter:blur(9px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(max-width:700px){.onboarding-view{padding:20px 16px}.welcome-screen{min-height:calc(100svh - 40px)}.welcome-logo-wrap{width:min(290px,72vw);margin-bottom:26px}.welcome-screen h2{font-size:clamp(39px,10vw,58px)}.welcome-screen.is-setup-ready{transform:translateY(-12px) scale(.985)}.welcome-screen.is-setup-ready .welcome-logo-wrap{width:min(178px,46vw);margin-bottom:11px}.welcome-copy-stack{margin-top:17px}.welcome-journey{gap:8px;margin-top:18px}.welcome-screen .onboarding-continue{min-height:51px;margin-top:20px}.profile-wizard{max-height:calc(100svh - 24px);padding:21px 16px;border-radius:22px}.wizard-header{margin-bottom:24px}.wizard-description{margin-bottom:19px}.avatar-editor{align-items:flex-start;gap:13px;padding:13px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:740px) and (min-width:701px){.profile-wizard{max-height:calc(100svh - 24px);padding-block:20px}.wizard-header{margin-bottom:22px}.wizard-description{margin-bottom:16px}.avatar-editor{margin-bottom:16px;padding:12px}}
@media(prefers-reduced-motion:reduce){.onboarding-view,.onboarding-view::before,.onboarding-view::after,.welcome-screen.is-active .welcome-logo,.welcome-screen.is-active .welcome-logo-wrap,.welcome-screen.is-active .welcome-logo-wrap::before,.welcome-screen.is-active .welcome-copy,.welcome-screen.is-setup-ready .welcome-setup-copy,.welcome-screen.is-leaving,.profile-wizard,.wizard-step.is-entering{animation:none!important;transition:none!important}.onboarding-view::before{opacity:1}.onboarding-view::after{opacity:.25}.welcome-screen.is-active .welcome-logo{clip-path:inset(0);opacity:1}.welcome-screen.is-active .welcome-copy{opacity:1;transform:none;filter:none}.welcome-screen.is-setup-ready .welcome-setup-copy{visibility:visible;opacity:1;transform:none}.welcome-screen.is-setup-ready .onboarding-continue{opacity:1;transform:none}}
.profile-wizard{place-self:center;width:min(100%,500px);height:auto;max-height:min(820px,calc(100svh - 32px));display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--app-accent) 14%,var(--app-line));border-radius:24px;background:radial-gradient(ellipse at 50% -18%,color-mix(in srgb,var(--app-accent) 7%,transparent),transparent 58%),linear-gradient(165deg,var(--app-surface),#080809 64%);box-shadow:0 26px 76px #0009,0 0 48px color-mix(in srgb,var(--app-accent) 4%,transparent),inset 0 1px #ffffff0a;animation:profile-window-in .42s cubic-bezier(.2,.8,.2,1) both}
.wizard-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;margin:0;padding:9px 24px;border-bottom:1px solid color-mix(in srgb,var(--app-line) 78%,transparent)}
.wizard-back{display:flex;align-items:center;min-height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--app-muted);transition:background .2s,color .2s,transform .2s}.wizard-back:hover{background:color-mix(in srgb,var(--app-surface) 72%,var(--app-accent) 8%);color:var(--app-text);transform:translateX(-2px)}
.wizard-stage{display:flex;align-items:center;color:var(--app-muted);font-size:10px;letter-spacing:.15em}.wizard-stage::before{width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--app-accent);box-shadow:0 0 12px color-mix(in srgb,var(--app-accent) 55%,transparent);content:""}
.profile-wizard-content{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 26px 22px;scrollbar-width:thin;scrollbar-color:var(--app-line) transparent}
.profile-section .eyebrow{display:block;margin-bottom:8px;color:var(--app-accent);font-size:10px;letter-spacing:.16em}
.profile-section h2{margin:0;color:var(--app-text);font-size:clamp(25px,5vw,30px);line-height:1.14;letter-spacing:-.04em}
.profile-section.appearance-section h2{font-size:19px;letter-spacing:-.025em}
.wizard-description{margin:8px 0 17px;font-size:13px;line-height:1.5}
.avatar-editor{gap:14px;margin:0 0 19px;padding:13px;border:1px solid color-mix(in srgb,var(--app-accent) 12%,var(--app-line));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--app-accent) 6%,var(--app-surface)),var(--app-inset))}
.avatar-editor>div{flex:1;min-width:0}
.avatar-preview{width:64px;height:64px;border:2px solid color-mix(in srgb,var(--app-accent) 20%,var(--app-line));box-shadow:0 0 0 4px color-mix(in srgb,var(--app-accent) 7%,transparent),0 10px 24px #0006}
.avatar-editor p{font-size:11px;line-height:1.5}
.avatar-pick,.avatar-remove{min-height:34px;padding:0 11px;border:1px solid var(--app-line);border-radius:9px;background:color-mix(in srgb,var(--app-raised) 72%,transparent);font-size:12px;transition:background .2s,border-color .2s,transform .2s}
.avatar-pick:hover,.avatar-remove:hover{border-color:color-mix(in srgb,var(--app-accent) 34%,var(--app-line));background:var(--app-raised);text-decoration:none}
.setup-input{min-height:46px}
.profile-wizard .setup-input:focus{border-color:color-mix(in srgb,var(--app-accent) 72%,var(--app-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 10%,transparent)}
.profile-wizard .setup-input:focus-visible{outline:2px solid color-mix(in srgb,var(--app-accent) 72%,transparent);outline-offset:2px;box-shadow:none}
.appearance-section{position:relative;margin-top:21px;padding-top:21px;border-top:0}.appearance-section::before{position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,var(--app-line),color-mix(in srgb,var(--app-accent) 25%,var(--app-line)),var(--app-line));content:""}
.appearance-section .wizard-description{margin-bottom:13px}
.theme-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.theme-option{position:relative;gap:6px;padding:7px;border-radius:12px;background:color-mix(in srgb,var(--app-inset) 92%,var(--app-surface));font-size:10px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.theme-option.is-selected{border-color:var(--app-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-accent) 32%,transparent),0 8px 20px #0005}
.theme-preview{height:44px;padding:5px}
.custom-theme-controls{margin-top:10px}
.wizard-notice{margin:14px 0 0;padding:10px 12px}
.wizard-actions{flex:none;margin:0;padding:14px 26px 18px;border-top:1px solid var(--app-line);background:linear-gradient(180deg,color-mix(in srgb,var(--app-bg) 86%,transparent),var(--app-bg))}
.wizard-actions .onboarding-continue{min-height:50px;border-color:color-mix(in srgb,var(--app-accent) 78%,#fff);border-radius:13px;background:linear-gradient(135deg,var(--app-accent),color-mix(in srgb,var(--app-accent) 76%,#fff));color:var(--app-accent-ink);box-shadow:0 9px 25px color-mix(in srgb,var(--app-accent) 17%,transparent);transition:transform .2s,box-shadow .2s,filter .2s}
.wizard-actions .onboarding-continue:hover{transform:translateY(-1px);box-shadow:0 12px 30px color-mix(in srgb,var(--app-accent) 24%,transparent)}
.wizard-actions .onboarding-continue svg{width:18px;height:18px}
@keyframes profile-window-in{from{opacity:0;transform:translateY(12px) scale(.985);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.profile-wizard{padding:0;backdrop-filter:none}
@media(max-width:600px){.onboarding-view{padding:0}.onboarding-shell{min-height:100svh;place-items:stretch}.profile-wizard{place-self:stretch;width:100%;height:100svh;max-height:100svh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border:0;border-radius:0;box-shadow:none}.wizard-header{min-height:58px;padding:7px 18px}.profile-wizard-content{flex:1;padding:21px 20px 18px}.wizard-actions{padding:12px 20px 16px}.theme-options{gap:6px}.theme-option{padding:6px}.theme-preview{height:42px}}
@media(max-width:360px){.profile-wizard-content{padding-right:16px;padding-left:16px}.theme-options{grid-template-columns:repeat(4,minmax(0,1fr))}.wizard-actions{padding-right:16px;padding-left:16px}}
@media(max-height:560px){.onboarding-view{padding:0}.welcome-screen{min-height:100svh;padding:10px 16px}.welcome-logo-wrap{width:min(170px,42vw);margin-bottom:12px}.welcome-copy-stack{margin-top:9px}.welcome-eyebrow{margin-bottom:8px;font-size:9px}.welcome-screen h2{font-size:clamp(30px,7vw,38px);line-height:1.03}.welcome-intro{font-size:12px;line-height:1.45}.welcome-screen.is-setup-ready{transform:translateY(-4px) scale(.99)}.welcome-screen.is-setup-ready .welcome-logo-wrap{width:min(145px,36vw);margin-bottom:7px}.welcome-screen.is-setup-ready h2{font-size:clamp(27px,6vw,34px)}.welcome-setup-copy>.eyebrow{margin-bottom:6px;font-size:9px}.welcome-setup-copy h3{font-size:20px}.welcome-setup-copy>p{margin-top:5px;font-size:12px;line-height:1.4}.welcome-journey{gap:6px 12px;margin-top:9px}.welcome-journey li{font-size:10px}.welcome-screen .onboarding-continue{min-height:44px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.profile-wizard{animation:none}}
.onboarding-view{overflow-x:hidden;background:radial-gradient(ellipse at 50% 42%,#0b0c12 0,#050507 55%,#010102 100%)}
.onboarding-view::before{inset:0;background:none;animation:onboarding-atmosphere-in 1.8s .12s ease-out both}
.onboarding-view::after{background:radial-gradient(circle at 12% 19%,#ffffff70 0 1px,transparent 1.7px),radial-gradient(circle at 24% 74%,#c9c4ff65 0 1px,transparent 1.8px),radial-gradient(circle at 78% 26%,#ffffff60 0 1px,transparent 1.7px),radial-gradient(circle at 89% 69%,#b6ddff70 0 1px,transparent 1.8px),radial-gradient(circle at 68% 82%,#ffffff55 0 1px,transparent 1.7px),radial-gradient(ellipse at 50% 42%,transparent 25%,#00000052 100%),linear-gradient(110deg,transparent 32%,#ffffff06 50%,transparent 68%)}
.welcome-screen{position:relative}
.welcome-screen::before{position:absolute;z-index:-1;top:50%;left:50%;width:min(96vw,1040px);height:min(74vw,760px);border:1px solid #ffffff0a;border-radius:50%;box-shadow:0 0 90px color-mix(in srgb,var(--app-accent) 5%,transparent);content:"";opacity:.62;pointer-events:none;transform:translate(-50%,-50%) rotate(-9deg);animation:welcome-orbit-drift 22s ease-in-out infinite alternate}
.welcome-screen::after{position:absolute;z-index:-1;top:47%;left:50%;width:min(64vw,700px);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--app-accent) 8%,transparent),transparent 70%);content:"";filter:blur(22px);opacity:.65;pointer-events:none;transform:translate(-50%,-50%);animation:welcome-core-breathe 9s ease-in-out infinite alternate}
.welcome-logo-wrap{overflow:visible;isolation:isolate;filter:drop-shadow(0 12px 34px color-mix(in srgb,var(--app-accent) 20%,transparent))}
.welcome-logo-wrap::before{inset:-72% -44%;border-radius:50%;filter:blur(30px);background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--app-accent) 24%,transparent),transparent 70%),radial-gradient(ellipse at 52% 58%,#9d8bff20,transparent 76%)}
.welcome-screen.is-active .welcome-logo-wrap::before{animation:welcome-logo-bloom 1.35s .14s ease-out both,welcome-logo-glow 6s 1.55s ease-in-out infinite alternate}
.welcome-logo-wrap::after{top:-12%;bottom:-12%;border-radius:50%;box-shadow:0 0 12px #fff,0 0 30px #ffffffa0}
.welcome-screen.is-active .welcome-logo{animation:welcome-logo-reveal 1.08s .2s cubic-bezier(.2,.8,.2,1) both,welcome-logo-resolve .92s .16s cubic-bezier(.2,.8,.2,1) both}
.welcome-eyebrow{color:#c4c4ce}
.welcome-screen.is-setup-ready .welcome-logo-wrap{filter:drop-shadow(0 10px 28px color-mix(in srgb,var(--app-accent) 24%,transparent))}
.welcome-setup-copy>p{color:#b6b6c0}
.welcome-journey li{border-color:#ffffff20;background:linear-gradient(145deg,#ffffff0c,#ffffff04);box-shadow:inset 0 1px #ffffff0b,0 8px 24px #0002}
.welcome-screen .onboarding-continue{box-shadow:0 16px 46px color-mix(in srgb,var(--app-accent) 23%,transparent),0 7px 22px #0007,inset 0 1px #ffffff8a}
@keyframes welcome-orbit-drift{from{transform:translate(-50%,-50%) rotate(-11deg) scale(.98)}to{transform:translate(-50%,-50%) rotate(-5deg) scale(1.025)}}
@keyframes welcome-core-breathe{from{opacity:.34;transform:translate(-50%,-50%) scale(.9)}to{opacity:.72;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes welcome-logo-glow{from{opacity:.24;transform:scale(.92)}to{opacity:.62;transform:scale(1.16)}}
@keyframes welcome-logo-resolve{from{filter:blur(5px) brightness(1.5);transform:scale(.96)}to{filter:blur(0) brightness(1);transform:scale(1)}}
@media(max-width:700px){.welcome-screen::before{width:min(112vw,680px);height:min(88vw,560px);opacity:.4}.welcome-screen::after{width:min(84vw,480px)}.welcome-logo-wrap::before{inset:-55% -30%}}
@media(prefers-reduced-motion:reduce){.onboarding-view::before{animation:none;opacity:1;transform:none}.onboarding-view::after{animation:none;opacity:.22;transform:none}.welcome-screen::before{animation:none;opacity:.45;transform:translate(-50%,-50%) rotate(-9deg)}.welcome-screen::after{animation:none;opacity:.5;transform:translate(-50%,-50%)}.welcome-logo-wrap::before{animation:none!important;opacity:.38;transform:none}.welcome-screen.is-active .welcome-logo{animation:none!important;filter:none;opacity:1;clip-path:none;transform:none}.welcome-screen.is-active .welcome-copy{animation:none!important;opacity:1;transform:none;filter:none}.profile-wizard{animation:none!important}}

:root{
  --app-icon:var(--app-text);--app-icon-muted:var(--app-muted);--app-icon-accent:var(--app-accent);--app-icon-on-accent:var(--app-accent-ink);
  --app-control-bg:var(--app-inset);--app-control-border:var(--app-line);
  --app-accent-soft:color-mix(in srgb,var(--app-accent) 10%,var(--app-surface));--app-accent-tint:color-mix(in srgb,var(--app-accent) 5%,var(--app-surface));--app-accent-border:color-mix(in srgb,var(--app-accent) 42%,var(--app-line));--app-hover:color-mix(in srgb,var(--app-raised) 84%,var(--app-accent) 16%);--app-focus-ring:color-mix(in srgb,var(--app-accent) 28%,transparent);
  --app-danger:#ef646b;--app-danger-ink:#ffc3c5;--app-danger-border:#783b40;--app-danger-bg:color-mix(in srgb,var(--app-raised) 82%,#7f1d26);--app-danger-ring:#ef444426;
  --app-success:#9adebd;--app-success-ink:#b9f5d4;--app-success-border:#32614a;--app-success-bg:color-mix(in srgb,var(--app-raised) 78%,#124b31)
}
html,body{color:var(--app-text);background-color:var(--app-bg)}
button:focus-visible,input:focus-visible,a:focus-visible{outline-color:var(--app-accent)}
button svg{display:block;flex:none}
::selection{background:var(--app-accent);color:var(--app-accent-ink)}
.page{background:linear-gradient(122deg,transparent 34%,color-mix(in srgb,var(--app-accent) 3.5%,transparent) 56%,transparent 78%),linear-gradient(180deg,color-mix(in srgb,var(--app-bg) 94%,var(--app-surface) 6%),var(--app-bg) 64%,color-mix(in srgb,var(--app-bg) 92%,var(--app-surface) 8%));transition:background .45s,color .35s}
.page::before{background-image:radial-gradient(color-mix(in srgb,var(--app-text) 56%,var(--app-accent)) .8px,transparent .8px);background-size:38px 38px;opacity:.022;mask:linear-gradient(90deg,transparent 40%,#000 78%)}
.brand,.auth-story h2,.card-head h3,.intro h1{color:var(--app-text)}
.about-trigger{color:var(--app-muted)}
.about-trigger::after{background:linear-gradient(90deg,transparent,var(--app-accent) 24%,var(--app-accent) 76%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--app-accent) 58%,transparent)}
.about-trigger:hover,.about-trigger:focus-visible{color:var(--app-text);text-shadow:0 0 14px color-mix(in srgb,var(--app-accent) 36%,transparent)}
.language-switch{border-color:var(--app-line);background:var(--app-surface)}
.language-switch::before{background:linear-gradient(135deg,var(--app-accent),color-mix(in srgb,var(--app-accent) 84%,var(--app-text)));box-shadow:0 1px 5px color-mix(in srgb,var(--app-accent) 30%,transparent),0 0 14px color-mix(in srgb,var(--app-accent) 15%,transparent)}
.language-switch button{color:var(--app-muted)}
.language-switch button[aria-pressed=true]{color:var(--app-accent-ink)}
.language-switch button:not([aria-pressed=true]):hover{color:var(--app-text)}
.about-dialog{border-color:var(--app-line);background:linear-gradient(145deg,var(--app-raised),var(--app-surface));color:var(--app-text)}
.about-dialog p{color:var(--app-muted)}
.about-dialog::backdrop,dialog::backdrop{background:color-mix(in srgb,var(--app-bg) 78%,transparent);backdrop-filter:blur(9px)}
.auth-card{border-color:var(--app-line);background:linear-gradient(145deg,var(--app-raised),var(--app-surface));color:var(--app-text)}
.choice{border-color:var(--app-line);background:var(--app-raised);color:var(--app-text)}
.choice:hover,.choice:focus-visible{border-color:var(--app-accent-border);background:var(--app-hover);box-shadow:0 0 22px color-mix(in srgb,var(--app-accent) 10%,transparent)}
.choice-icon{border-color:var(--app-control-border);background:var(--app-control-bg);color:var(--app-icon-accent)}
.choice-arrow{flex:none;color:var(--app-icon-muted)}
.choice-copy strong{color:var(--app-text)}
.choice-copy small,.field label,.site-footer,.switch,.password-status,.resend-control span{color:var(--app-muted)}
.field input,.setup-input,#verification-panel .verification-email,.code-entry{border-color:var(--app-control-border);background:var(--app-control-bg);color:var(--app-text);accent-color:var(--app-icon-accent)}
.field input::placeholder,.setup-input::placeholder{color:var(--app-muted)}
.field input:focus,.setup-input:focus,.code-entry:focus-within{border-color:var(--app-accent);box-shadow:0 0 0 3px var(--app-focus-ring)}
.start,.submit,.onboarding-continue,.wizard-actions .onboarding-continue{border-color:var(--app-accent-border);background:linear-gradient(135deg,var(--app-accent),color-mix(in srgb,var(--app-accent) 84%,var(--app-text)));color:var(--app-accent-ink)}
.start:hover,.start:focus-visible,.submit:hover,.onboarding-continue:hover,.wizard-actions .onboarding-continue:hover{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-accent-ink);box-shadow:0 12px 34px color-mix(in srgb,var(--app-accent) 22%,transparent)}
.start-icon{flex:none;border-color:color-mix(in srgb,var(--app-icon-on-accent) 32%,transparent);background:color-mix(in srgb,var(--app-icon-on-accent) 10%,var(--app-accent));color:var(--app-icon-on-accent)}
.secondary-submit{border-color:var(--app-line);background:var(--app-raised);color:var(--app-text)}
.secondary-submit:hover{border-color:var(--app-accent-border);background:var(--app-hover);color:var(--app-text)}
.back,.reveal,.generate-password,.copy-password,.paste-code,.resend-code,.wizard-back{color:var(--app-muted)}
.back:hover,.reveal:hover,.generate-password:hover,.copy-password:hover,.paste-code:hover,.resend-code:enabled:hover,.wizard-back:hover{color:var(--app-accent)}
.onboarding-view{background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--app-accent) 9%,var(--app-surface)),var(--app-bg) 68%);color:var(--app-text)}
.onboarding-view::before{background:none}
.onboarding-view::after{background:radial-gradient(circle at 12% 19%,color-mix(in srgb,var(--app-text) 46%,transparent) 0 1px,transparent 1.8px),radial-gradient(circle at 24% 74%,color-mix(in srgb,var(--app-accent) 46%,transparent) 0 1px,transparent 1.8px),radial-gradient(circle at 78% 26%,color-mix(in srgb,var(--app-text) 38%,transparent) 0 1px,transparent 1.8px),radial-gradient(circle at 89% 69%,color-mix(in srgb,var(--app-accent) 40%,transparent) 0 1px,transparent 1.8px),radial-gradient(ellipse at 50% 42%,transparent 25%,color-mix(in srgb,var(--app-bg) 36%,transparent) 100%)}
.welcome-logo-wrap{filter:drop-shadow(0 12px 32px color-mix(in srgb,var(--app-accent) 22%,transparent))}
.welcome-eyebrow,.welcome-intro,.welcome-setup-copy>p{color:var(--app-muted)}
.welcome-eyebrow::before,.welcome-eyebrow::after{background:linear-gradient(90deg,transparent,var(--app-accent))}
.welcome-screen h2,.welcome-setup-copy h3{color:var(--app-text)}
.welcome-screen h2 strong,.welcome-journey li span,.profile-section .eyebrow{color:var(--app-accent)}
.welcome-journey li{border-color:var(--app-line);background:var(--app-accent-tint);color:var(--app-text)}
.profile-wizard{color:var(--app-text);background:radial-gradient(ellipse at 50% -18%,var(--app-accent-tint),transparent 58%),linear-gradient(165deg,var(--app-surface),var(--app-bg))}
.wizard-header,.wizard-actions{border-color:var(--app-line)}
.wizard-actions{background:linear-gradient(180deg,color-mix(in srgb,var(--app-bg) 84%,transparent),var(--app-bg))}
.avatar-editor{border-color:var(--app-accent-border);background:linear-gradient(135deg,var(--app-accent-tint),var(--app-inset))}
.avatar-pick,.avatar-remove{color:var(--app-muted)}
.avatar-pick:hover,.avatar-remove:hover{border-color:var(--app-accent-border);background:var(--app-hover);color:var(--app-accent);text-decoration:none}
.theme-option{background:var(--app-inset);color:var(--app-muted)}
.theme-option.is-selected{border-color:var(--app-accent);background:var(--app-accent-soft);color:var(--app-text);box-shadow:0 0 0 2px var(--app-focus-ring)}
.theme-preview{border-color:color-mix(in srgb,var(--app-text) 18%,transparent)}
.custom-theme-controls label,.wizard-notice,.notice,.password-status{border-color:var(--app-line);background:var(--app-raised);color:var(--app-text)}
.avatar-crop{border-color:var(--app-accent-border);background:var(--app-bg)}
.avatar-crop-actions button{border-color:var(--app-line);background:var(--app-raised);color:var(--app-text)}
.avatar-crop-actions button:last-child{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-accent-ink)}
.auth-card,.about-dialog,.profile-wizard,.avatar-editor,.avatar-crop,.notice,.wizard-notice{transition:background .32s ease,border-color .32s ease,color .25s ease,box-shadow .32s ease}
.setup-result:not(.is-success) .setup-result-mark{border-top-color:var(--app-accent);box-shadow:0 0 32px color-mix(in srgb,var(--app-accent) 12%,transparent)}
html[data-light-surface=true] .onboarding-view .welcome-logo{filter:brightness(0) drop-shadow(0 0 14px color-mix(in srgb,var(--app-accent) 18%,transparent))!important}
@media(prefers-reduced-motion:reduce){.auth-card,.about-dialog,.profile-wizard,.avatar-editor,.avatar-crop,.notice,.wizard-notice{transition-duration:.01ms!important}}
.about-close{border-color:var(--app-line);background:var(--app-raised);color:var(--app-text)}
.about-close:hover{border-color:var(--app-accent);background:var(--app-accent);color:var(--app-accent-ink)}
.google-fallback{border-color:var(--app-google-line);background:var(--app-google-surface);color:var(--app-google-ink)}
.google-fallback:hover,.google-fallback:focus-visible{border-color:var(--app-google-line);background:var(--app-google-surface);color:var(--app-google-ink)}
.setup-result h2{color:var(--app-text)}
.setup-result p{color:var(--app-muted)}
.visual::before{background:radial-gradient(circle,color-mix(in srgb,var(--app-accent) 9%,transparent),transparent 70%)}
.visual::after{background:radial-gradient(circle,color-mix(in srgb,var(--app-accent) 7%,transparent),transparent 69%)}
.orbit{border-color:color-mix(in srgb,var(--app-text) 18%,transparent)}
.orbit.inner{border-color:color-mix(in srgb,var(--app-text) 10%,transparent)}
.orbit::after{background:var(--app-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--app-accent) 13%,transparent),0 0 20px color-mix(in srgb,var(--app-accent) 42%,transparent)}
.core{border-color:color-mix(in srgb,var(--app-text) 14%,transparent);background:radial-gradient(circle at 48% 38%,color-mix(in srgb,var(--app-surface) 86%,var(--app-accent) 14%),color-mix(in srgb,var(--app-bg) 86%,var(--app-accent) 14%) 70%,var(--app-bg));box-shadow:0 0 70px color-mix(in srgb,var(--app-accent) 7%,transparent),inset 0 0 50px color-mix(in srgb,var(--app-text) 4%,transparent)}
.core::after{border-color:color-mix(in srgb,var(--app-text) 12%,transparent)}
.visual-tag{border-color:var(--app-line);background:color-mix(in srgb,var(--app-surface) 90%,transparent);color:var(--app-text);box-shadow:0 9px 25px color-mix(in srgb,var(--app-bg) 28%,transparent)}
.visual-tag::before{color:var(--app-accent)}
@keyframes core-glow{0%,100%{box-shadow:0 0 70px color-mix(in srgb,var(--app-accent) 7%,transparent),inset 0 0 50px color-mix(in srgb,var(--app-text) 4%,transparent)}50%{box-shadow:0 0 82px color-mix(in srgb,var(--app-accent) 11%,transparent),inset 0 0 56px color-mix(in srgb,var(--app-text) 6%,transparent)}}
:root[data-light-surface="true"] .core{background:radial-gradient(circle at 38% 29%,var(--app-surface),var(--app-bg) 68%,color-mix(in srgb,var(--app-bg) 78%,var(--app-text)));border-color:color-mix(in srgb,var(--app-text) 18%,transparent);box-shadow:0 26px 70px color-mix(in srgb,var(--app-text) 13%,transparent),inset 0 1px #ffffff,inset 0 0 50px color-mix(in srgb,var(--app-text) 5%,transparent)}
:root[data-light-surface="true"] .core{animation-name:core-reveal,core-glow-light}
:root[data-light-surface="true"] .core::after{border-color:color-mix(in srgb,var(--app-text) 10%,transparent)}
:root[data-light-surface="true"] .visual-tag{background:color-mix(in srgb,var(--app-surface) 92%,transparent);color:var(--app-text);box-shadow:0 8px 22px color-mix(in srgb,var(--app-text) 10%,transparent)}
@keyframes core-glow-light{0%,100%{box-shadow:0 24px 66px color-mix(in srgb,var(--app-text) 12%,transparent),0 0 45px color-mix(in srgb,var(--app-accent) 3%,transparent),inset 0 1px #ffffff,inset 0 0 50px color-mix(in srgb,var(--app-text) 5%,transparent)}50%{box-shadow:0 26px 70px color-mix(in srgb,var(--app-text) 14%,transparent),0 0 56px color-mix(in srgb,var(--app-accent) 6%,transparent),inset 0 1px #ffffff,inset 0 0 56px color-mix(in srgb,var(--app-text) 6%,transparent)}}
:root[data-light-surface="true"]{--app-danger:#a63240;--app-danger-ink:#7d2730;--app-danger-border:color-mix(in srgb,#a63240 38%,var(--app-line));--app-danger-bg:color-mix(in srgb,var(--app-raised) 91%,#f0c1c5);--app-danger-ring:color-mix(in srgb,#a63240 20%,transparent);--app-success:#28764f;--app-success-ink:#256744;--app-success-border:color-mix(in srgb,#28764f 38%,var(--app-line));--app-success-bg:color-mix(in srgb,var(--app-raised) 90%,#c5e4d1)}
.field:has(input[aria-invalid="true"]) label,.error{color:var(--app-danger-ink)}
.field input[aria-invalid="true"]{border-color:var(--app-danger);background:color-mix(in srgb,var(--app-inset) 91%,var(--app-danger-bg));box-shadow:0 0 0 3px var(--app-danger-ring)}
.field input[aria-invalid="true"]:focus{border-color:var(--app-danger);box-shadow:0 0 0 3px var(--app-danger-ring)}
.field input[aria-invalid="true"]:focus-visible{outline-color:var(--app-danger)}
.error:not(:empty){border-color:var(--app-danger-border);background:var(--app-danger-bg);color:var(--app-danger-ink)}
.error:not(:empty)::before{border-color:var(--app-danger)}
.password-status[data-status="success"]{border-color:var(--app-success-border);background:var(--app-success-bg);color:var(--app-success-ink)}
.password-status[data-status="error"]{border-color:var(--app-danger-border);background:var(--app-danger-bg);color:var(--app-danger-ink)}
.setup-error{color:var(--app-danger-ink)}
.danger-submit{border-color:var(--app-danger-border);background:var(--app-danger-bg);color:var(--app-danger-ink)}
.danger-submit:hover{border-color:var(--app-danger);background:color-mix(in srgb,var(--app-danger) 18%,var(--app-raised));color:var(--app-danger-ink);box-shadow:0 0 20px color-mix(in srgb,var(--app-danger) 14%,transparent)}
.setup-result-mark{border-color:var(--app-line);border-top-color:var(--app-accent);color:var(--app-accent);box-shadow:0 0 40px color-mix(in srgb,var(--app-accent) 12%,transparent)}
.setup-result h2{color:var(--app-text)}
.setup-result p{color:var(--app-muted)}
.setup-result.is-success .setup-result-mark{border-color:var(--app-success);background:color-mix(in srgb,var(--app-success) 14%,var(--app-raised));color:var(--app-success-ink)}

.studio-api-key[hidden]{display:none}

.page[data-app-state="workspace"] .masthead,.page[data-app-state="workspace"]>.site-footer,.page[data-app-state="onboarding"] .masthead,.page[data-app-state="onboarding"]>.site-footer{display:none}
.onboarding-view{background:var(--app-bg);animation:onboarding-fade-in .82s ease both}
@keyframes onboarding-fade-in{from{opacity:0}to{opacity:1}}
.onboarding-view{background:#030304;animation:none}
.onboarding-view::before{background:none;animation-delay:.5s}
.onboarding-view::after{opacity:.16}
.welcome-screen{width:min(100%,1040px)}
.welcome-screen::before{border-color:color-mix(in srgb,var(--app-accent) 11%,transparent);opacity:.3}
.welcome-screen::after{opacity:.4}
.welcome-logo-wrap{width:clamp(350px,45vw,570px);margin-bottom:clamp(32px,5vh,64px);filter:drop-shadow(0 12px 38px color-mix(in srgb,var(--app-accent) 24%,transparent))}
.welcome-eyebrow{margin-bottom:22px;font-size:11px}
.welcome-screen h2{font-size:clamp(58px,6.8vw,92px);line-height:1.02}
.welcome-copy-stack{margin-top:23px}
.welcome-intro{max-width:600px;font-size:18px}
.welcome-screen.is-setup-ready{transform:translateY(-12px)}
.welcome-screen.is-setup-ready .welcome-logo-wrap{width:clamp(280px,31vw,410px);margin-bottom:30px}
.welcome-screen.is-setup-ready h2{font-size:clamp(46px,5.2vw,68px)}
.welcome-setup-copy{width:min(100%,680px);max-width:none}
.welcome-setup-copy>.eyebrow{margin-bottom:14px}
.welcome-setup-copy h3{font-size:clamp(30px,3.6vw,47px)}
.welcome-setup-copy>p{max-width:50ch;margin-top:14px;font-size:16px}
.welcome-journey{gap:10px;margin-top:28px}
.welcome-journey li{padding:10px 16px;border:1px solid var(--app-line);border-radius:999px;font-size:12px}
.welcome-screen .onboarding-continue{width:min(100%,350px);min-height:60px;margin-top:30px;padding-inline:23px;font-size:14px}
.profile-wizard{width:min(600px,calc(100vw - 48px));height:auto;max-height:calc(100svh - 64px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;border-color:var(--app-line);border-radius:22px;background:var(--app-surface);box-shadow:0 24px 80px #0003}
.wizard-header{grid-column:1;grid-row:1;min-height:80px;padding:16px 34px;border:0}
.wizard-back{gap:9px;font-size:13px;font-weight:500}
.wizard-back svg{width:17px;height:17px}
.wizard-brand{display:block;width:125px;height:auto;opacity:.85}
html[data-light-surface=true] .wizard-brand{filter:brightness(0)}
.profile-wizard-content{grid-column:1;grid-row:2;padding:24px 44px 20px}
.profile-section h2{font-size:32px;font-weight:650;line-height:1.2;letter-spacing:-.035em}
.wizard-description{max-width:42ch;margin:12px 0 34px;font-size:14px;line-height:1.65}
.avatar-editor{gap:24px;margin-bottom:36px;padding:0;border:0;border-radius:0;background:none}
.avatar-preview{width:88px;height:88px;border:1px solid var(--app-line);background:var(--app-raised);font-size:30px;font-weight:500;box-shadow:none;transition:opacity .2s}
.avatar-preview[aria-busy=true]{opacity:.45}
.avatar-editor-actions{gap:6px 12px}
.avatar-pick{min-height:38px;padding:0 14px;border-color:var(--app-line);background:var(--app-raised);font-size:13px;font-weight:550}
.avatar-adjust,.avatar-remove{min-height:32px;padding:0;border:0;background:none;color:var(--app-muted);font-size:12px;font-weight:500;cursor:pointer}
.avatar-adjust:hover,.avatar-remove:hover{color:var(--app-text);text-decoration:none}
.avatar-editor p{max-width:31ch;margin-top:10px;font-size:12px;line-height:1.6}
.profile-wizard .setup-label{margin-bottom:10px;font-size:13px;font-weight:550}
.profile-wizard .setup-input{min-height:54px;padding-inline:16px;font-size:15px}
.wizard-actions{grid-column:1;grid-row:3;padding:12px 44px 38px;border:0;background:none}
.wizard-actions .onboarding-continue{width:100%;min-height:52px;margin:0;border-radius:10px;background:var(--app-accent);font-size:14px;font-weight:600;opacity:1;transform:none;box-shadow:none}
.wizard-actions .onboarding-continue:hover{box-shadow:none}
.profile-wizard button:disabled{cursor:wait;opacity:.55}
@media(max-width:760px){.onboarding-view{padding:0}.onboarding-shell{min-height:100svh;place-items:stretch}.welcome-screen{width:100%;min-height:100svh;padding:32px 22px}.welcome-logo-wrap{width:min(76vw,430px);margin-bottom:36px}.welcome-screen h2{font-size:clamp(45px,10vw,66px)}.welcome-intro{font-size:15px}.welcome-screen.is-setup-ready .welcome-logo-wrap{width:min(62vw,310px);margin-bottom:22px}.welcome-screen.is-setup-ready h2{font-size:clamp(38px,8vw,54px)}.welcome-setup-copy h3{font-size:clamp(27px,6vw,37px)}.welcome-setup-copy>p{font-size:14px}.welcome-journey{margin-top:20px}.welcome-screen .onboarding-continue{margin-top:24px}.profile-wizard{place-self:stretch;width:100%;height:100svh;max-height:100svh;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border:0;border-radius:0;box-shadow:none}.wizard-header{grid-column:1;min-height:68px;padding-inline:20px}.profile-wizard-content{grid-column:1;grid-row:2;padding:32px 24px}.wizard-actions{grid-column:1;grid-row:3;padding:16px 24px 26px}}
@media(max-height:620px){.welcome-screen{min-height:100svh;padding:10px 20px}.welcome-logo-wrap{width:min(230px,43vw);margin-bottom:14px}.welcome-screen h2{font-size:clamp(34px,7vw,48px)}.welcome-eyebrow{margin-bottom:9px}.welcome-copy-stack{margin-top:11px}.welcome-intro{font-size:13px}.welcome-screen.is-setup-ready .welcome-logo-wrap{width:min(190px,35vw);margin-bottom:9px}.welcome-screen.is-setup-ready h2{font-size:clamp(31px,6vw,43px)}.welcome-setup-copy h3{font-size:clamp(23px,4vw,32px)}.welcome-setup-copy>p{margin-top:7px;font-size:12px}.welcome-journey{margin-top:11px}.welcome-journey li{padding:6px 10px;font-size:10px}.welcome-screen .onboarding-continue{min-height:44px;margin-top:13px}}
.workspace-panel[hidden],.workspace-panel [hidden],.workspace-view[hidden]{display:none!important}
.workspace-panel{position:fixed;z-index:50;inset:0;display:grid;grid-template-columns:252px minmax(0,1fr);overflow:hidden;background:var(--app-bg);color:var(--app-text)}
.workspace-panel.is-entering{animation:workspace-enter .66s cubic-bezier(.2,.8,.2,1) both}
@keyframes workspace-enter{from{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
.workspace-sidebar{z-index:1;display:flex;min-width:0;flex-direction:column;padding:26px 16px max(18px,env(safe-area-inset-bottom));border-right:1px solid var(--app-line);background:var(--app-surface)}
.workspace-brand{display:flex;width:max-content;max-width:100%;align-items:center;margin:1px 0 42px 8px}
.workspace-brand img{display:block;width:clamp(118px,12vw,144px);height:auto;filter:drop-shadow(0 4px 14px color-mix(in srgb,var(--app-accent) 14%,transparent))}
.workspace-nav-label{margin:0 10px 11px;color:var(--app-muted);font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.workspace-navigation{display:grid;gap:7px}
.workspace-nav-item,.workspace-profile-trigger,.workspace-signout,.workspace-back,.workspace-primary-button,.workspace-secondary-button{font:inherit}
.workspace-nav-item{display:flex;min-height:46px;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--app-muted);cursor:pointer;text-align:left;transition:background .2s,border-color .2s,color .2s,transform .2s}
.workspace-nav-item svg,.workspace-signout svg,.workspace-back svg,.workspace-primary-button svg{width:20px;height:20px;flex:none}
.workspace-nav-item:hover{background:var(--app-hover);color:var(--app-text)}
.workspace-nav-item.is-active{border-color:var(--app-accent-border);background:var(--app-accent-soft);color:var(--app-text)}
.workspace-nav-item.is-active svg{color:var(--app-icon-accent)}
.workspace-sidebar-bottom{display:grid;gap:7px;margin-top:auto}
.workspace-profile-trigger{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--app-text);cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.workspace-profile-trigger:hover,.workspace-profile-trigger:focus-visible{border-color:var(--app-line);background:var(--app-raised)}
.workspace-profile-trigger .profile-avatar{width:38px;height:38px}
.workspace-profile-copy{display:grid;min-width:0;gap:3px}
.workspace-profile-copy strong,.workspace-profile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-profile-copy strong{font-size:12px;font-weight:650}
.workspace-profile-copy small{color:var(--app-muted);font-size:10px}
.workspace-profile-arrow{width:17px;height:17px;color:var(--app-icon-muted)}
.workspace-signout{display:flex;min-height:42px;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--app-muted);cursor:pointer;text-align:left;transition:background .2s,color .2s}
.workspace-signout:hover{background:var(--app-hover);color:var(--app-text)}
.workspace-main{display:flex;min-width:0;min-height:0;flex-direction:column;background:radial-gradient(ellipse at 88% 0%,color-mix(in srgb,var(--app-accent) 4%,transparent),transparent 34%),var(--app-bg)}
.workspace-topbar{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(22px,4vw,54px);border-bottom:1px solid var(--app-line);background:color-mix(in srgb,var(--app-bg) 92%,transparent)}
.workspace-breadcrumb{display:flex;align-items:center;gap:11px;margin:0;color:var(--app-muted);font-size:12px}
.workspace-breadcrumb>span:first-child{color:var(--app-text);font-weight:650}
.workspace-breadcrumb>span:nth-child(2){color:var(--app-line)}
.workspace-breadcrumb strong{color:var(--app-text);font-weight:550}
.workspace-topbar-caption{color:var(--app-muted);font-size:11px}
.workspace-content{width:100%;min-height:0;overflow:auto;padding:clamp(28px,5vw,58px) clamp(22px,4vw,54px) max(36px,env(safe-area-inset-bottom));scrollbar-color:var(--app-line) transparent;scrollbar-width:thin}
.workspace-view{width:min(100%,1060px);margin:0 auto}
.workspace-view:not([hidden]){animation:workspace-view-enter .36s cubic-bezier(.2,.8,.2,1) both}
@keyframes workspace-view-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.workspace-heading{margin:0 0 34px}
.workspace-eyebrow,.workspace-card-kicker{display:block;color:var(--app-icon-accent);font-size:10px;font-weight:750;letter-spacing:.15em}
.workspace-heading h1{margin:14px 0 10px;color:var(--app-text);font-size:clamp(30px,4vw,44px);font-weight:600;letter-spacing:-.055em;line-height:1.1}
.workspace-heading>p{max-width:58ch;margin:0;color:var(--app-muted);font-size:14px;line-height:1.7}
.workspace-home-card{position:relative;display:flex;min-height:300px;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;padding:clamp(28px,4vw,50px);border:1px solid var(--app-line);border-radius:22px;background:radial-gradient(ellipse at 82% 48%,color-mix(in srgb,var(--app-accent) 9%,transparent),transparent 42%),linear-gradient(135deg,var(--app-raised),var(--app-surface));box-shadow:0 24px 70px color-mix(in srgb,var(--app-bg) 25%,transparent),inset 0 1px color-mix(in srgb,var(--app-text) 4%,transparent)}
.workspace-home-copy{position:relative;z-index:1;max-width:510px}
.workspace-home-copy h2{margin:13px 0 10px;color:var(--app-text);font-size:clamp(24px,3vw,34px);font-weight:580;letter-spacing:-.045em;line-height:1.15}
.workspace-home-copy p{max-width:49ch;margin:0;color:var(--app-muted);font-size:14px;line-height:1.7}
.workspace-primary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:18px;margin-top:25px;padding:0 18px;border:1px solid var(--app-accent-border);border-radius:12px;background:var(--app-accent);color:var(--app-accent-ink);font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.workspace-primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--app-accent) 20%,transparent)}
.workspace-primary-button:active{transform:translateY(0)}
.workspace-primary-button:disabled,.workspace-secondary-button:disabled,.studio-revoke:disabled{cursor:wait;opacity:.58;transform:none}
.workspace-primary-button:focus-visible,.workspace-nav-item:focus-visible,.workspace-profile-trigger:focus-visible,.workspace-signout:focus-visible,.workspace-back:focus-visible,.workspace-secondary-button:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}
.workspace-project-art{position:relative;display:grid;width:230px;aspect-ratio:1;flex:none;place-items:center}
.workspace-art-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--app-accent) 18%,var(--app-line));border-radius:50%;transform:rotate(-23deg)}
.workspace-art-orbit-outer{inset:13px;animation:workspace-orbit 25s linear infinite}
.workspace-art-orbit-inner{inset:42px;border-style:dashed;opacity:.7;animation:workspace-orbit 40s linear infinite reverse}
.workspace-art-core{display:grid;width:96px;aspect-ratio:1;place-items:center;border:1px solid var(--app-accent-border);border-radius:28px;background:linear-gradient(145deg,var(--app-accent-soft),var(--app-inset));color:var(--app-icon-accent);box-shadow:0 0 60px color-mix(in srgb,var(--app-accent) 12%,transparent),inset 0 1px color-mix(in srgb,var(--app-text) 12%,transparent);transform:rotate(-8deg)}
.workspace-art-core svg{width:48px;height:48px;transform:rotate(8deg)}
@keyframes workspace-orbit{to{transform:rotate(337deg)}}
.workspace-existing-project{min-height:220px;margin-top:18px}
.workspace-project-status-mark,.workspace-aside-icon{display:grid;width:48px;aspect-ratio:1;flex:none;place-items:center;border:1px solid var(--app-success-border);border-radius:15px;background:var(--app-success-bg);color:var(--app-success-ink)}
.workspace-project-status-mark svg{width:22px;height:22px}
.workspace-back{display:inline-flex;min-height:40px;align-items:center;gap:5px;margin:0 0 22px;padding:0 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--app-muted);font-size:12px;cursor:pointer;transition:color .2s,background .2s}
.workspace-back:hover{background:var(--app-raised);color:var(--app-text)}
.workspace-project-heading{margin-bottom:27px}
.workspace-project-heading h1{font-size:clamp(28px,3.4vw,38px)}
.workspace-project-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px}
.workspace-connect-card,.workspace-project-aside,.workspace-account-card,.studio-workbench{border:1px solid var(--app-line);border-radius:18px;background:var(--app-surface);box-shadow:0 16px 42px color-mix(in srgb,var(--app-bg) 16%,transparent)}
.workspace-connect-card{min-width:0;padding:clamp(20px,3vw,30px)}
.studio-connect-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.studio-connect-heading h2{margin:9px 0 0;color:var(--app-text);font-size:21px;letter-spacing:-.035em}
.studio-connect-indicator{width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--app-muted);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-muted) 12%,transparent)}
.studio-connect[data-state="connected"] .studio-connect-indicator{background:var(--app-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-success) 14%,transparent)}
.studio-connect-status{margin:18px 0 16px;color:var(--app-muted);font-size:12px;line-height:1.55}
.studio-connect[data-state="connected"] .studio-connect-status{color:var(--app-success-ink)}
.workspace-project-name-row{display:flex;min-height:62px;align-items:center;gap:12px;margin:22px 0 18px;padding:11px;border:1px solid var(--app-line);border-radius:13px;background:var(--app-inset)}
.workspace-project-icon{display:grid;width:38px;aspect-ratio:1;flex:none;place-items:center;border:1px solid var(--app-line);border-radius:11px;background:var(--app-raised);color:var(--app-icon-accent)}
.workspace-project-icon svg{width:21px;height:21px}
.workspace-project-name-row>span:nth-child(2){display:grid;min-width:0;gap:4px}
.workspace-project-name-row small{color:var(--app-muted);font-size:9px;font-weight:700;letter-spacing:.1em}
.workspace-project-name-row strong{overflow:hidden;color:var(--app-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.studio-plan-badge{margin-left:auto;padding:6px 9px;border:1px solid var(--app-line);border-radius:99px;background:var(--app-raised);color:var(--app-muted);font-size:9px;white-space:nowrap}
.workspace-key-intro,.studio-connect-help{margin:0 0 14px;color:var(--app-muted);font-size:12px;line-height:1.65}
.workspace-key-button{width:100%;justify-content:space-between;margin:0}
.workspace-key-note{margin:16px 0 10px;padding:12px 14px;border:1px solid var(--app-accent-border);border-radius:11px;background:var(--app-accent-tint);color:var(--app-text);font-size:12px;line-height:1.6}
.studio-api-key{display:block;overflow-wrap:anywhere;margin-top:12px;padding:13px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-inset);color:var(--app-text);font-family:var(--app-font-family);font-size:12px;line-height:1.65;user-select:all}
.workspace-key-actions,.workspace-plugin-download{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.workspace-key-actions[hidden],.workspace-plugin-steps[hidden]{display:none!important}
.studio-revoke{min-height:40px;padding:0 12px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-raised);color:var(--app-text);font:inherit;font-size:11px;cursor:pointer;transition:background .2s,border-color .2s}
.studio-revoke:hover{border-color:var(--app-accent-border);background:var(--app-hover)}
.studio-download{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--app-accent-border);border-radius:10px;background:var(--app-accent-soft);color:var(--app-text);font-size:11px;font-weight:650;text-decoration:none;transition:background .2s,border-color .2s}
.studio-download[hidden]{display:none!important}
.studio-download:hover{border-color:var(--app-accent);background:var(--app-hover);text-decoration:none}
.workspace-project-aside{padding:24px}
.workspace-aside-icon{width:43px;border-color:var(--app-accent-border);background:var(--app-accent-soft);color:var(--app-icon-accent)}
.workspace-aside-icon svg{width:22px;height:22px}
.workspace-project-aside h3{margin:17px 0 8px;color:var(--app-text);font-size:15px;letter-spacing:-.02em}
.workspace-project-aside p{margin:0;color:var(--app-muted);font-size:12px;line-height:1.7}
.workspace-aside-divider{height:1px;margin:23px 0 15px;background:var(--app-line)}
.workspace-aside-caption{display:block;margin-bottom:7px;color:var(--app-muted);font-size:9px;font-weight:750;letter-spacing:.11em}
.workspace-project-aside>strong{color:var(--app-text);font-size:12px;font-weight:600}
.workspace-plugin-steps{display:grid;gap:11px;margin:18px 0 0;padding:17px 0 0;border-top:1px solid var(--app-line);list-style:none}
.workspace-plugin-steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;color:var(--app-muted);font-size:11px;line-height:1.55}
.workspace-plugin-steps li>span:first-child{color:var(--app-icon-accent);font-size:10px;font-weight:750}
.workspace-connect-card>.studio-connect-help{margin:16px 0 0}
.studio-workbench{margin-top:18px;padding:clamp(18px,3vw,28px)}
.studio-workbench-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.studio-workbench-heading h2{margin:0;color:var(--app-text);font-size:18px}
.workspace-account-card{display:grid;max-width:560px;gap:18px;padding:clamp(20px,4vw,32px)}
.workspace-account-card .profile-summary{display:flex;align-items:center;gap:16px}
.workspace-account-card .profile-avatar{width:64px;height:64px}
.workspace-account-card .profile-summary strong{color:var(--app-text);font-size:17px}
.workspace-account-card .profile-email{margin:5px 0 0;color:var(--app-muted);font-size:12px}
.workspace-secondary-button{min-height:44px;padding:0 13px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-raised);color:var(--app-text);font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.workspace-secondary-button:hover{border-color:var(--app-accent-border);background:var(--app-hover)}
.workspace-account-card .danger-submit{min-height:44px;margin:0}
.workspace-notice{width:min(100%,1060px);margin:20px auto 0}
.studio-connect-actions[hidden]{display:none!important}
@media(max-width:880px){.workspace-panel{grid-template-columns:218px minmax(0,1fr)}.workspace-project-grid{grid-template-columns:minmax(0,1fr)}.workspace-project-aside{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center}.workspace-project-aside h3{margin:0}.workspace-project-aside p,.workspace-aside-divider,.workspace-aside-caption,.workspace-project-aside>strong{grid-column:2}.workspace-aside-icon{grid-row:1/3}.workspace-project-aside p{margin-top:6px}.workspace-aside-divider{margin:14px 0}}
@media(max-width:680px){.workspace-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.workspace-sidebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 15px 10px;border-right:0;border-bottom:1px solid var(--app-line)}.workspace-brand{margin:0}.workspace-brand img{width:104px}.workspace-nav-label{display:none}.workspace-sidebar-bottom{display:flex;align-items:center;gap:4px;margin:0}.workspace-profile-trigger{display:flex;width:44px;min-height:44px;justify-content:center;padding:0}.workspace-profile-trigger .profile-avatar{width:32px;height:32px}.workspace-profile-copy,.workspace-profile-arrow,.workspace-signout span{display:none}.workspace-signout{width:44px;min-height:44px;justify-content:center;padding:0}.workspace-navigation{display:flex;justify-content:flex-end}.workspace-nav-item{min-height:44px;padding:0 11px;font-size:11px}.workspace-nav-item svg{width:18px;height:18px}.workspace-main{min-height:0}.workspace-topbar{min-height:54px;padding:0 18px}.workspace-topbar-caption{display:none}.workspace-content{padding:28px 18px max(30px,env(safe-area-inset-bottom))}.workspace-heading{margin-bottom:25px}.workspace-heading h1{font-size:32px}.workspace-home-card{min-height:270px;padding:26px}.workspace-project-art{position:absolute;right:-47px;bottom:-70px;width:210px;opacity:.48}.workspace-home-copy{max-width:100%}.workspace-existing-project{padding-right:80px}.workspace-project-status-mark{width:38px}.workspace-project-name-row{flex-wrap:wrap}.workspace-plan-badge{margin-left:50px}.studio-workbench-heading{align-items:flex-start;flex-direction:column}.workspace-account-card .profile-summary strong{font-size:15px}}
@media(max-width:420px){.workspace-sidebar{gap:6px;padding-inline:8px}.workspace-brand img{width:72px}.workspace-nav-item{gap:6px;min-height:44px;padding:0 6px;font-size:10px}.workspace-sidebar-bottom{gap:0}.workspace-profile-trigger,.workspace-signout{width:44px;min-height:44px}.workspace-content{padding-inline:14px}.workspace-heading h1{font-size:29px}.workspace-home-card{min-height:255px;padding:22px}.workspace-home-copy h2{font-size:24px}.workspace-project-aside{padding:18px}.workspace-key-actions>*{flex:1}.studio-api-key{font-size:10px}}
@media(prefers-reduced-motion:reduce){.onboarding-view,.workspace-panel.is-entering,.workspace-view:not([hidden]),.workspace-art-orbit,.workspace-nav-item,.workspace-primary-button,.workspace-profile-trigger,.workspace-signout,.workspace-back,.workspace-secondary-button{animation:none!important;transition:none!important}.workspace-art-orbit{transform:none}}

.studio-project-dialog{width:min(560px,calc(100% - 28px));max-height:min(86dvh,780px);overflow:auto;padding:0;border:1px solid var(--app-line);border-radius:20px;background:var(--app-surface);color:var(--app-text);box-shadow:0 28px 100px color-mix(in srgb,var(--app-bg) 72%,transparent)}
.studio-project-settings[hidden],.studio-connection-wait[hidden],.studio-attachments[hidden],.studio-chat[hidden],.studio-plan-preview[hidden],.studio-api-key[hidden]{display:none!important}
.studio-project-dialog::backdrop{background:color-mix(in srgb,var(--app-bg) 76%,transparent);backdrop-filter:blur(8px)}
.studio-connect{gap:16px;margin:0;padding:clamp(20px,4vw,30px);border:0;border-radius:20px;background:transparent}
.studio-connect-heading{align-items:center;margin-bottom:4px}
.studio-connect-heading h2{margin:8px 0 0;color:var(--app-text);font-size:clamp(20px,4vw,26px);letter-spacing:-.035em}
.studio-dialog-close{width:42px;height:42px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-raised);color:var(--app-muted);font-size:24px;cursor:pointer}
.studio-project-settings{display:grid;gap:10px;margin:4px 0 0;padding:0;border:0}
.studio-project-settings legend,.studio-project-settings>label:not(.studio-name-choice){margin-bottom:2px;color:var(--app-muted);font-size:10px;font-weight:750;letter-spacing:.08em}
.studio-name-choice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--app-line);border-radius:13px;background:var(--app-inset);cursor:pointer;transition:border-color .18s,background .18s}
.studio-name-choice:has(input:checked){border-color:var(--app-accent-border);background:var(--app-accent-tint)}
.studio-name-choice input{width:17px;height:17px;flex:none;margin:0;accent-color:var(--app-accent)}
.studio-name-choice span{display:grid;gap:4px}.studio-name-choice strong{color:var(--app-text);font-size:12px}.studio-name-choice small{color:var(--app-muted);font-size:10px;line-height:1.5}
.studio-name-input{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--app-control-border);border-radius:11px;background:var(--app-control-bg);color:var(--app-text);font:inherit;font-size:13px}
.studio-name-input:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:2px}
.studio-name-input[hidden],.studio-project-dialog [hidden]{display:none!important}
.studio-name-save{width:100%;justify-content:center;margin:4px 0 0}
.studio-dialog-error{margin:0;padding:11px 13px;border:1px solid var(--app-danger-border);border-radius:10px;background:var(--app-danger-bg);color:var(--app-danger-ink);font-size:12px;line-height:1.5}
.studio-connection-wait{display:flex;align-items:center;gap:14px;margin:28px 0;padding:19px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-surface)}.studio-connection-wait>div{min-width:0;flex:1}.studio-connection-wait strong{color:var(--app-text);font-size:13px}.studio-connection-wait p{margin:5px 0 0;color:var(--app-muted);font-size:11px;line-height:1.5}.studio-wait-spinner{width:28px;height:28px;flex:none;border:2px solid var(--app-line);border-top-color:var(--app-icon-accent);border-radius:50%;animation:studio-spin .9s linear infinite}
.studio-project-dialog .studio-connect-status{padding:11px 13px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-inset);font-size:12px}
.studio-project-dialog .studio-key-button{min-height:50px;font-size:13px}
.studio-project-dialog .workspace-plugin-steps{margin-top:2px}
.studio-project-dialog .studio-connect-help{margin:0;font-size:11px}
.studio-workbench{display:block;min-height:min(720px,calc(100dvh - 140px));margin:0;padding:0;overflow:hidden;border:1px solid var(--app-line);border-radius:18px;background:var(--app-surface);box-shadow:0 18px 55px color-mix(in srgb,var(--app-bg) 18%,transparent)}
.studio-workbench[hidden]{display:none}
.studio-workbench-heading{min-height:76px;padding:13px 20px;border-bottom:1px solid var(--app-line)}
.studio-project-brand{display:flex;align-items:center;gap:11px;min-width:0}
.studio-project-brand>span:last-child{display:grid;min-width:0;gap:3px}.studio-project-brand small{color:var(--app-muted);font-size:9px;font-weight:750;letter-spacing:.09em}.studio-project-brand .studio-project-name{max-width:42vw;margin:0;overflow:hidden;color:var(--app-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.studio-workbench-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.studio-live-status{display:inline-flex;align-items:center;gap:7px;margin-right:4px;color:var(--app-success-ink);font-size:10px;font-weight:700}.studio-live-status i{width:7px;height:7px;border-radius:50%;background:var(--app-success-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-success-ink) 15%,transparent)}
.studio-workbench-actions .studio-revoke{min-height:37px;padding:0 10px;text-decoration:none}
.studio-workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);min-height:calc(min(720px,100dvh - 140px) - 76px)}
.studio-conversation{display:flex;min-width:0;min-height:560px;flex-direction:column;padding:clamp(24px,4vw,52px)}
.studio-conversation-heading{max-width:690px;margin:clamp(22px,6vh,70px) auto 28px;text-align:center}.studio-welcome-mark{display:grid;width:48px;height:48px;margin:0 auto 16px;place-items:center;border:1px solid var(--app-accent-border);border-radius:16px;background:var(--app-accent-tint);color:var(--app-icon-accent);font-size:22px;animation:studio-welcome-float 3.5s ease-in-out infinite}
.studio-conversation-heading h1{margin:0;color:var(--app-text);font-size:clamp(23px,3vw,34px);letter-spacing:-.04em}.studio-conversation-heading p{margin:10px 0 0;color:var(--app-muted);font-size:13px;line-height:1.6}
.studio-chat{max-width:860px;width:100%;max-height:none;margin:0 auto 20px;padding:0 0 16px;flex:1;align-content:start;scroll-behavior:smooth}
.studio-chat-message{padding:14px 16px;border-radius:14px;background:var(--app-inset)}.studio-chat-message.is-user{margin-left:auto;border-color:var(--app-accent-border);background:var(--app-accent-tint)}.studio-chat-message strong{font-size:11px}.studio-chat-message p{font-size:13px}
.studio-chat-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.studio-chat-images img{width:min(190px,42vw);max-height:150px;object-fit:cover;border:1px solid var(--app-line);border-radius:9px}
.studio-composer{width:100%;max-width:860px;margin:auto auto 0;padding:12px;border:1px solid var(--app-control-border);border-radius:17px;background:var(--app-control-bg);box-shadow:0 12px 36px color-mix(in srgb,var(--app-bg) 13%,transparent)}
.studio-composer>textarea{display:block;min-height:68px;max-height:180px;padding:8px 9px;resize:none;border:0;background:transparent;font-size:13px;line-height:1.6}.studio-composer>textarea:focus-visible{outline:0}
.studio-composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px 0;border-top:1px solid var(--app-line)}.studio-source-consent{max-width:350px;align-items:center;font-size:9px}.studio-composer-actions{display:flex;align-items:center;gap:7px}
.studio-icon-button{display:grid;width:40px;height:40px;flex:none;place-items:center;border:1px solid var(--app-line);border-radius:12px;background:var(--app-raised);color:var(--app-muted);cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.studio-icon-button:hover{border-color:var(--app-accent-border);background:var(--app-hover);color:var(--app-icon-accent)}.studio-icon-button svg{width:19px;height:19px}.studio-icon-button.is-listening{border-color:var(--app-danger-border);background:var(--app-danger-bg);color:var(--app-danger-ink);animation:studio-mic-pulse 1s ease-in-out infinite}
.studio-send-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--app-accent-border);border-radius:12px;background:var(--app-accent);color:var(--app-accent-ink);font:inherit;font-size:11px;font-weight:750;cursor:pointer;transition:filter .18s,transform .18s}.studio-send-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.studio-send-button:disabled{cursor:wait;opacity:.6}.studio-send-button svg{width:16px;height:16px}
.studio-attachments{display:flex;flex-wrap:wrap;gap:9px;padding:2px 4px 11px}.studio-attachment{position:relative;width:64px;height:64px}.studio-attachment img{width:100%;height:100%;object-fit:cover;border:1px solid var(--app-line);border-radius:10px}.studio-attachment button{position:absolute;top:-6px;right:-6px;width:23px;height:23px;border:1px solid var(--app-line);border-radius:50%;background:var(--app-raised);color:var(--app-text);font-size:16px;cursor:pointer}
.studio-voice-status{margin:8px 0 0;color:var(--app-muted);font-size:10px}.studio-plan-preview{width:100%;max-width:860px;max-height:380px;margin:0 auto 12px}.studio-plan-action{padding:13px}.studio-plan-action strong{font-size:11px}.studio-plan-action pre{font-size:10px}
.studio-explorer{display:flex;min-width:0;min-height:0;flex-direction:column;gap:11px;padding:18px 14px;border-left:1px solid var(--app-line);background:var(--app-inset)}
.studio-explorer-heading{display:flex;align-items:center;gap:10px}.studio-explorer-heading>div{min-width:0;flex:1}.studio-explorer-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid var(--app-line);border-radius:10px;background:var(--app-raised);color:var(--app-icon-accent)}.studio-explorer-icon svg{width:19px;height:19px}.studio-explorer-heading h2{margin:0;color:var(--app-text);font-size:13px}.studio-explorer-heading p{margin:4px 0 0;color:var(--app-muted);font-size:9px;line-height:1.4}.studio-explorer-heading .studio-icon-button{width:34px;height:34px}
.studio-explorer .studio-search-row{gap:6px}.studio-explorer .studio-search-row input{min-width:0;padding:8px 9px;font-size:10px}.studio-explorer .studio-search-row .studio-revoke{min-height:34px;padding:0 9px;text-decoration:none}.studio-tree-tools{min-height:14px}.studio-tree-tools>span{font-size:9px}.studio-tree-results{max-height:none;min-height:180px;flex:1;padding:5px;border:0;border-radius:9px;background:transparent}
.studio-tree-row{margin:1px 0}.studio-tree-expand{height:26px;min-height:26px;color:var(--app-muted)}.studio-tree-select{min-height:29px;gap:7px;padding:3px 6px}.studio-tree-select[aria-pressed="true"]{outline:1px solid var(--app-accent-border)}.studio-tree-name{font-size:10px}.studio-tree-class{font-size:8px;opacity:.72}
.studio-explorer{--studio-icon-blue:color-mix(in srgb,var(--app-icon-accent) 12%,#79b8ff);--studio-icon-cyan:color-mix(in srgb,var(--app-icon-accent) 12%,#5bd6dc);--studio-icon-green:color-mix(in srgb,var(--app-icon-accent) 12%,#7edb9d);--studio-icon-yellow:color-mix(in srgb,var(--app-icon-accent) 12%,#f2cb71);--studio-icon-orange:color-mix(in srgb,var(--app-icon-accent) 12%,#f5a970);--studio-icon-pink:color-mix(in srgb,var(--app-icon-accent) 12%,#ee96bd);--studio-icon-purple:color-mix(in srgb,var(--app-icon-accent) 12%,#b9a1f6)}
:root[data-light-surface="true"] .studio-explorer{--studio-icon-blue:#2866ba;--studio-icon-cyan:#087d83;--studio-icon-green:#287b4b;--studio-icon-yellow:#94620b;--studio-icon-orange:#a3541a;--studio-icon-pink:#ac3f73;--studio-icon-purple:#7546b7}
.studio-object-icon{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.studio-object-icon path{fill:none}.studio-object-icon path:first-child{fill:currentColor;fill-opacity:.16}.studio-object-icon.studio-icon-blue{color:var(--studio-icon-blue)}.studio-object-icon.studio-icon-cyan{color:var(--studio-icon-cyan)}.studio-object-icon.studio-icon-green{color:var(--studio-icon-green)}.studio-object-icon.studio-icon-yellow{color:var(--studio-icon-yellow)}.studio-object-icon.studio-icon-orange{color:var(--studio-icon-orange)}.studio-object-icon.studio-icon-pink{color:var(--studio-icon-pink)}.studio-object-icon.studio-icon-purple{color:var(--studio-icon-purple)}.studio-object-icon.studio-icon-neutral{color:var(--app-icon-muted)}
.studio-explorer-selection{display:grid;gap:8px;padding-top:11px;border-top:1px solid var(--app-line)}.studio-selected-object{font-size:10px}.studio-explorer-selection small{color:var(--app-muted);font-size:9px}.studio-delete-button{min-height:37px;border:1px solid var(--app-danger-border);border-radius:9px;background:var(--app-danger-bg);color:var(--app-danger-ink);font:inherit;font-size:10px;font-weight:700;cursor:pointer}.studio-delete-button:disabled{border-color:var(--app-line);background:var(--app-raised);color:var(--app-muted);cursor:not-allowed;opacity:.7}
.studio-workbench button:focus-visible,.studio-name-choice:focus-within,.studio-project-dialog button:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:2px}
@keyframes studio-welcome-float{50%{transform:translateY(-4px)}}@keyframes studio-mic-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--app-danger-ink) 15%,transparent)}}@keyframes studio-spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.studio-workspace-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:760px){.studio-workbench{min-height:0}.studio-workbench-heading{align-items:flex-start;flex-direction:column;gap:10px}.studio-workbench-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.studio-workspace-layout{grid-template-columns:minmax(0,1fr)}.studio-conversation{min-height:570px;padding:22px 16px}.studio-conversation-heading{margin:22px auto 18px}.studio-explorer{min-height:420px;border-top:1px solid var(--app-line);border-left:0}.studio-tree-results{max-height:320px}}
@media(max-width:440px){.studio-project-dialog{width:calc(100% - 16px);max-height:92dvh}.studio-connect{padding:18px}.studio-workbench-heading{padding:12px}.studio-live-status{font-size:9px}.studio-workbench-actions .studio-revoke{min-height:35px;padding-inline:8px;font-size:9px}.studio-conversation{min-height:540px;padding:16px 11px}.studio-composer{padding:9px}.studio-composer-bottom{align-items:flex-end;flex-direction:column}.studio-source-consent{align-self:flex-start}.studio-composer-actions{width:100%;justify-content:flex-end}.studio-plan-preview{max-height:320px}.studio-connection-wait{align-items:flex-start;flex-wrap:wrap;padding:14px}.studio-connection-wait>button{width:100%}}
@media(prefers-reduced-motion:reduce){.studio-welcome-mark,.studio-icon-button.is-listening,.studio-wait-spinner{animation:none!important}.studio-name-choice,.studio-icon-button,.studio-send-button{transition:none!important}}

.studio-project-dialog{position:fixed;inset:0;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(18px,4vw,48px);overflow:auto;border:0;border-radius:0;background:var(--app-bg);color:var(--app-text);box-shadow:none}
.studio-project-dialog[open]{display:block}
.studio-project-dialog::backdrop{background:var(--app-bg);backdrop-filter:none}
.studio-project-dialog[open] .studio-connect{box-sizing:border-box;width:min(700px,100%);min-height:100%;margin:0 auto;align-content:center;animation:studio-setup-enter .3s cubic-bezier(.2,.75,.25,1) both}
.studio-project-dialog .studio-connect-heading{margin-bottom:16px}
.studio-project-dialog .studio-connect-status{line-height:1.65}
.studio-project-settings{gap:9px}
.studio-project-settings legend{margin-bottom:0}
.studio-name-description{margin:0;color:var(--app-muted);font-size:12px;line-height:1.55}
.studio-project-dialog .studio-name-input{min-height:54px;border-radius:14px;font-size:15px}
.studio-project-brand>span:last-child{gap:4px}
.studio-project-brand .studio-place-name{max-width:42vw;overflow:hidden;color:var(--app-muted);font-size:10px;font-weight:550;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.studio-project-brand .studio-place-name{display:flex;gap:5px}
.studio-composer-area{display:grid;width:100%;max-width:860px;gap:9px;margin:auto auto 0}
.studio-context-objects{display:flex;flex-wrap:wrap;gap:7px;padding-inline:8px}.studio-context-objects[hidden]{display:none}.studio-context-chip{display:inline-flex;align-items:center;max-width:min(100%,280px);gap:8px;padding:6px 7px 6px 11px;border:1px solid var(--app-accent-border);border-radius:12px;background:var(--app-accent-tint);color:var(--app-text);font-size:11px}.studio-context-chip>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-context-chip>button{display:grid;place-items:center;width:22px;height:22px;flex:none;border:0;border-radius:7px;background:transparent;color:var(--app-muted);font-size:17px;cursor:pointer}.studio-context-chip>button:hover,.studio-context-chip>button:focus-visible{background:var(--app-raised);color:var(--app-text)}.studio-tree-context,.studio-tree-more{border:1px solid var(--app-line);border-radius:8px;background:var(--app-raised);color:var(--app-text);cursor:pointer}.studio-tree-context{width:25px;height:25px;flex:none;margin-left:auto;font-size:16px}.studio-tree-context:hover,.studio-tree-context:focus-visible,.studio-tree-more:hover,.studio-tree-more:focus-visible{border-color:var(--app-accent-border);background:var(--app-accent-tint)}.studio-tree-more{display:block;width:calc(100% - 12px);min-height:30px;margin:5px 6px;font-size:11px}.studio-tree-more:disabled{opacity:.55;cursor:wait}
.studio-composer-area .studio-composer{display:flex;align-items:flex-end;gap:8px;margin:0;padding:8px 9px 8px 18px;border-radius:28px;transition:border-color .2s,box-shadow .2s}
.studio-composer-area .studio-composer:focus-within{border-color:var(--app-accent-border);box-shadow:0 0 0 3px var(--app-accent-tint)}
.studio-composer-area .studio-composer>textarea{flex:1;min-height:42px;max-height:180px;align-self:center;padding:10px 0;line-height:1.5}
.studio-composer-actions{position:relative;display:flex;align-items:center;gap:6px;flex:none}
.studio-composer-actions .studio-icon-button{width:40px;height:40px;border-radius:50%}
.studio-voice-language{width:48px;height:34px;padding:0 3px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-raised);color:var(--app-muted);font:inherit;font-size:9px;font-weight:750;text-align:center;cursor:pointer}
.studio-voice-language:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:2px}
.studio-send-button{width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}
.studio-send-button svg{width:19px;height:19px}
.studio-send-button.is-loading svg{animation:studio-send-pulse 1s ease-in-out infinite}
.studio-attach-menu-wrap{position:relative;display:grid;place-items:center}
.studio-attach-menu{position:absolute;z-index:5;bottom:calc(100% + 11px);left:0;display:grid;width:min(280px,calc(100vw - 40px));gap:4px;padding:7px;border:1px solid var(--app-line);border-radius:14px;background:var(--app-raised);box-shadow:0 16px 44px color-mix(in srgb,var(--app-bg) 42%,transparent);animation:studio-menu-enter .16s ease-out both}
.studio-attach-menu[hidden],.studio-voice-wave[hidden]{display:none!important}
.studio-attach-menu button{min-height:42px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--app-text);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.studio-attach-menu button:hover{background:var(--app-hover);color:var(--app-icon-accent)}
.studio-source-consent{max-width:none;margin:0;padding:0 9px;color:var(--app-muted);font-size:10px;line-height:1.5}
.studio-voice-wave{display:flex;height:42px;align-items:center;gap:2px;padding-inline:2px}
.studio-voice-wave i{width:3px;height:calc(5px + var(--voice-level,.12)*18px);flex:none;border-radius:3px;background:var(--app-icon-accent);transition:height .08s ease-out}
.studio-voice-wave.is-active:not(:has(i[style])) i{animation:studio-wave-idle .75s ease-in-out infinite alternate}
.studio-voice-wave.is-active i:nth-child(3n){animation-delay:-.2s}.studio-voice-wave.is-active i:nth-child(3n + 1){animation-delay:-.45s}
.studio-icon-button.is-listening{color:var(--app-danger-ink)}
.studio-voice-status{max-width:860px;margin:0;padding:0 10px;font-size:11px;line-height:1.5}
.studio-chat-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.studio-chat-files span{max-width:240px;overflow:hidden;padding:5px 8px;border:1px solid var(--app-line);border-radius:999px;color:var(--app-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.studio-attachment-file{display:flex;width:min(220px,100%);height:54px;align-items:center;gap:9px;padding:0 32px 0 10px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-raised)}
.studio-attachment-file strong{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:8px;background:var(--app-accent-tint);color:var(--app-icon-accent);font-size:8px}
.studio-attachment-file span{overflow:hidden;color:var(--app-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
@keyframes studio-setup-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes studio-menu-enter{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes studio-send-pulse{50%{opacity:.45;transform:scale(.78)}}
@keyframes studio-wave-idle{to{height:20px}}
@media(max-width:760px){.studio-project-dialog{padding:14px}.studio-project-dialog[open] .studio-connect{align-content:start;padding:28px 10px}.studio-place-name{max-width:70vw}.studio-composer-area .studio-composer{padding-left:13px}.studio-conversation{min-height:570px}}
@media(max-width:440px){.studio-project-dialog{padding:8px}.studio-project-dialog[open] .studio-connect{padding:22px 8px}.studio-composer-actions{gap:4px}.studio-composer-actions .studio-icon-button{width:36px;height:36px}.studio-voice-language{width:42px;height:31px}.studio-send-button{width:38px;height:38px;min-height:38px}.studio-voice-wave{height:38px;gap:1px}.studio-voice-wave i{width:2px}}
@media(prefers-reduced-motion:reduce){.studio-project-dialog[open] .studio-connect,.studio-attach-menu,.studio-voice-wave.is-active i,.studio-send-button.is-loading svg{animation:none!important}.studio-composer-area .studio-composer,.studio-voice-wave i{transition:none!important}}

#workspace-project-view{width:100%;max-width:none}
#workspace-project-view .studio-workbench{width:100%;min-height:clamp(620px,calc(100dvh - 260px),820px);animation:studio-workbench-enter .32s cubic-bezier(.2,.75,.25,1) both}
#workspace-project-view .studio-workspace-layout{position:relative;isolation:isolate;display:block;min-height:calc(clamp(620px,calc(100dvh - 260px),820px) - 76px)}
#workspace-project-view .studio-conversation{min-height:560px}
#workspace-project-view .studio-explorer{position:absolute;z-index:3;top:50%;right:18px;width:min(350px,calc(100% - 36px));height:min(680px,calc(100% - 36px));max-height:calc(100% - 36px);padding:18px 14px;border:1px solid var(--app-line);border-radius:16px;background:color-mix(in srgb,var(--app-raised) 96%,transparent);box-shadow:0 18px 52px color-mix(in srgb,var(--app-bg) 52%,transparent);backdrop-filter:blur(14px);transform:translateY(-50%);animation:studio-explorer-enter .2s cubic-bezier(.2,.7,.2,1) both}
#workspace-project-view .studio-explorer[hidden]{display:none!important}
#workspace-project-view .studio-explorer .studio-tree-results{max-height:none;min-height:0}
#workspace-project-view .studio-workbench-actions .studio-explorer-toggle{display:inline-flex;align-items:center;gap:7px}
#workspace-project-view .studio-explorer-toggle svg{width:15px;height:15px;flex:none}
#workspace-project-view .studio-explorer-toggle[aria-expanded=true]{border-color:var(--app-accent);background:var(--app-accent-tint);color:var(--app-icon-accent)}
#workspace-project-view :is(button,a,input,select,textarea):focus-visible,.studio-project-dialog :is(button,a,input,select,textarea):focus-visible{outline:1px solid var(--app-accent);outline-offset:2px}
#workspace-project-view .studio-workbench :is(button,a),.studio-project-dialog :is(button,a){transition-duration:.16s;transition-timing-function:cubic-bezier(.2,.7,.2,1)}
#workspace-project-view .studio-workbench button:active,.studio-project-dialog button:active{transform:scale(.985)}
#workspace-project-view .studio-workbench .workspace-primary-button:hover{transform:translateY(-1px)}
#workspace-project-view .studio-workbench .studio-revoke{transition:background .16s,border-color .16s,color .16s,transform .16s cubic-bezier(.2,.7,.2,1)}
#workspace-project-view .studio-workbench .studio-revoke:hover{transform:translateY(-1px)}
#workspace-project-view .studio-workbench .studio-tree-select,#workspace-project-view .studio-workbench .studio-tree-expand{transition:background .16s,color .16s,transform .16s cubic-bezier(.2,.7,.2,1)}
#workspace-project-view .studio-workbench .studio-delete-button,#workspace-project-view .studio-workbench .studio-attachment button{transition:background .16s,border-color .16s,color .16s,transform .16s cubic-bezier(.2,.7,.2,1)}
.studio-project-dialog[open]{display:grid;place-items:safe center;background:radial-gradient(ellipse 72% 58% at 50% 46%,color-mix(in srgb,var(--app-accent) 8%,transparent),transparent 74%),var(--app-bg)}
.studio-project-dialog[open] .studio-connect{box-sizing:border-box;width:min(760px,100%);min-height:0;margin:auto;padding:clamp(24px,4vw,40px);align-content:center;border:1px solid var(--app-line);border-radius:24px;background:radial-gradient(ellipse at 92% 0%,color-mix(in srgb,var(--app-accent) 9%,transparent),transparent 44%),linear-gradient(150deg,var(--app-raised),var(--app-surface));box-shadow:0 28px 90px color-mix(in srgb,var(--app-bg) 58%,transparent),inset 0 1px color-mix(in srgb,var(--app-text) 5%,transparent)}
.studio-project-dialog[open] .studio-connect-heading{margin-bottom:10px}
.studio-project-dialog[open] .studio-project-settings{gap:12px}
.studio-project-dialog[open] .studio-connect-status{margin:4px 0 2px}
.studio-project-dialog[open] .workspace-key-intro{margin-bottom:4px}
.studio-dialog-close{transition:background .16s,border-color .16s,color .16s,transform .16s cubic-bezier(.2,.7,.2,1)}
.studio-dialog-close:hover{transform:rotate(4deg)}
@keyframes studio-workbench-enter{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes studio-explorer-enter{from{opacity:0;transform:translate(8px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@media(max-width:1040px){#workspace-project-view .studio-workbench{min-height:0}#workspace-project-view .studio-workbench-heading{align-items:flex-start;flex-direction:column;gap:10px}#workspace-project-view .studio-workbench-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.studio-project-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.studio-project-dialog[open]{place-items:start center}.studio-project-dialog[open] .studio-connect{width:100%;min-height:0;margin:auto;padding:24px 20px;align-content:start}.studio-workbench-heading{align-items:flex-start;flex-direction:column;gap:10px}.studio-workbench-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}#workspace-project-view .studio-workbench-heading{padding:14px}#workspace-project-view .studio-conversation{min-height:480px;padding:22px 16px}#workspace-project-view .studio-explorer{right:10px;width:min(360px,calc(100% - 20px));height:min(640px,calc(100% - 20px));max-height:calc(100% - 20px)}}
@media(max-width:440px){.studio-project-dialog{padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.studio-project-dialog[open] .studio-connect{padding:20px 16px}.studio-project-dialog .studio-name-input{min-height:48px;font-size:14px}#workspace-project-view .studio-workbench-heading{padding:12px}#workspace-project-view .studio-workbench-actions{gap:6px}#workspace-project-view .studio-conversation{min-height:440px;padding:18px 12px}#workspace-project-view .studio-explorer{padding:16px 12px}}
@media(prefers-reduced-motion:reduce){#workspace-project-view .studio-workbench,.studio-project-dialog[open] .studio-connect,#workspace-project-view .studio-workbench button,.studio-project-dialog button{animation:none!important;transition:none!important;transform:none!important}#workspace-project-view .studio-explorer:not([hidden]){animation:none!important;transition:none!important;transform:translateY(-50%)!important}}

#workspace-project-view .studio-workbench{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
#workspace-project-view .studio-workbench-heading{min-height:68px;padding:10px 0;border:0}
.workspace-project-nav-mark{display:block;width:20px;height:20px;flex:none;background:var(--app-icon-accent);-webkit-mask-image:url("assets/deluxe-logo.png");mask-image:url("assets/deluxe-logo.png");-webkit-mask-position:left center;mask-position:left center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto 19px;mask-size:auto 19px}
.workspace-project-nav-mark[hidden]{display:none!important}
.workspace-nav-item.has-project .workspace-nav-create-icon{display:none}

.workspace-project-navigation{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-rows:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.workspace-nav-heading{grid-column:1;grid-row:1;min-width:0}
.workspace-project-add{display:grid;width:32px;height:32px;grid-column:2;grid-row:1;place-items:center;border:1px solid var(--app-line);border-radius:9px;background:var(--app-raised);color:var(--app-icon-muted);cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .16s}
.workspace-project-add svg{width:17px;height:17px}
.workspace-project-add:hover{border-color:var(--app-accent-border);background:var(--app-hover);color:var(--app-icon-accent)}
.workspace-navigation{grid-column:1/-1;grid-row:2;display:grid;align-content:start;gap:5px;max-height:calc(100dvh - 270px);overflow:auto}
.workspace-project-nav-item{gap:10px;min-width:0;padding-inline:10px;font-size:12px}
.workspace-project-list-mark{display:block;width:19px;height:19px;flex:none;background:var(--app-icon-accent);-webkit-mask-image:url("assets/deluxe-logo.png");mask-image:url("assets/deluxe-logo.png");-webkit-mask-position:left center;mask-position:left center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto 18px;mask-size:auto 18px}
.workspace-project-list-name{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}
.workspace-project-list-status{width:6px;height:6px;flex:none;border-radius:50%;background:var(--app-icon-muted)}
.workspace-project-list-status.is-connected{background:var(--app-success-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-success-ink) 13%,transparent)}
#workspace-project-view .studio-workbench{display:flex;flex-direction:column;min-height:calc(100dvh - 205px)}
#workspace-project-view .studio-workbench-heading{justify-content:flex-end;min-height:56px;padding:6px 0}
#workspace-project-view .studio-add-project-button{display:inline-flex;align-items:center;gap:7px}
#workspace-project-view .studio-add-project-button svg{width:15px;height:15px;flex:none}
#workspace-project-view .studio-workspace-layout{display:flex;min-height:0;flex:1}
#workspace-project-view .studio-conversation{width:100%;height:auto;min-height:620px;flex:1;padding:clamp(18px,3vw,38px)}
#workspace-project-view .studio-conversation-heading{margin:clamp(36px,9vh,90px) auto 28px}
#workspace-project-view .studio-welcome-mark{display:block;width:56px;height:50px;margin:0 auto 18px;border:0;border-radius:0;background:var(--app-icon-accent);-webkit-mask-image:url("assets/deluxe-logo.png");mask-image:url("assets/deluxe-logo.png");-webkit-mask-position:left center;mask-position:left center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto 50px;mask-size:auto 50px;animation:none}
#workspace-project-view .studio-composer-area{margin:auto auto 12px}
#workspace-project-view .studio-composer-area .studio-composer{max-width:860px}
@media(max-width:760px){.workspace-project-navigation{grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:auto;gap:0 6px;align-items:center}.workspace-nav-heading{display:none}.workspace-project-add{width:34px;height:36px;grid-row:1}.workspace-navigation{grid-column:1;grid-row:1;display:flex;max-width:100%;max-height:none;gap:4px;overflow-x:auto;overflow-y:hidden}.workspace-project-nav-item{min-width:110px;min-height:38px;flex:none;gap:7px;padding-inline:8px;font-size:10px}.workspace-project-list-mark{width:17px;height:17px;-webkit-mask-size:auto 16px;mask-size:auto 16px}#workspace-project-view .studio-workbench{min-height:calc(100dvh - 230px)}#workspace-project-view .studio-conversation{min-height:500px;padding:18px 14px}#workspace-project-view .studio-conversation-heading{margin:30px auto 22px}#workspace-project-view .studio-composer-area{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){#workspace-project-view .studio-welcome-mark{animation:none!important}}

.workspace-sidebar{padding:26px 14px max(18px,env(safe-area-inset-bottom));background:linear-gradient(180deg,color-mix(in srgb,var(--app-surface) 94%,var(--app-bg)),var(--app-surface))}
.workspace-brand{margin:1px 0 38px 8px;text-decoration:none;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.workspace-brand:hover{opacity:.9;transform:translateY(-1px)}
.workspace-project-navigation{gap:10px 8px}
.workspace-nav-heading{display:flex;min-height:36px;align-items:center;padding-inline:8px}
.workspace-nav-label{margin:0;color:var(--app-muted);font-size:10px;font-weight:750;letter-spacing:.12em}
.workspace-project-add{width:36px;height:36px;border-radius:11px;background:var(--app-raised);color:var(--app-muted);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--app-text) 6%,transparent);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}
.workspace-project-add:hover{transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,var(--app-bg) 24%,transparent)}
.workspace-project-add:active{transform:scale(.96)}
.workspace-navigation{gap:6px;padding:2px;margin:-2px;scrollbar-color:var(--app-line) transparent;scrollbar-width:thin}
.workspace-sidebar button{ text-decoration:none!important }
.workspace-primary-button,.workspace-secondary-button{text-decoration:none!important}
.workspace-nav-item{position:relative;min-height:44px;border-radius:11px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}
.workspace-nav-item:hover{transform:translateX(2px)}
.workspace-nav-item:active{transform:scale(.985)}
.workspace-nav-item.is-active{background:linear-gradient(105deg,var(--app-accent-soft),color-mix(in srgb,var(--app-accent-soft) 42%,var(--app-surface)));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--app-text) 5%,transparent)}
.workspace-project-nav-item{min-height:44px;gap:10px;padding-inline:11px}
.workspace-project-nav-item::before{position:absolute;top:10px;bottom:10px;left:0;width:2px;border-radius:0 2px 2px 0;background:var(--app-icon-accent);content:"";opacity:0;transform:scaleY(.6);transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}
.workspace-project-nav-item.is-active::before{opacity:1;transform:scaleY(1)}
.workspace-project-list-status{width:7px;height:7px;transition:background .18s ease,box-shadow .18s ease}
.workspace-sidebar-bottom{gap:5px;padding-top:12px;border-top:1px solid var(--app-line)}
.workspace-profile-trigger{min-height:60px;border-radius:12px;transition:background .18s ease,border-color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}
.workspace-profile-trigger:hover{transform:translateY(-1px)}
.workspace-signout{min-height:44px;border-radius:11px;transition:background .18s ease,color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}
.workspace-signout:hover{transform:translateX(2px)}
.workspace-panel.is-entering .workspace-brand,.workspace-panel.is-entering .workspace-project-navigation,.workspace-panel.is-entering .workspace-sidebar-bottom{animation:workspace-sidebar-in .48s cubic-bezier(.2,.8,.2,1) both}
.workspace-panel.is-entering .workspace-project-navigation{animation-delay:.06s}
.workspace-panel.is-entering .workspace-sidebar-bottom{animation-delay:.12s}
.workspace-panel.is-entering .workspace-project-nav-item{animation:workspace-sidebar-in .34s cubic-bezier(.2,.8,.2,1) both}
.workspace-panel.is-entering .workspace-project-nav-item:nth-child(2){animation-delay:.05s}
.workspace-panel.is-entering .workspace-project-nav-item:nth-child(3){animation-delay:.1s}
@keyframes workspace-sidebar-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.workspace-project-navigation{grid-template-columns:minmax(0,1fr) 44px;gap:0 8px}.workspace-project-add{width:44px;height:44px;border-radius:12px}.workspace-nav-heading{display:none}.workspace-navigation{scroll-snap-type:x proximity}.workspace-project-nav-item{scroll-snap-align:start}.workspace-sidebar-bottom{padding-top:0;border-top:0}}
@media(max-width:680px){.workspace-sidebar{column-gap:10px}.workspace-brand img{width:96px}.workspace-project-nav-item:hover{transform:translateY(-1px)}.workspace-sidebar-bottom{padding-top:0;border-top:0}}
@media(max-width:420px){.workspace-sidebar{gap:6px;padding-inline:10px}.workspace-brand img{width:72px}.workspace-project-nav-item{min-width:104px}}
@media(prefers-reduced-motion:reduce){.workspace-brand,.workspace-project-add,.workspace-nav-item,.workspace-project-nav-item::before,.workspace-profile-trigger,.workspace-signout{animation:none!important;transition:none!important;transform:none!important}.workspace-panel.is-entering .workspace-brand,.workspace-panel.is-entering .workspace-project-navigation,.workspace-panel.is-entering .workspace-sidebar-bottom,.workspace-panel.is-entering .workspace-project-nav-item{animation:none!important;opacity:1;transform:none}}
.workspace-main,.workspace-content,.workspace-sidebar,.workspace-topbar{background:var(--app-bg)}
.workspace-home-card{background:linear-gradient(145deg,var(--app-raised),var(--app-surface));box-shadow:0 18px 48px color-mix(in srgb,var(--app-bg) 32%,transparent),inset 0 1px color-mix(in srgb,var(--app-text) 3%,transparent)}
.workspace-home-card .workspace-primary-button{min-height:40px;gap:10px;margin-top:20px;padding:0 14px;border-color:var(--app-line);border-radius:10px;background:var(--app-bg);color:var(--app-text);font-size:12px;font-weight:600;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.workspace-home-card .workspace-primary-button svg{width:16px;height:16px}
.workspace-home-card .workspace-primary-button:hover{transform:translateY(-1px);border-color:var(--app-muted);background:var(--app-raised);box-shadow:none}
.workspace-home-card .workspace-primary-button:active{transform:translateY(0)}
#workspace-current-project.workspace-existing-project{display:grid;width:min(100%,880px);min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:16px;padding:22px 24px;border-radius:16px;background:var(--app-surface);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 3%,transparent)}
#workspace-current-project .workspace-home-copy{display:grid;max-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 22px}
#workspace-current-project .workspace-card-kicker,#workspace-current-project .workspace-home-copy h2{grid-column:1/-1}
#workspace-current-project .workspace-home-copy h2{margin:2px 0 0;font-size:24px}
#workspace-current-project .workspace-home-copy p{grid-column:1;margin:0;font-size:13px;line-height:1.5}
#workspace-current-project .workspace-primary-button{grid-column:2;grid-row:3;min-height:38px;gap:8px;margin:0;padding:0 12px;border-color:var(--app-line);border-radius:9px;background-color:var(--app-bg);background-image:none;color:var(--app-text);font-size:12px;font-weight:600;box-shadow:none}
#workspace-current-project .workspace-primary-button svg{width:15px;height:15px}
#workspace-current-project .workspace-primary-button:hover{transform:translateY(-1px);border-color:var(--app-muted);background:var(--app-raised);box-shadow:none}
#workspace-current-project .workspace-project-status-mark{width:40px;border-radius:12px}
@media(max-width:680px){#workspace-current-project.workspace-existing-project{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px}.workspace-existing-project .workspace-home-copy{grid-template-columns:minmax(0,1fr);gap:7px}.workspace-existing-project .workspace-card-kicker,.workspace-existing-project .workspace-home-copy h2,.workspace-existing-project .workspace-home-copy p{grid-column:1}.workspace-existing-project .workspace-home-copy h2{font-size:22px}.workspace-existing-project .workspace-primary-button{grid-column:1;grid-row:auto;justify-self:start;min-height:44px;margin-top:3px}.workspace-existing-project .workspace-project-status-mark{align-self:start;width:36px}}
@media(max-width:420px){#workspace-current-project.workspace-existing-project{gap:10px;padding:16px}.workspace-existing-project .workspace-home-copy h2{font-size:20px}}
#workspace-project-view{width:min(100%,880px)}
#workspace-project-view .workspace-back{display:flex;width:max-content;margin:0 auto 24px}
#workspace-project-view .workspace-project-heading{margin-bottom:28px;text-align:center}
#workspace-project-view .workspace-project-heading>p{margin-inline:auto}
.studio-connection-wait#studio-connection-wait{display:flex;width:min(100%,600px);box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:20px auto 0;padding:24px 28px;border-radius:18px;background:var(--app-surface);text-align:center;box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 3%,transparent)}
.studio-connection-wait#studio-connection-wait .studio-wait-spinner{width:24px;height:24px}
.studio-connection-wait#studio-connection-wait>div{width:min(100%,480px);flex:none}
.studio-connection-wait#studio-connection-wait strong{font-size:14px}
.studio-connection-wait#studio-connection-wait p{margin:5px auto 0;font-size:12px;line-height:1.6}
.studio-connection-wait#studio-connection-wait .workspace-secondary-button{min-height:42px;margin-top:4px;padding:0 16px;border-color:var(--app-text);border-radius:10px;background:var(--app-text);color:var(--app-bg);font-size:12px;font-weight:650;transition:transform .18s ease,background .18s ease}
.studio-connection-wait#studio-connection-wait .workspace-secondary-button:hover{transform:translateY(-1px);border-color:var(--app-text);background:color-mix(in srgb,var(--app-text) 90%,var(--app-bg))}
@media(max-width:440px){.studio-connection-wait#studio-connection-wait{gap:11px;padding:20px 16px}.studio-connection-wait#studio-connection-wait .workspace-secondary-button{min-height:44px}}
html:not([data-focus-navigation="keyboard"]) :is(:focus,:focus-within){outline:none!important}
html[data-focus-navigation="keyboard"] :focus-visible{outline:2px solid var(--app-accent)!important;outline-offset:3px}
html [tabindex="-1"]:focus{outline:none!important}
.field input:focus,.setup-input:focus,.profile-wizard .setup-input:focus{box-shadow:none}
.field input:not([aria-invalid="true"]):focus,.setup-input:not([aria-invalid="true"]):focus,.profile-wizard .setup-input:not([aria-invalid="true"]):focus{border-color:var(--app-line)}
.code-entry:focus-within:not(.is-error):not(.is-checking){transform:none;border-color:var(--app-line);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 4%,transparent)}
html[data-focus-navigation="keyboard"] .code-entry:has(input:focus-visible){outline:2px solid var(--app-accent);outline-offset:3px}
.studio-composer-area .studio-composer:focus-within{border-color:var(--app-line);box-shadow:none}
.forgot-password{display:block;min-height:36px;margin:0 0 0 auto;padding:6px 0;border:0;background:none;color:var(--app-muted);font:inherit;font-size:12px;cursor:pointer;transition:color .2s}
.forgot-password:hover{color:var(--app-text);text-decoration:underline;text-underline-offset:4px}
#workspace-first-project{border-color:color-mix(in srgb,var(--app-text) 12%,var(--app-line));background:radial-gradient(ellipse at 95% 15%,color-mix(in srgb,var(--app-text) 6%,transparent),transparent 55%),var(--app-surface)}
#workspace-first-project .workspace-home-copy{max-width:520px}
#workspace-first-project h2{max-width:18ch;font-size:clamp(28px,3.2vw,40px);line-height:1.13;letter-spacing:-.04em}
#workspace-first-project p{max-width:43ch;line-height:1.7}
#workspace-create-project{position:relative;min-height:48px;margin-top:26px;padding:0 20px;overflow:hidden;isolation:isolate;border-color:var(--app-text);border-radius:12px;background:var(--app-text);color:var(--app-bg);font-size:13px;animation:first-project-glow 5.4s ease-in-out infinite}
#workspace-create-project::after{position:absolute;z-index:-1;inset:-70% -25%;content:"";pointer-events:none;background:linear-gradient(110deg,transparent 32%,color-mix(in srgb,var(--app-bg) 11%,transparent) 47%,color-mix(in srgb,var(--app-text) 95%,transparent) 53%,transparent 68%);animation:first-project-sheen 5.4s cubic-bezier(.2,.75,.3,1) infinite}
#workspace-create-project:hover{border-color:var(--app-text);background:var(--app-text);color:var(--app-bg);transform:translateY(-2px)}
@keyframes first-project-glow{0%,12%,68%,100%{box-shadow:0 0 0 0 transparent}30%,44%{box-shadow:0 0 0 5px color-mix(in srgb,var(--app-text) 5%,transparent),0 0 30px color-mix(in srgb,var(--app-text) 20%,transparent)}}
@keyframes first-project-sheen{0%,18%{transform:translateX(-120%) rotate(-8deg)}43%,100%{transform:translateX(120%) rotate(-8deg)}}
.pricing-dialog{box-sizing:border-box;width:min(1240px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;overflow:auto;border:1px solid color-mix(in srgb,var(--app-text) 13%,var(--app-line));border-radius:28px;background:var(--app-surface);color:var(--app-text);box-shadow:0 30px 100px color-mix(in srgb,var(--app-bg) 65%,transparent);scrollbar-width:thin;scrollbar-color:var(--app-line) transparent}
.pricing-dialog::backdrop{background:color-mix(in srgb,var(--app-bg) 74%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pricing-shell{padding:26px 30px 28px;background:var(--app-bg)}
.pricing-dialog[open] .pricing-shell{animation:pricing-enter .46s cubic-bezier(.2,.8,.2,1) both}
.pricing-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.pricing-brand{display:block;width:125px;background:var(--app-icon-accent);-webkit-mask:url('/assets/deluxe-logo.png') center/contain no-repeat;mask:url('/assets/deluxe-logo.png') center/contain no-repeat}
.pricing-brand img{display:block;width:100%;height:auto;opacity:0}
.pricing-header .studio-dialog-close{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--app-raised) 70%,transparent);font-size:22px}
.pricing-heading{margin:24px 0 46px;text-align:center}
.pricing-heading .workspace-eyebrow{font-size:10px;letter-spacing:.16em}
.pricing-heading h2{margin:13px 0 12px;font-size:clamp(34px,4.2vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.05em}
.pricing-heading p{max-width:55ch;margin:0 auto;color:var(--app-muted);font-size:14px;line-height:1.7}
.pricing-cards{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px;padding:12px 0 26px}
.pricing-card{--plan-offset:8px;position:relative;display:flex;min-width:0;min-height:320px;flex-direction:column;align-items:stretch;padding:22px 18px 18px;overflow:visible;border:1px solid color-mix(in srgb,var(--app-text) 11%,transparent);border-radius:20px;background:var(--app-bg);color:var(--app-text);text-align:left;box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 10%,transparent),0 12px 30px color-mix(in srgb,var(--app-bg) 18%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transform:translateY(var(--plan-offset));transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s,box-shadow .25s}
.pricing-card:first-child,.pricing-card:last-child{--plan-offset:19px}
.pricing-card.is-featured{--plan-offset:-12px;z-index:1;background:var(--app-bg)}
.pricing-card:hover{border-color:color-mix(in srgb,var(--app-text) 32%,transparent);transform:translateY(calc(var(--plan-offset) - 5px))}
.pricing-card.is-selected{border-color:color-mix(in srgb,var(--app-accent) 68%,var(--app-text));box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 17%,transparent),0 0 0 1px color-mix(in srgb,var(--app-accent) 13%,transparent),0 16px 45px color-mix(in srgb,var(--app-bg) 32%,transparent)}
.pricing-recommendation{position:absolute;top:-13px;left:50%;width:max-content;max-width:calc(100% - 20px);padding:7px 11px;overflow:hidden;border:1px solid var(--app-accent-border);border-radius:999px;background:var(--app-accent);color:var(--app-accent-ink);font-size:8px;font-weight:750;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%)}
.pricing-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pricing-tier{font-size:15px;font-weight:650;letter-spacing:-.02em}
.pricing-position{color:var(--app-muted);font-size:9px;letter-spacing:.08em;opacity:.65}
.pricing-price{display:flex;align-items:baseline;gap:6px;margin:24px 0 14px}
.pricing-price>span{font-size:44px;font-weight:550;line-height:1;letter-spacing:-.06em}
.pricing-price small{color:var(--app-muted);font-size:11px;white-space:nowrap}
.pricing-card-description{min-height:43px;color:var(--app-muted);font-size:12px;line-height:1.65}
.pricing-card-rule{height:1px;margin:22px 0 18px;background:var(--app-line)}
.pricing-feature{font-size:12px;font-weight:550;line-height:1.5}
.pricing-feature::before{margin-right:7px;color:var(--app-icon-accent);content:"✓"}
.pricing-detail{margin:8px 0 22px;color:var(--app-muted);font-size:10px;line-height:1.6}
.pricing-card-action{display:block;margin-top:auto;padding:11px 7px;border:1px solid var(--app-line);border-radius:10px;background:color-mix(in srgb,var(--app-text) 4%,transparent);font-size:11px;font-weight:600;text-align:center;transition:background .25s,color .25s}
.pricing-card.is-selected .pricing-card-action{border-color:var(--app-accent-border);background:var(--app-accent);color:var(--app-accent-ink)}
.pricing-footer{display:flex;flex-direction:column;align-items:center;padding-top:22px;text-align:center}
.pricing-buy{width:min(100%,340px);min-height:48px;padding:12px 20px;border:1px solid var(--app-accent-border);border-radius:12px;background:var(--app-accent);color:var(--app-accent-ink);font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:transform .2s,filter .2s}
.pricing-buy:hover{filter:brightness(1.05);transform:translateY(-1px)}
.pricing-launch-note{margin:13px 0 5px;color:var(--app-muted);font-size:11px;line-height:1.6}
.pricing-free{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border:0;background:none;color:var(--app-text);font:inherit;font-size:12px;font-weight:550;cursor:pointer}
.pricing-free svg{width:16px;height:16px;transition:transform .2s}.pricing-free:hover svg{transform:translateX(3px)}
.pricing-free-caption{color:var(--app-muted);font-size:10px}
.pricing-notice{max-width:56ch;margin:10px auto;padding:12px 16px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-inset);color:var(--app-text);font-size:12px;line-height:1.65}
.studio-project-dialog{inset:0 0 0 auto;width:min(530px,100vw);height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:auto;border:0;border-left:1px solid var(--app-line);border-radius:0;background:var(--app-surface)}
.studio-project-dialog[open]{display:block;background:var(--app-surface)}
.studio-project-dialog::backdrop{background:color-mix(in srgb,var(--app-bg) 62%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.studio-project-dialog[open] .studio-connect{width:100%;min-height:100%;margin:0;padding:36px 30px;align-content:start;gap:20px;border:0;border-radius:0;background:var(--app-surface);box-shadow:none;animation:project-drawer-enter .42s cubic-bezier(.2,.8,.2,1) both}
.studio-project-dialog .studio-connect-heading{margin-bottom:12px}
.studio-project-dialog .studio-connect-heading h2{font-size:28px;font-weight:600}
.studio-name-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.studio-name-choice{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:10px;padding:15px 12px}
.studio-name-choice:focus-within{outline:none}
.studio-name-choice input{margin-top:2px}
.studio-name-choice strong{font-size:12px;font-weight:600;line-height:1.5}
.studio-name-choice small{font-size:11px;line-height:1.6}
.studio-selected-plan{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:12px 14px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-inset);color:var(--app-muted);font-size:11px}
.studio-selected-plan svg{width:17px;height:17px;flex:none;color:var(--app-success)}
.studio-project-dialog .workspace-key-button{justify-content:space-between;min-height:50px;border-radius:12px;box-shadow:none}
.studio-project-dialog .workspace-key-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}
.studio-key-storage-hint{margin:0;color:var(--app-muted);font-size:11px;line-height:1.65}
.key-security-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:30px;overflow:auto;border:1px solid var(--app-line);border-radius:22px;background:var(--app-surface);color:var(--app-text);box-shadow:0 28px 90px color-mix(in srgb,var(--app-bg) 70%,transparent)}
.key-security-dialog::backdrop{background:color-mix(in srgb,var(--app-bg) 70%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.key-security-dialog[open]{animation:pricing-enter .3s ease both}
.key-security-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.key-security-mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--app-line);border-radius:14px;background:var(--app-raised);color:var(--app-icon-accent)}
.key-security-mark svg{width:24px;height:24px}
.key-security-dialog h2{margin:0;font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.04em}
.key-security-dialog p{margin:12px 0 24px;color:var(--app-muted);font-size:13px;line-height:1.7}
.key-security-dialog label{display:block;margin-bottom:9px;color:var(--app-text);font-size:12px;font-weight:550}
.key-security-dialog .workspace-primary-button{width:100%;min-height:48px;justify-content:center;margin-top:20px;padding:12px;border-radius:11px;font-size:12px;white-space:normal;text-align:center;box-shadow:none}
.key-security-dialog .studio-dialog-error{margin:12px 0 0;color:var(--app-danger-ink)}
.key-security-dialog button:disabled,.studio-dialog-close:disabled{cursor:wait;opacity:.5}
@keyframes pricing-enter{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes project-drawer-enter{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}
@media(max-width:1020px){.pricing-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:22px}.pricing-shell{padding:20px 20px 24px}.pricing-heading{margin:24px 0 20px}.pricing-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:230px;gap:12px;margin-inline:-8px;padding:20px 8px 24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:var(--app-line) transparent}.pricing-card,.pricing-card:first-child,.pricing-card:last-child,.pricing-card.is-featured{--plan-offset:0px;min-height:304px;scroll-snap-align:center}.pricing-footer{padding-top:12px}.pricing-heading p{max-width:38ch;font-size:13px}}
@media(max-width:520px){.pricing-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.pricing-shell{padding:16px 16px 22px}.pricing-brand{width:112px}.pricing-heading{margin:24px 0 12px}.pricing-heading h2{font-size:34px}.pricing-heading .workspace-eyebrow{font-size:8px}.pricing-cards{grid-auto-columns:min(72vw,258px)}.pricing-launch-note{max-width:32ch}.pricing-buy{min-height:46px}.studio-project-dialog[open] .studio-connect{padding:28px 20px}.studio-name-options{gap:8px}.studio-name-choice{grid-template-columns:1fr;padding:14px}.studio-name-choice input{margin:0}.studio-name-choice small{font-size:10px}.key-security-dialog{padding:24px}.key-security-dialog h2{font-size:23px}}
@media(min-width:1021px) and (max-height:800px){.pricing-shell{padding:18px 26px 22px}.pricing-heading{margin:12px 0 25px}.pricing-heading h2{font-size:38px}.pricing-heading p{font-size:12px}.pricing-card{min-height:280px;padding:20px 16px 16px}.pricing-price{margin:20px 0 12px}.pricing-price>span{font-size:40px}.pricing-card-rule{margin:16px 0 12px}.pricing-detail{margin-bottom:16px}.pricing-footer{padding-top:14px}}
@media(prefers-reduced-motion:reduce){#workspace-create-project,#workspace-create-project::after,.pricing-dialog[open] .pricing-shell,.key-security-dialog[open],.studio-project-dialog[open] .studio-connect{animation:none!important}.pricing-card,.pricing-buy,.pricing-free svg{transition:none}.pricing-card:hover{transform:translateY(var(--plan-offset))}}
.studio-project-dialog{--app-connection-pending:#d6ad62;width:min(550px,100vw)}
.studio-project-dialog[open] .studio-connect{display:flex;min-height:100%;flex-direction:column;align-items:stretch;gap:22px;padding:32px;letter-spacing:normal}
.studio-project-dialog .studio-connect-heading{align-items:flex-start;gap:18px;margin:0 0 4px}
.studio-project-dialog .workspace-card-kicker{font-size:10px;font-weight:600;letter-spacing:.12em}
.studio-project-dialog .studio-connect-heading h2{max-width:22ch;margin-top:10px;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.035em}
.studio-project-dialog .studio-dialog-close{display:grid;width:38px;height:38px;flex:none;place-items:center;padding:0;border-color:var(--app-line);border-radius:11px;background:transparent;color:var(--app-muted)}
.studio-project-dialog .studio-dialog-close svg{width:18px;height:18px}
.studio-project-dialog .studio-dialog-close:hover{border-color:color-mix(in srgb,var(--app-text) 22%,var(--app-line));background:var(--app-raised);color:var(--app-text);transform:none}
.studio-project-dialog .studio-connect-status{display:flex;width:fit-content;max-width:100%;align-items:center;gap:9px;margin:0;padding:8px 12px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-raised);color:var(--app-text);font-size:12px;font-weight:450;line-height:1.5}
.studio-project-dialog .studio-connect-status::before{width:6px;height:6px;flex:none;border-radius:50%;background:var(--app-connection-pending);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-connection-pending) 10%,transparent);content:""}
.studio-project-dialog .studio-connect[data-state="connected"] .studio-connect-status{color:var(--app-text)}
.studio-project-dialog .studio-connect[data-state="connected"] .studio-connect-status::before{background:var(--app-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-success) 12%,transparent)}
.studio-key-card{display:grid;min-width:0;gap:16px;padding:20px;border:1px solid var(--app-line);border-radius:18px;background:var(--app-bg)}
.studio-key-card-heading{display:flex;align-items:center;gap:12px}
.studio-key-card-icon,.studio-plugin-mark{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid var(--app-line);border-radius:11px;background:var(--app-raised);color:var(--app-icon-accent)}
.studio-key-card-icon svg,.studio-plugin-mark svg{width:20px;height:20px}
.studio-key-card h3,.studio-plugin-copy h3{margin:0;color:var(--app-text);font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.015em}
.studio-key-card-heading>div>span{display:block;margin-top:3px;color:var(--app-muted);font-size:11px;line-height:1.5}
.studio-project-dialog .workspace-key-intro{margin:0;color:var(--app-muted);font-size:13px;line-height:1.7}
.studio-project-dialog .workspace-key-button{width:100%;min-height:48px;gap:16px;margin:0;padding:12px 16px;border:1px solid var(--app-accent-border);border-radius:11px;background:var(--app-accent);color:var(--app-accent-ink);font-size:13px;font-weight:600;line-height:1.5;box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 10%,transparent);transition:transform .18s,background .18s,box-shadow .18s}
.studio-project-dialog .workspace-key-button svg{width:18px;height:18px;flex:none}
.studio-project-dialog .workspace-key-button:hover{transform:translateY(-1px);box-shadow:0 5px 18px color-mix(in srgb,var(--app-accent) 10%,transparent)}
.studio-project-dialog .workspace-key-note{margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--app-muted);font-size:12px;font-weight:400;line-height:1.7}
.studio-project-dialog .studio-api-key{width:100%;margin:0;padding:13px 14px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-inset);color:var(--app-text);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.studio-project-dialog .workspace-key-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0;justify-content:flex-start}
.studio-project-dialog .workspace-key-actions:not(:has(>button:not([hidden]))){display:none}
.studio-project-dialog .workspace-key-actions>.studio-revoke{display:inline-flex;min-width:0;min-height:42px;flex:1;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-raised);color:var(--app-text);font:inherit;font-size:12px;font-weight:500;line-height:1.5;text-decoration:none;transition:border-color .18s,background .18s,color .18s,transform .18s}
.studio-project-dialog .workspace-key-actions>.studio-revoke svg{width:16px;height:16px;flex:none}
.studio-project-dialog .workspace-key-actions>:is(#studio-copy-key,#studio-save-key){flex:1 1 calc(50% - 4px);min-height:44px}
.studio-project-dialog .workspace-key-actions>.studio-revoke:hover{border-color:color-mix(in srgb,var(--app-text) 24%,var(--app-line));background:var(--app-hover);text-decoration:none;transform:translateY(-1px)}
.studio-project-dialog .workspace-key-actions>#studio-key-revoke{min-height:34px;flex:0 0 auto;margin-left:auto;padding:6px 8px;border-color:transparent;background:transparent;color:var(--app-muted);font-size:11px}
.studio-project-dialog .workspace-key-actions>#studio-key-revoke:hover{border-color:var(--app-danger-border);background:var(--app-danger-bg);color:var(--app-danger-ink);transform:none}
.studio-project-dialog .studio-key-storage-hint{font-size:11px;line-height:1.7}
.studio-project-dialog .workspace-plugin-download{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:0;padding:18px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-surface)}
.studio-project-dialog .workspace-plugin-download:not(:has(.studio-download:not([hidden]))){display:none}
.studio-plugin-copy{display:flex;min-width:0;align-items:center;gap:11px}
.studio-plugin-copy p{margin:3px 0 0;color:var(--app-muted);font-size:11px;line-height:1.6}
.studio-project-dialog .studio-download{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-raised);color:var(--app-text);font:inherit;font-size:12px;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.studio-project-dialog .studio-download svg{width:16px;height:16px;flex:none}
.studio-project-dialog .studio-download:hover{border-color:color-mix(in srgb,var(--app-text) 24%,var(--app-line));background:var(--app-hover);color:var(--app-text);text-decoration:none;transform:translateY(-1px)}
.studio-connection-guide{border:1px solid var(--app-line);border-radius:14px;background:var(--app-surface)}
.studio-connection-guide:not(:has(ol:not([hidden]))){display:none}
.studio-connection-guide summary{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;color:var(--app-text);font-size:12px;font-weight:500;line-height:1.5;list-style:none;cursor:pointer}
.studio-connection-guide summary::-webkit-details-marker{display:none}
.studio-connection-guide summary svg{width:17px;height:17px;flex:none;color:var(--app-muted);transition:transform .2s}
.studio-connection-guide[open] summary svg{transform:rotate(180deg)}
.studio-project-dialog .studio-connection-guide .workspace-plugin-steps{gap:15px;margin:0;padding:4px 16px 18px;border:0}
.studio-project-dialog .workspace-plugin-steps li{grid-template-columns:25px minmax(0,1fr);gap:10px;font-size:12px;line-height:1.7}
.studio-project-dialog .workspace-plugin-steps li>span:first-child{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--app-line);border-radius:8px;background:var(--app-raised);color:var(--app-muted);font-size:9px;font-weight:550}
.studio-project-dialog .studio-connect-help{order:1;margin:auto 0 0;padding-top:24px;color:var(--app-muted);font-size:11px;line-height:1.7;text-align:center}
@media(max-width:520px){.studio-project-dialog[open] .studio-connect{gap:18px;padding:26px 22px}.studio-project-dialog .studio-connect-heading h2{font-size:25px}.studio-key-card{padding:18px}.studio-project-dialog .workspace-plugin-download{padding:16px;gap:12px}}
@media(max-width:420px){.studio-project-dialog[open] .studio-connect{padding:22px 18px}.studio-project-dialog .workspace-plugin-download{grid-template-columns:1fr}.studio-project-dialog .studio-download{width:100%}.studio-project-dialog .workspace-key-actions>.studio-revoke{padding-inline:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.studio-connection-guide summary svg,.studio-project-dialog .workspace-key-button,.studio-project-dialog .studio-download,.studio-project-dialog .workspace-key-actions>.studio-revoke{transition:none}.studio-project-dialog .workspace-key-button:hover,.studio-project-dialog .studio-download:hover,.studio-project-dialog .workspace-key-actions>.studio-revoke:hover{transform:none}}
.workspace-panel{--app-glass-surface:color-mix(in srgb,var(--app-raised) 64%,transparent);--app-glass-line:color-mix(in srgb,var(--app-text) 10%,transparent);--app-glass-highlight:color-mix(in srgb,var(--app-text) 13%,transparent);--app-glass-shadow:color-mix(in srgb,var(--app-bg) 36%,transparent);grid-template-columns:236px minmax(0,1fr);background:radial-gradient(ellipse at 0% 25%,color-mix(in srgb,var(--app-icon-accent) 5%,transparent),transparent 42%),radial-gradient(ellipse at 86% 14%,color-mix(in srgb,var(--app-accent) 6%,transparent),transparent 45%),radial-gradient(ellipse at 65% 100%,color-mix(in srgb,var(--app-icon-accent) 3%,transparent),transparent 55%),var(--app-bg)}
.workspace-sidebar{padding:22px 12px max(14px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--app-surface) 48%,transparent);border-color:var(--app-glass-line);backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%)}
.workspace-brand{margin:0 8px 34px}
.workspace-brand img{width:128px;filter:none}
.workspace-main{background:transparent}
.workspace-content{padding-top:clamp(36px,6vw,78px);background:transparent}
.workspace-topbar{min-height:54px;background:color-mix(in srgb,var(--app-bg) 32%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--app-glass-line)}
.workspace-topbar-caption{display:none}
.workspace-breadcrumb{font-size:11px}
#workspace-home,#workspace-profile-view{width:min(100%,760px)}
#workspace-home .workspace-heading{margin-bottom:42px}
#workspace-home .workspace-heading .workspace-eyebrow{display:none}
#workspace-home .workspace-heading h1{max-width:none;margin:0 0 12px;font-size:clamp(25px,2.5vw,32px);font-weight:550;line-height:1.3;letter-spacing:-.04em;overflow-wrap:anywhere}
#workspace-home .workspace-heading>p{max-width:60ch;font-size:13px}
#workspace-current-project.workspace-existing-project{display:none!important}
#workspace-first-project{min-height:240px;padding:32px;border:1px solid var(--app-glass-line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--app-text) 4%,transparent),transparent 65%),var(--app-glass-surface);box-shadow:inset 0 1px var(--app-glass-highlight),0 14px 44px var(--app-glass-shadow);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
#workspace-first-project .workspace-project-art,#workspace-first-project .workspace-card-kicker{display:none}
#workspace-first-project h2{max-width:none;margin-top:0;font-size:26px;line-height:1.25;letter-spacing:-.035em}
#workspace-first-project p{font-size:13px}
#workspace-create-project{min-height:42px;margin-top:24px;padding:0 16px;border-radius:11px;font-size:12px;animation:none}
#workspace-create-project::after{display:none}
.workspace-dashboard{display:grid;gap:16px}
.dashboard-project-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.dashboard-project-heading>div{display:flex;align-items:center;gap:9px}
.dashboard-project-heading h2{margin:0;color:var(--app-muted);font-size:12px;font-weight:500;letter-spacing:0}
#dashboard-project-count{color:var(--app-muted);font-size:11px;font-variant-numeric:tabular-nums;opacity:.7}
.dashboard-project-heading .workspace-secondary-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;margin:0;padding:8px 12px;border:1px solid var(--app-glass-line);border-radius:10px;background:var(--app-glass-surface);box-shadow:inset 0 1px var(--app-glass-highlight);font-size:11px;font-weight:500;white-space:nowrap;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.dashboard-project-heading svg{width:14px;height:14px}
.dashboard-project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;padding:5px;border:1px solid var(--app-glass-line);border-radius:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--app-text) 3%,transparent),transparent 60%),var(--app-glass-surface);box-shadow:inset 0 1px var(--app-glass-highlight),0 16px 44px var(--app-glass-shadow);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}
.dashboard-project-card{position:relative;display:grid;min-width:0;min-height:76px;grid-template-columns:28px minmax(0,1fr) 32px 32px;align-items:center;gap:14px;padding:13px 15px;border:0;border-radius:13px;background:transparent;box-shadow:none;transition:background .18s}
.dashboard-project-card+.dashboard-project-card::before{position:absolute;top:-1px;right:15px;left:57px;height:1px;background:var(--app-glass-line);content:"";opacity:.55}
.dashboard-project-card:hover,.dashboard-project-card:focus-within{transform:none;border-color:transparent;background:color-mix(in srgb,var(--app-text) 5%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 3%,transparent)}
.dashboard-project-card>.dashboard-project-icon{width:24px;height:26px;-webkit-mask-size:auto 24px;mask-size:auto 24px;opacity:.8}
.profile-popover .workspace-plan-badge,.settings-pane .workspace-plan-badge{margin:0;padding:5px 8px;border:1px solid var(--app-glass-line);border-radius:7px;background:var(--app-glass-surface);color:var(--app-muted);font-size:10px;font-weight:500;line-height:1.2}
.dashboard-project-info{min-width:0}
.dashboard-project-card h3{margin:0 0 7px;overflow:hidden;color:var(--app-text);font-size:13px;font-weight:500;letter-spacing:-.01em;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.dashboard-project-status{display:flex;align-items:center;gap:7px;margin:0;color:var(--app-muted);font-size:11px}
.dashboard-project-status i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--app-muted)}
.dashboard-project-status.is-connected i{background:var(--app-success);box-shadow:0 0 0 3px var(--app-success-bg)}
.dashboard-project-open{display:grid;width:32px;min-height:36px;place-items:center;padding:0;border:0;background:transparent;color:var(--app-muted);font:inherit;cursor:pointer}
.dashboard-project-open::after{position:absolute;inset:0;border-radius:13px;content:""}
.dashboard-project-open>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dashboard-project-open svg{width:17px;height:17px;opacity:0;transition:opacity .18s,transform .18s}
.dashboard-project-card:hover .dashboard-project-open svg,.dashboard-project-card:focus-within .dashboard-project-open svg{opacity:1}
.dashboard-project-card>.project-actions-trigger{position:relative;z-index:1}
.dashboard-project-card:hover>.project-actions-trigger,.dashboard-project-card:focus-within>.project-actions-trigger{opacity:1}
.workspace-project-row{position:relative;display:flex;min-width:0;align-items:center;border-radius:12px;transition:background .2s}
.workspace-project-row>.workspace-project-nav-item{width:100%;min-width:0;padding-right:45px}
.workspace-project-row>.project-actions-trigger{position:absolute;right:7px;top:50%;transform:translateY(-50%)}
.workspace-project-row .workspace-project-list-status{margin-right:0;transition:opacity .18s}
.workspace-project-row:hover .workspace-project-list-status,.workspace-project-row:focus-within .workspace-project-list-status{opacity:0}
.project-actions-trigger{display:grid;width:32px;height:32px;flex:none;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--app-muted);cursor:pointer;opacity:0;transition:opacity .18s,background .18s,color .18s}
.project-actions-trigger svg{width:18px;height:18px}
.workspace-project-row:hover .project-actions-trigger,.workspace-project-row:focus-within .project-actions-trigger,.project-actions-trigger[aria-expanded=true]{opacity:1}
.project-actions-trigger:hover,.project-actions-trigger[aria-expanded=true]{background:var(--app-hover);color:var(--app-text)}
.workspace-popover{position:fixed;inset:auto;z-index:100;box-sizing:border-box;margin:0;padding:5px;border:1px solid var(--app-glass-highlight);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--app-text) 7%,transparent),transparent 58%),var(--app-glass-surface);color:var(--app-text);box-shadow:0 12px 38px var(--app-glass-shadow),0 3px 10px var(--app-glass-shadow),inset 0 1px color-mix(in srgb,var(--app-text) 14%,transparent),inset 0 -1px color-mix(in srgb,var(--app-text) 3%,transparent);backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);opacity:0;transform:translateY(5px) scale(.98);transition:opacity .2s,transform .24s cubic-bezier(.2,.8,.2,1),display .2s allow-discrete,overlay .2s allow-discrete}
.workspace-popover:popover-open{opacity:1;transform:none}
@starting-style{.workspace-popover:popover-open{opacity:0;transform:translateY(6px) scale(.97)}}
.project-popover{width:210px;border-radius:12px;transform-origin:top right}
.profile-popover{width:244px;max-width:calc(100vw - 16px);padding:6px;transform-origin:bottom left}
.workspace-menu-action{display:flex;width:100%;min-height:36px;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--app-text);font:inherit;font-size:12px;font-weight:450;text-align:left;cursor:pointer;transition:background .18s,color .18s}
.workspace-menu-action:hover{background:color-mix(in srgb,var(--app-text) 7%,transparent)}
.workspace-menu-action svg{width:16px;height:16px;flex:none;color:var(--app-muted)}
.workspace-menu-action .menu-shortcut{margin-left:auto;color:var(--app-muted);font-size:10px;opacity:.65}
.project-delete-action,.project-delete-action svg{color:var(--app-danger-ink)}
.project-delete-action:hover{background:var(--app-hover)}
.profile-menu-heading{display:flex;align-items:center;gap:10px;padding:10px;color:var(--app-text)}
.profile-menu-heading .profile-avatar{width:30px;height:30px;border-color:var(--app-glass-highlight);background:color-mix(in srgb,var(--app-text) 8%,transparent);font-size:11px;font-weight:500}
.profile-menu-identity{display:grid;min-width:0;gap:4px}
.profile-menu-identity strong{overflow:hidden;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.profile-menu-identity small{color:var(--app-muted);font-size:11px}
.profile-usage{border:0;border-radius:8px;background:transparent}
.profile-usage summary{display:flex;min-height:36px;align-items:center;gap:9px;padding:8px 10px;list-style:none;font-size:12px;cursor:pointer;transition:background .18s}
.profile-usage summary:hover{border-radius:8px;background:color-mix(in srgb,var(--app-text) 7%,transparent)}
.profile-usage summary svg{width:16px;height:16px;flex:none;color:var(--app-muted)}
.profile-usage summary .profile-usage-chevron{width:13px;height:13px;margin-left:auto;transition:transform .18s}
.profile-usage[open] .profile-usage-chevron{transform:rotate(90deg)}
.profile-usage summary::-webkit-details-marker{display:none}
.profile-usage summary>span:last-child{color:var(--app-muted);transition:transform .2s}
.profile-usage[open] summary>span:last-child{transform:rotate(90deg)}
.profile-usage p{margin:0;padding:3px 12px 12px 35px;color:var(--app-muted);font-size:11px;line-height:1.65}
.profile-menu-divider{height:1px;margin:5px 6px;background:var(--app-glass-line)}
.workspace-profile-trigger{width:100%;min-height:62px;gap:12px;padding:10px;border:1px solid transparent;background:transparent}
.workspace-profile-trigger[aria-expanded=true]{border-color:var(--app-line);background:var(--app-raised)}
.workspace-profile-trigger .profile-avatar{width:34px;height:34px;font-size:13px}
.workspace-profile-copy strong{font-size:12px;font-weight:550}
.workspace-profile-arrow{width:15px;height:15px;transition:transform .2s}
.workspace-profile-trigger[aria-expanded=true] .workspace-profile-arrow{transform:rotate(-90deg)}
.workspace-settings-navigation{display:grid;min-width:0;gap:18px}
.workspace-settings-navigation>.workspace-back{margin:0;padding:8px 10px;font-size:12px}
.workspace-settings-navigation>.workspace-nav-label{margin:0 10px;color:var(--app-muted);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}
.settings-layout{display:block}
.settings-nav{display:grid;grid-template-columns:1fr;gap:3px;padding:0;border:0;border-radius:0;background:transparent}
.settings-nav button{display:flex;min-height:38px;align-items:center;gap:10px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--app-muted);font:inherit;font-size:12px;font-weight:450;text-align:left;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.settings-nav button svg{width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.settings-nav button:hover{background:var(--app-hover);color:var(--app-text)}
.settings-nav button[aria-selected=true]{border-color:var(--app-glass-line);background:color-mix(in srgb,var(--app-text) 5%,transparent);color:var(--app-text);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 4%,transparent)}
#workspace-profile-view>.workspace-heading{margin-bottom:24px}
#workspace-profile-view>.workspace-heading h1{margin:0;font-size:26px;font-weight:550;letter-spacing:-.035em}
.settings-pane,.workspace-account-card.settings-pane{display:block;width:100%;max-width:none;min-width:0;margin:0;padding:24px;border:1px solid var(--app-glass-line);border-radius:16px;background:var(--app-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 7%,transparent),0 12px 36px var(--app-glass-shadow);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.settings-pane h2{display:none}
.settings-pane>p{margin:0 0 22px;color:var(--app-muted);font-size:12px;line-height:1.7}
.settings-pane .profile-summary{margin:22px 0;padding:20px 0;border-block:1px solid var(--app-glass-line)}
.settings-pane .profile-summary strong{display:block;overflow-wrap:anywhere;font-size:16px}
.settings-pane .profile-email{margin:6px 0 0;padding:0;border:0;background:none;color:var(--app-muted);font-size:12px;overflow-wrap:anywhere}
.settings-pane .workspace-secondary-button,.settings-actions .workspace-secondary-button{width:auto;min-height:36px;margin:0;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:500}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--app-glass-line)}
.settings-row:last-child{padding-bottom:0}
.settings-row strong,.settings-row label{display:block;color:var(--app-text);font-size:13px;font-weight:550}
.settings-row span{display:block;max-width:44ch;margin-top:6px;color:var(--app-muted);font-size:12px;line-height:1.7}
.settings-row button{flex:none}
.settings-row select{min-height:36px;padding:8px 28px 8px 12px;border:1px solid var(--app-glass-line);border-radius:9px;background:var(--app-raised);color:var(--app-text);font:inherit;font-size:11px}
.settings-theme-preview{display:none}
.settings-theme-preview>div:first-child{border:1px solid var(--app-line);border-radius:7px;background:var(--app-raised)}
.settings-theme-preview>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;padding-top:25px;border-top:5px solid var(--app-icon-accent)}
.settings-theme-preview i{display:block;height:100%;border:1px solid var(--app-line);border-radius:7px;background:var(--app-surface)}
.settings-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.settings-plan-summary{display:grid;gap:16px;margin:0 0 22px;padding:20px 0;border-block:1px solid var(--app-glass-line);border-inline:0;border-radius:0;background:transparent}
.settings-plan-summary>span{color:var(--app-muted);font-size:12px;line-height:1.6}
.settings-plan-summary>strong{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:30px;font-weight:550;letter-spacing:-.04em}
.settings-plan-summary small{font-size:22px}
.settings-pane>.settings-caption{margin:16px 0 0;font-size:11px}
.settings-danger-zone{margin-top:24px;padding:22px;border:1px solid var(--app-danger-border);border-radius:14px;background:var(--app-danger-bg)}
.settings-danger-zone>strong{font-size:13px;font-weight:550}
.settings-danger-zone p{margin:9px 0 20px;color:var(--app-muted);font-size:12px;line-height:1.7}
.settings-actions{display:flex;justify-content:flex-end;gap:10px}
.project-delete-name{display:block;margin:16px 0 0;overflow-wrap:anywhere;color:var(--app-text);font-size:16px}
.project-delete-dialog .key-security-mark{border-color:var(--app-danger-border);background:var(--app-danger-bg);color:var(--app-danger-ink)}
.pricing-dialog,.key-security-dialog,.studio-project-dialog{border-color:var(--app-glass-highlight);background:linear-gradient(145deg,color-mix(in srgb,var(--app-text) 5%,transparent),transparent 55%),var(--app-glass-surface);backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);box-shadow:0 24px 80px var(--app-glass-shadow),inset 0 1px var(--app-glass-highlight)}
.pricing-dialog::backdrop,.key-security-dialog::backdrop,.studio-project-dialog::backdrop{background:color-mix(in srgb,var(--app-bg) 42%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pricing-shell{background:var(--app-bg)}
.pricing-heading{margin:22px 0 30px}
.pricing-heading h2{font-size:clamp(28px,3vw,40px);font-weight:550}
.pricing-heading p{font-size:13px}
.pricing-heading .workspace-eyebrow{color:var(--app-muted);font-size:9px;font-weight:500;letter-spacing:.1em}
.pricing-card,.pricing-card:first-child,.pricing-card:last-child,.pricing-card.is-featured{--plan-offset:0px;border-color:var(--app-glass-line);border-radius:16px;background:var(--app-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 6%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
.pricing-card.is-selected{border-color:color-mix(in srgb,var(--app-text) 35%,transparent);background:color-mix(in srgb,var(--app-text) 6%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 12%,transparent)}
.pricing-card:hover{transform:translateY(-2px)}
.pricing-recommendation{top:-10px;padding:5px 9px;border-color:var(--app-glass-highlight);background:var(--app-raised);color:var(--app-text);font-size:7px;font-weight:500;letter-spacing:.08em}
.pricing-price>span{font-size:38px;font-weight:500}
.pricing-card-action{font-weight:500}
.studio-project-dialog[open] .studio-connect{background:transparent}
.studio-project-dialog .studio-key-card,.studio-project-dialog .workspace-plugin-download,.studio-project-dialog .studio-connection-guide{border-color:var(--app-glass-line);background:color-mix(in srgb,var(--app-surface) 35%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 4%,transparent)}
.studio-workbench{border-color:var(--app-glass-line);border-radius:18px;background:var(--app-glass-surface);box-shadow:inset 0 1px var(--app-glass-highlight);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.settings-plan-heading{margin-bottom:18px}
.workspace-sidebar-bottom{border-color:var(--app-glass-line)}
.workspace-project-nav-item{min-height:38px;border-radius:9px;font-size:12px;font-weight:450}
.workspace-nav-item.is-active{border-color:var(--app-glass-line);background:color-mix(in srgb,var(--app-text) 5%,transparent);box-shadow:none}
.workspace-project-nav-item::before{display:none}
.workspace-nav-label{font-size:10px;font-weight:500;letter-spacing:.06em}
.workspace-project-add{border-color:var(--app-glass-line);border-radius:9px;background:color-mix(in srgb,var(--app-text) 3%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 5%,transparent)}
.workspace-profile-trigger{min-height:50px;border-radius:11px;transform:none}
.workspace-profile-trigger:hover{transform:none}
.workspace-popover button:focus-visible,.profile-usage summary:focus-visible,.project-actions-trigger:focus-visible,.dashboard-project-open:focus-visible,.settings-nav button:focus-visible,.settings-row select:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:3px}
@media(hover:none){.project-actions-trigger{opacity:1}.workspace-project-row .workspace-project-list-status{display:none}.workspace-menu-action,.profile-usage summary{min-height:44px}}
@media(max-width:1000px){.workspace-panel{grid-template-columns:210px minmax(0,1fr)}.workspace-content{padding-inline:28px}.workspace-brand img{width:118px}.settings-nav button{font-size:11px}}
@media(max-width:680px){.workspace-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.workspace-sidebar{padding-block:calc(10px + env(safe-area-inset-top)) 10px}.workspace-brand{margin:0}.workspace-brand img{width:96px}.workspace-sidebar-bottom .workspace-profile-trigger{width:44px;min-height:44px;padding:0}.workspace-project-navigation{min-width:0}.workspace-navigation{justify-content:start;overflow:auto;scrollbar-width:none}.workspace-project-row{flex:none;min-width:130px;max-width:200px}.workspace-project-row>.workspace-project-nav-item{padding-right:38px}.workspace-project-row .workspace-project-list-status{display:none}.project-actions-trigger{width:34px;height:44px;opacity:1}.workspace-content{padding:30px 18px max(30px,env(safe-area-inset-bottom))}.workspace-dashboard{gap:14px}.dashboard-project-heading{flex-wrap:wrap;gap:12px}.dashboard-project-heading .workspace-secondary-button{min-height:44px}.dashboard-project-card{min-height:78px;grid-template-columns:24px minmax(0,1fr) 34px;gap:12px;padding:12px}.dashboard-project-card .dashboard-project-open{position:absolute;width:100%;height:100%;inset:0}.dashboard-project-open svg{display:none}.settings-pane,.workspace-account-card.settings-pane{padding:20px}.settings-row{flex-wrap:wrap;gap:14px}.settings-pane .profile-avatar{width:48px;height:48px}.profile-popover{transform-origin:top right}.workspace-panel[data-workspace-view=profile] .workspace-sidebar{grid-template-columns:minmax(0,1fr) auto;gap:10px}.workspace-panel[data-workspace-view=profile] .workspace-brand{display:none}.workspace-settings-navigation{gap:0;min-width:0}.workspace-settings-navigation>.workspace-back{width:max-content;min-height:34px;padding:4px 10px}.workspace-settings-navigation>.workspace-nav-label{display:none}.settings-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.settings-nav button{min-height:44px;flex:none;gap:7px;padding:9px 10px;font-size:11px;white-space:nowrap}.settings-nav button svg{width:15px;height:15px}#workspace-first-project{min-height:220px;padding:24px}#workspace-first-project h2{font-size:23px}}
@media(max-width:400px){.settings-pane,.workspace-account-card.settings-pane{padding:17px}.workspace-brand img{width:76px}.dashboard-project-card{gap:10px;padding-inline:10px}.settings-nav button{gap:6px;padding-inline:8px;font-size:10px}.settings-nav button svg{width:14px;height:14px}.workspace-content{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.workspace-popover,.dashboard-project-card,.project-actions-trigger,.settings-nav button,.dashboard-project-open svg,.profile-usage summary,.profile-usage-chevron,.workspace-profile-arrow{transition:none}.pricing-card:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.workspace-panel{--app-glass-surface:var(--app-raised)}.workspace-sidebar,.workspace-topbar{background:var(--app-surface)}.workspace-popover,.pricing-dialog,.key-security-dialog,.studio-project-dialog,.dashboard-project-grid,.settings-pane,.studio-workbench,.workspace-sidebar,.workspace-topbar{backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.workspace-panel{--app-glass-surface:var(--app-raised)}}
.page,.workspace-panel,.workspace-main,.workspace-sidebar,.workspace-topbar{background:var(--app-bg)}
.theme-vercel{--preview-bg:var(--app-preview-dark-bg);--preview-surface:var(--app-preview-dark-bg);--preview-accent:var(--app-preview-accent)}
#project-delete-confirm{display:inline-flex;align-items:center;gap:8px;border-color:transparent;background:transparent;color:var(--app-danger-ink);box-shadow:none}
#project-delete-confirm:hover{border-color:transparent;background:var(--app-hover);color:var(--app-danger-ink);box-shadow:none}
#project-delete-confirm svg{width:17px;height:17px;flex:none}
.project-delete-dialog .key-security-mark{border-color:transparent;background:transparent;color:var(--app-danger-ink)}
.settings-pane.appearance-pane{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.appearance-section-title{margin:0 0 15px;color:var(--app-text);font-size:12px;font-weight:550;line-height:1.5}
.appearance-mode-group,.appearance-group{min-width:0;margin:0;padding:0 16px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-surface)}
.appearance-mode-group{margin-bottom:16px;padding-block:10px}
.appearance-mode-group legend{float:left;margin:28px 20px 0 0;padding:0;color:var(--app-text);font-size:12px;font-weight:550}
.appearance-modes{display:flex;justify-content:flex-end;gap:10px}
.appearance-mode{position:relative;display:grid;justify-items:center;gap:6px;cursor:pointer}
.appearance-mode>input{position:absolute;width:1px;height:1px;opacity:0}
.mode-preview{--app-mini-bg:var(--app-preview-dark-bg);--app-mini-ink:var(--app-preview-dark-ink);--app-mini-line:var(--app-preview-dark-line);position:relative;display:grid;width:76px;height:54px;grid-template-columns:15px minmax(0,1fr);gap:5px;padding:6px;border:1px solid var(--app-line);border-radius:10px;background:var(--app-mini-bg);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--app-mini-ink) 6%,transparent);transition:border-color .18s,box-shadow .18s}
.mode-preview-light{--app-mini-bg:var(--app-preview-light-bg);--app-mini-ink:var(--app-preview-light-ink);--app-mini-line:var(--app-preview-light-line)}
.mode-preview-system{background:linear-gradient(90deg,var(--app-preview-light-bg) 48%,var(--app-preview-dark-bg) 48%)}
.mode-preview>i{display:block;border-right:1px solid var(--app-mini-line);border-radius:3px;background:color-mix(in srgb,var(--app-mini-ink) 6%,transparent)}
.mode-preview>i::before{display:block;width:4px;height:4px;margin:4px auto;border:1px solid var(--app-mini-line);border-radius:50%;content:""}
.mode-preview>b{display:grid;align-content:center;gap:5px;padding:3px;border:1px solid var(--app-mini-line);border-radius:4px;background:var(--app-mini-bg)}
.mode-preview em{display:block;height:2px;margin-left:8px;background:var(--app-mini-line)}
.mode-preview em:nth-child(2){margin-left:0;background:var(--app-preview-accent)}
.mode-preview em:last-child{margin-left:15px;background:var(--app-preview-accent)}
.appearance-mode:has(input:checked) .mode-preview{border-color:var(--app-icon-accent);box-shadow:0 0 0 1px var(--app-icon-accent),inset 0 0 0 3px color-mix(in srgb,var(--app-mini-ink) 12%,transparent)}
.appearance-mode:has(input:focus-visible) .mode-preview{outline:2px solid var(--app-icon-accent);outline-offset:4px}
.appearance-mode-name{color:var(--app-muted);font-size:9px;font-weight:450;line-height:1.3}
.appearance-mode:has(input:checked) .appearance-mode-name{color:var(--app-text)}
.appearance-row{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid var(--app-line)}
.appearance-row:first-child{border-top:0}
.appearance-row>label{min-width:0;color:var(--app-text);font-size:12px;font-weight:550;line-height:1.5}
.appearance-controls{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px}
.appearance-row select{max-width:100%;min-height:29px;padding:4px 28px 4px 11px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-inset);color:var(--app-text);font:inherit;font-size:11px;cursor:pointer}
#appearance-theme{width:170px}
.appearance-icon-button{display:grid;width:28px;height:29px;flex:none;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--app-muted);cursor:pointer;transition:color .18s,background .18s}
.appearance-icon-button:hover{background:var(--app-hover);color:var(--app-text)}
.appearance-icon-button svg{width:17px;height:17px}
.appearance-color-control{display:flex;width:104px;min-height:29px;flex:none;align-items:center;gap:3px;padding:0 9px 0 5px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-inset)}
.appearance-color-control input[type=color]{width:24px;height:25px;flex:none;margin:0;padding:4px;border:0;background:transparent;cursor:pointer}
.appearance-color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.appearance-color-control input[type=color]::-webkit-color-swatch{border:1px solid var(--app-line);border-radius:50%}
.appearance-color-control input[type=color]::-moz-color-swatch{border:1px solid var(--app-line);border-radius:50%}
.appearance-color-control input[type=text]{width:100%;min-width:0;height:26px;padding:0;border:0;outline:0;background:transparent;color:var(--app-text);font:inherit;font-size:10px;font-variant-numeric:tabular-nums;text-transform:uppercase;box-shadow:none}
.appearance-color-control:focus-within{outline:2px solid var(--app-icon-accent);outline-offset:2px}
.appearance-color-control:has([aria-invalid=true]){border-color:var(--app-danger-ink)}
.appearance-color-control input[type=text][aria-invalid=true]{color:var(--app-danger-ink)}
.appearance-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.appearance-feedback{min-height:18px;margin:0;color:var(--app-muted);font-size:11px;line-height:1.6}
.appearance-feedback.is-error{color:var(--app-danger-ink)}
.appearance-actions{display:flex;flex:none;align-items:center;gap:7px;margin-left:auto}
.appearance-pane .appearance-actions button{min-height:34px;padding:7px 12px;font-size:11px}
.appearance-pane .appearance-actions .appearance-save{border-color:var(--app-accent-border);background:var(--app-accent);color:var(--app-accent-ink)}
.appearance-pane button:disabled,.appearance-pane input:disabled,.appearance-pane select:disabled{cursor:default;opacity:.5}
.appearance-pane[aria-busy=true]{cursor:progress}
.appearance-language-title{margin-top:34px}
.appearance-row select:focus-visible,.appearance-icon-button:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:3px}
@media(max-width:680px){.appearance-mode-group,.appearance-group{padding-inline:13px}.appearance-mode-group{padding-block:12px}.appearance-mode-group legend{margin-top:24px}.appearance-modes{gap:8px}.mode-preview{width:65px;height:48px;grid-template-columns:12px 1fr;padding:5px;gap:4px}.appearance-row{min-height:52px;gap:12px}.appearance-row select{min-height:34px}.appearance-icon-button{width:30px;height:34px}.appearance-color-control{min-height:34px}.appearance-color-control input[type=color]{height:31px}.appearance-color-control input[type=text]{height:30px}.appearance-footer{align-items:flex-start;flex-direction:column;gap:12px}.appearance-actions{width:100%;justify-content:flex-end}.appearance-pane .appearance-actions button{min-height:40px}.appearance-controls{gap:5px}#appearance-theme{width:136px}.appearance-row>label{font-size:11px}}
@media(max-width:420px){.appearance-mode-group legend{margin-right:10px;font-size:11px}.appearance-modes{gap:6px}.mode-preview{width:58px;height:44px;grid-template-columns:9px 1fr;gap:3px}.appearance-mode-name{font-size:8px}.appearance-row:has(#appearance-accent-preset){flex-wrap:wrap;gap:8px}.appearance-row:has(#appearance-accent-preset) .appearance-controls{width:100%;justify-content:flex-end}.appearance-row:has(#appearance-theme){flex-wrap:wrap;gap:8px}.appearance-row:has(#appearance-theme) .appearance-controls{margin-left:auto}.appearance-row>label{max-width:50%}}
@media(prefers-reduced-motion:reduce){.mode-preview,.appearance-icon-button{transition:none}}
.settings-nav{gap:2px}
.settings-nav button{min-height:30px;gap:8px;padding:5px 10px;border-radius:8px;font-size:11px;line-height:18px}
.settings-nav button svg{width:15px;height:15px}
.settings-nav button[aria-selected=true]{border-color:transparent;box-shadow:none;background:var(--app-raised)}
.appearance-select-trigger{display:inline-flex;min-width:0;min-height:29px;align-items:center;justify-content:space-between;gap:8px;padding:3px 10px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-inset);color:var(--app-text);font:inherit;font-size:11px;line-height:20px;cursor:pointer;transition:background .15s,border-color .15s}
.appearance-select-trigger:hover,.appearance-select-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--app-text) 22%,var(--app-line));background:var(--app-raised)}
.appearance-select-trigger>svg{width:13px;height:13px;flex:none;color:var(--app-muted)}
.appearance-select-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appearance-select-trigger[data-select-id=appearance-theme]{width:170px;padding-left:5px}
.appearance-select-trigger[data-select-id=appearance-theme] .appearance-select-label{margin-right:auto}
.appearance-select-mark{display:grid;width:22px;height:22px;flex:none;place-items:center;border:1px solid var(--app-line);border-radius:50%;background:var(--app-option-background,var(--app-inset));color:var(--app-option-color,var(--app-muted));font:500 11px/1 var(--app-font-family);letter-spacing:-.04em}
.appearance-select-trigger .appearance-select-mark{width:19px;height:19px;font-size:10px}
.appearance-dropdown.workspace-popover{width:224px;max-width:calc(100vw - 16px);max-height:min(326px,calc(100dvh - 24px));overflow-y:auto;padding:5px;border:1px solid color-mix(in srgb,var(--app-text) 8%,var(--app-line));border-radius:16px;background:var(--app-raised);box-shadow:0 10px 30px var(--app-glass-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--app-line) transparent;transform-origin:top right}
.appearance-dropdown.is-font-list{width:242px;max-height:min(350px,calc(100dvh - 24px))}
.appearance-theme-submenu.workspace-popover{width:240px}
.appearance-dropdown-option{display:flex;width:100%;min-height:29px;align-items:center;gap:8px;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:var(--app-text);font:inherit;font-size:12px;font-weight:450;line-height:19px;text-align:left;cursor:pointer}
.appearance-dropdown-option:has(.appearance-select-mark){min-height:34px}
.appearance-dropdown-option:hover,.appearance-dropdown-option:focus-visible{outline:none;background:var(--app-hover)}
.appearance-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appearance-option-dot{display:block;width:12px;height:12px;flex:none;border:1px solid color-mix(in srgb,var(--app-text) 12%,transparent);border-radius:50%;background:var(--app-option-color,var(--app-icon-accent))}
.appearance-option-check{display:grid;width:17px;height:17px;flex:none;place-items:center;margin-left:auto;visibility:hidden}
.appearance-option-check svg{width:17px;height:17px}
.appearance-dropdown-option[aria-checked=true] .appearance-option-check{visibility:visible}
.appearance-submenu-chevron{width:14px;height:14px;flex:none;margin-left:auto;color:var(--app-muted)}
.appearance-dropdown-rule{height:1px;margin:5px 8px;background:var(--app-line)}
.appearance-select-trigger:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:3px}
@media(max-width:680px){.settings-nav button{min-height:34px;padding:6px 9px;border-radius:8px;font-size:10px;gap:6px}.settings-nav button svg{width:14px;height:14px}.appearance-select-trigger{min-height:34px}.appearance-select-trigger[data-select-id=appearance-theme]{width:136px}.appearance-dropdown-option{min-height:34px}}
@media(pointer:coarse){.appearance-dropdown-option{min-height:40px}.appearance-dropdown-option:has(.appearance-select-mark){min-height:40px}.appearance-select-trigger{min-height:36px}}
@media(prefers-reduced-motion:reduce){.appearance-select-trigger{transition:none}}
@property --app-shine-angle{syntax:"<angle>";initial-value:0deg;inherits:true}
@property --app-shine-offset{syntax:"<angle>";initial-value:0deg;inherits:true}
@property --app-shine-span{syntax:"<percentage>";initial-value:5%;inherits:true}
.shiny-button{--app-shine-angle:0deg;--app-shine-offset:0deg;--app-shine-span:5%;--app-shine-duration:4.8s;--app-button-surface:var(--app-surface);--app-button-highlight:var(--app-icon-accent);--app-button-shine:var(--app-text);position:relative;isolation:isolate;overflow:hidden;outline-offset:4px;touch-action:manipulation;animation:app-button-orbit var(--app-shine-duration) linear infinite}
.start.shiny-button,.secondary-submit.shiny-button,.workspace-secondary-button.shiny-button,.studio-download.shiny-button,.studio-revoke.shiny-button{border-color:transparent;--app-button-background:linear-gradient(var(--app-button-surface),var(--app-button-surface)) padding-box,conic-gradient(from calc(var(--app-shine-angle) - var(--app-shine-offset)),transparent,var(--app-button-highlight) var(--app-shine-span),var(--app-button-shine) calc(var(--app-shine-span) * 2),var(--app-button-highlight) calc(var(--app-shine-span) * 3),transparent calc(var(--app-shine-span) * 4)) border-box;background:var(--app-button-background);color:var(--app-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-line) 85%,transparent);transition:--app-shine-offset .8s cubic-bezier(.25,1,.5,1),--app-shine-span .8s cubic-bezier(.25,1,.5,1),color .25s,box-shadow .25s,transform .25s}
.shiny-button::before,.shiny-button::after{position:absolute;z-index:0;pointer-events:none;content:"";border-radius:inherit}
.shiny-button::before{inset:3px;background:radial-gradient(circle at 2px 2px,var(--app-text) .45px,transparent .55px);background-size:4px 4px;-webkit-mask-image:conic-gradient(from calc(var(--app-shine-angle) + 45deg),var(--app-text),transparent 10% 90%,var(--app-text));mask-image:conic-gradient(from calc(var(--app-shine-angle) + 45deg),var(--app-text),transparent 10% 90%,var(--app-text));opacity:.17;transition:opacity .4s}
.shiny-button::after{inset:auto;top:50%;left:50%;width:100%;height:auto;aspect-ratio:1;border-radius:0;background:linear-gradient(-50deg,transparent 30%,color-mix(in srgb,var(--app-button-highlight) 55%,transparent) 43%,var(--app-button-highlight) 48%,var(--app-button-shine) 50%,var(--app-button-highlight) 52%,color-mix(in srgb,var(--app-button-highlight) 55%,transparent) 57%,transparent 70%);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,var(--app-text) 70%);mask-image:radial-gradient(circle at bottom,transparent 40%,var(--app-text) 70%);opacity:.26;transform:translate(-50%,-50%) rotate(0deg);animation:app-button-shimmer var(--app-shine-duration) linear infinite;transition:opacity .5s}
.shiny-button>*{position:relative;z-index:1}
.shiny-button:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible){--app-shine-span:20%;--app-shine-offset:95deg;border-color:transparent;background:var(--app-button-background);color:var(--app-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-text) 10%,transparent),0 0 18px color-mix(in srgb,var(--app-button-highlight) 10%,transparent)}
.shiny-button:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible)::before{opacity:.35}
.shiny-button:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible)::after{opacity:.55}
.shiny-button:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:4px}
.shiny-button:disabled,.shiny-button[aria-disabled=true]{animation-play-state:paused}
.shiny-button:disabled::before,.shiny-button[aria-disabled=true]::before{opacity:.1}
.shiny-button:disabled::after,.shiny-button[aria-disabled=true]::after{display:none}
.cta-shell:has(.shiny-button)::before,.cta-shell:has(.shiny-button)::after{display:none}
.start.shiny-button{--app-shine-duration:3s;min-height:56px;padding-inline:25px 16px;border-radius:999px;font-weight:550;letter-spacing:-.015em;transform:none}
.start.shiny-button::before{opacity:.3}
.start.shiny-button::after{opacity:.5}
.start.shiny-button:hover,.start.shiny-button:focus-visible{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-text) 12%,transparent),0 8px 26px color-mix(in srgb,var(--app-button-highlight) 10%,transparent)}
.start.shiny-button:active{transform:translateY(0)}
.start.shiny-button .start-icon{width:32px;height:32px;border-color:var(--app-line);border-radius:50%;background:color-mix(in srgb,var(--app-text) 4%,transparent);color:var(--app-text)}
@keyframes app-button-orbit{to{--app-shine-angle:360deg}}
@keyframes app-button-shimmer{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(hover:none){.start.shiny-button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.shiny-button,.shiny-button::before,.shiny-button::after{animation:none!important;transition:none!important}.shiny-button::after{display:none}.shiny-button::before{opacity:.12}.start.shiny-button:hover,.start.shiny-button:focus-visible,.start.shiny-button:active{transform:none}}
:root{--app-glass-brand:var(--app-icon-accent);--app-glass-reflection:#ffffff;--app-glass-panel-fill:var(--app-bg);--app-glass-edge:color-mix(in srgb,var(--app-text) 13%,transparent);--app-glass-specular:color-mix(in srgb,var(--app-glass-reflection) 28%,transparent);--app-glass-drop-shadow:color-mix(in srgb,var(--app-bg) 35%,transparent);--app-glass-material:var(--app-bg);--app-glass-elevation:inset 0 1px var(--app-glass-specular),inset 0 -1px color-mix(in srgb,var(--app-glass-reflection) 4%,transparent),0 18px 54px var(--app-glass-drop-shadow);--app-glass-ambient:var(--app-bg)}
html[data-light-surface=true]{--app-glass-brand:var(--app-icon-accent);--app-glass-panel-fill:var(--app-bg);--app-glass-edge:color-mix(in srgb,var(--app-text) 10%,transparent);--app-glass-specular:color-mix(in srgb,var(--app-glass-reflection) 80%,transparent);--app-glass-drop-shadow:color-mix(in srgb,var(--app-text) 9%,transparent)}
html[data-theme]:not([data-theme=obsidian]):not([data-theme=paper]):not([data-theme=vercel]){--app-glass-brand:var(--app-accent)}
:root{--app-hero-muted:color-mix(in srgb,var(--app-text) 68%,var(--app-bg));--app-hero-glow:var(--app-glass-reflection);--app-glass-control:var(--app-bg);--app-glass-control-hover:var(--app-bg)}
:root{--app-bubble-line:color-mix(in srgb,var(--app-glass-reflection) 28%,transparent);--app-bubble-fill:var(--app-bg);--app-bubble-backdrop:blur(1px) saturate(115%) brightness(1.04);--app-bubble-elevation:inset 0 1px 1px color-mix(in srgb,var(--app-glass-reflection) 64%,transparent),inset 0 -1px 1px color-mix(in srgb,var(--app-glass-reflection) 24%,transparent),inset 1px 0 1px color-mix(in srgb,var(--app-glass-reflection) 13%,transparent),inset -1px 0 1px color-mix(in srgb,var(--app-glass-reflection) 13%,transparent),0 7px 20px color-mix(in srgb,var(--app-bg) 28%,transparent);--app-bubble-field:var(--app-bg);--app-glass-control:var(--app-bg);--app-glass-control-hover:var(--app-bg)}
html[data-light-surface=true]{--app-bubble-line:color-mix(in srgb,var(--app-text) 22%,transparent);--app-bubble-fill:var(--app-bg);--app-bubble-elevation:inset 0 1px 1px color-mix(in srgb,var(--app-glass-reflection) 90%,transparent),inset 0 -1px 1px color-mix(in srgb,var(--app-text) 12%,transparent),0 7px 20px color-mix(in srgb,var(--app-text) 8%,transparent)}
:root{--app-cta-fill:var(--app-glass-reflection);--app-cta-ink:#111114}

.page{display:flex;min-height:100svh;flex-direction:column;background:var(--app-glass-ambient)}
.page::before{display:none}
.site-stars{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}
.site-stars circle{fill:var(--app-text)}
.stars-far{opacity:.2;animation:site-star-twinkle 11s ease-in-out infinite}
.stars-near{opacity:.38;animation:site-star-twinkle 8s -4s ease-in-out infinite}
.stars-spark{stroke:var(--app-text);stroke-width:.7;stroke-linecap:round;opacity:.2;animation:site-star-twinkle 13s -7s ease-in-out infinite}
.page[data-app-state=workspace]>.site-stars,.page[data-app-state=onboarding]>.site-stars{display:none}
.frame{width:min(100% - 72px,1220px)}
.page>main.frame{z-index:1;display:flex;flex:1;flex-direction:column;justify-content:center}
.masthead{z-index:2;height:74px;flex:none;gap:20px;margin-top:20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.header-left{margin-right:auto}
.masthead .brand{position:relative;animation:none;transform:none}
.masthead .brand:hover{transform:none;filter:none}
.brand-logo{width:182px;opacity:.92;filter:none}
.masthead .brand::after{display:none}
.language-switch{gap:2px;padding:3px;border:1px solid var(--app-bubble-line);border-radius:999px;background:var(--app-bubble-fill);box-shadow:var(--app-bubble-elevation);backdrop-filter:var(--app-bubble-backdrop);-webkit-backdrop-filter:var(--app-bubble-backdrop);animation:none}
.language-switch::before{display:block;z-index:0;inset:3px auto 3px 3px;width:calc((100% - 8px)/2);border-radius:999px;background:var(--app-bubble-fill);box-shadow:inset 0 0 0 1px var(--app-glass-specular),inset 0 1px var(--app-glass-specular);transform:translateX(0);transition:transform .52s cubic-bezier(.22,1,.36,1)}
.language-switch:has(>button[data-lang=en][aria-pressed=true])::before{transform:translateX(calc(100% + 2px));box-shadow:inset 0 0 0 1px var(--app-glass-specular),inset 0 1px var(--app-glass-specular)}
.language-switch button{min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--app-muted);font-size:12px;font-weight:550;text-shadow:none;transform:none;transition:color .32s ease,text-shadow .32s ease,background .32s ease,box-shadow .32s ease}
.language-switch button[aria-pressed=true]{background:transparent;box-shadow:none;color:var(--app-text);text-shadow:0 0 9px color-mix(in srgb,var(--app-text) 12%,transparent)}
.language-switch button:not([aria-pressed=true]):hover{color:var(--app-text);text-shadow:0 0 9px color-mix(in srgb,var(--app-text) 22%,transparent);transform:none}
.language-switch button:active{transform:none}
.language-switch button:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:2px}
.language-copy{display:inline;pointer-events:none}
input::placeholder,textarea::placeholder{opacity:1;transition:opacity .32s ease}
.is-language-text-out input::placeholder,.is-language-text-out textarea::placeholder{opacity:0;transition-duration:.2s}
@media(prefers-reduced-motion:reduce){.language-switch::before,.language-switch button{transition:none}}
@media(prefers-reduced-motion:reduce){input::placeholder,textarea::placeholder{transition:none}}
.landing{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px 32px;padding:44px 0 42px}
.intro{z-index:1;max-width:580px;padding:0 0 16px 8px}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--app-muted);font-size:11px;font-weight:550;line-height:1.5;letter-spacing:.025em}
.hero-eyebrow::before{width:22px;height:1px;flex:none;background:var(--app-muted);content:"";opacity:.75}
.hero-description{max-width:42ch;margin:22px 0 0;color:var(--app-muted);font-size:14px;line-height:1.8;text-wrap:pretty}
.hero-access{margin:14px 0 0;color:var(--app-muted);font-size:12px;line-height:1.6}
.landing-workflow{grid-column:1/-1;padding:23px 25px 25px;border:1px solid var(--app-glass-edge);border-radius:22px;background:var(--app-glass-material);box-shadow:inset 0 1px var(--app-glass-specular);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.workflow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.workflow-heading h2{margin:0;color:var(--app-text);font-size:16px;font-weight:550;line-height:1.5;letter-spacing:-.02em}
.workflow-heading>span{color:var(--app-muted);font-size:12px;line-height:1.5}
.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:23px 0 0;padding:0;list-style:none}
.workflow-steps li{display:flex;min-width:0;align-items:flex-start;gap:12px;padding-inline:22px;border-left:1px solid var(--app-glass-edge)}
.workflow-steps li:first-child{padding-left:0;border-left:0}
.workflow-steps li:last-child{padding-right:0}
.workflow-number{display:grid;width:33px;height:33px;flex:none;place-items:center;border:1px solid var(--app-glass-edge);border-radius:10px;background:color-mix(in srgb,var(--app-text) 3%,transparent);color:var(--app-muted);font-size:11px;font-variant-numeric:tabular-nums}
.workflow-steps h3{margin:0 0 6px;color:var(--app-text);font-size:13px;font-weight:550;line-height:1.5}
.workflow-steps p{max-width:29ch;margin:0;color:var(--app-muted);font-size:12px;line-height:1.65}
.landing .intro,.landing .intro>h1,.landing .intro>.cta-shell{animation:none;opacity:1;transform:none;filter:none}
.landing .intro h1{max-width:none;margin:0;color:var(--app-text);font-size:clamp(42px,5.2vw,72px);font-weight:650;line-height:1.12;letter-spacing:-.055em;text-wrap:balance}
.landing .intro h1>[data-i18n=heroLead]{background:none;color:var(--app-text);-webkit-text-fill-color:var(--app-text);-webkit-text-stroke:0;text-shadow:none}
.landing .studio-title{display:block;width:max-content;max-width:100%;margin-top:.2em;padding:0;white-space:nowrap;font-style:normal;letter-spacing:-.055em}
.landing .studio-letters{display:inline-block;white-space:nowrap;background:none;color:var(--app-text);-webkit-text-fill-color:var(--app-text);-webkit-text-stroke:0;text-shadow:0 0 3px color-mix(in srgb,var(--app-hero-glow) 85%,transparent),0 0 16px color-mix(in srgb,var(--app-hero-glow) 65%,transparent),0 0 42px color-mix(in srgb,var(--app-hero-glow) 32%,transparent),0 0 70px color-mix(in srgb,var(--app-hero-glow) 12%,transparent);animation:none}
.landing .studio-mark{position:absolute;top:-.03em;bottom:auto;right:-.32em;left:auto;display:block;width:.4em;min-width:16px;aspect-ratio:1;background:transparent;color:var(--app-text);-webkit-mask:none;mask:none;opacity:1;transform:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--app-hero-glow) 85%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--app-hero-glow) 55%,transparent)) drop-shadow(0 0 26px color-mix(in srgb,var(--app-hero-glow) 20%,transparent));animation:none}
.landing .studio-mark::before{position:absolute;inset:0;content:"";background:currentColor;-webkit-mask:url('assets/roblox-studio-mark.png') center/contain no-repeat;mask:url('assets/roblox-studio-mark.png') center/contain no-repeat}
.landing .cta-shell{margin:28px 0 0}
.landing .start.shiny-button{--app-button-background:var(--app-cta-fill);--app-shine-duration:8s;min-width:200px;min-height:46px;padding-inline:20px 12px;overflow:visible;border-color:color-mix(in srgb,var(--app-cta-ink) 9%,var(--app-cta-fill));border-radius:999px;background:var(--app-button-background);color:var(--app-cta-ink);box-shadow:inset 0 1px var(--app-cta-fill),0 4px 14px color-mix(in srgb,var(--app-cta-ink) 12%,transparent);font-size:14px;font-weight:600;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;transition:box-shadow .3s,transform .3s}
.landing .start.shiny-button:not(:disabled):is(:hover,:focus-visible){background:var(--app-button-background);border-color:var(--app-cta-fill);color:var(--app-cta-ink);box-shadow:0 5px 20px color-mix(in srgb,var(--app-cta-ink) 12%,transparent);transform:translateY(-2px)}
.landing .start.shiny-button::before{display:none}
.landing .start.shiny-button::after{display:block;inset:2px;top:2px;left:2px;width:auto;height:auto;aspect-ratio:auto;padding:0;border-radius:inherit;background:radial-gradient(circle at 1px 1px,var(--app-cta-ink) .5px,transparent .75px);background-size:4.5px 4.5px;background-position:0 0;-webkit-mask:conic-gradient(from var(--app-shine-angle),transparent 0deg,var(--app-cta-fill) 28deg 62deg,transparent 96deg 180deg,var(--app-cta-fill) 208deg 242deg,transparent 276deg 360deg);mask:conic-gradient(from var(--app-shine-angle),transparent 0deg,var(--app-cta-fill) 28deg 62deg,transparent 96deg 180deg,var(--app-cta-fill) 208deg 242deg,transparent 276deg 360deg);clip-path:inset(0 round 999px);opacity:.5;transform:none;animation:app-button-orbit var(--app-shine-duration) linear infinite;transition:opacity .5s}
.landing .start.shiny-button .start-orbit{position:absolute;z-index:0;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;transform:none;transition:none}
.start-border-glow,.start-border-light{fill:none;stroke:var(--app-cta-fill)}
.start-border-glow{stroke-width:4;opacity:.9;transition:opacity .3s}
.start-border-light{stroke-width:1.6}
.landing .start.shiny-button:not(:disabled):is(:hover,:focus-visible)::after{opacity:.65}
.landing .start.shiny-button:not(:disabled):is(:hover,:focus-visible) .start-border-glow{opacity:1}
.landing .start.shiny-button:disabled::after{display:none}
.landing .start.shiny-button:disabled .start-orbit{display:none}
@media(prefers-reduced-motion:reduce){.landing .start.shiny-button::after{animation:none!important}}
.landing .start.shiny-button:not(:disabled):active{transform:translateY(0)}
@media(hover:none){.landing .start.shiny-button:not(:disabled):hover{transform:none}}
@media(prefers-reduced-motion:reduce){.landing .start.shiny-button:not(:disabled):is(:hover,:focus-visible,:active){transform:none}}
@media(prefers-reduced-transparency:reduce){html[data-light-surface=true]{--app-bubble-fill:var(--app-bg);--app-bubble-field:var(--app-bg)}}
.landing .start.shiny-button .start-icon{width:26px;height:26px;border:0;background:transparent;box-shadow:none;color:var(--app-cta-ink)}
@keyframes site-star-twinkle{0%,100%{opacity:.16}50%{opacity:.48}}
.glass-hero-visual{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:1.1;isolation:isolate;overflow:visible;perspective:1000px}
.glass-hero-visual::before{position:absolute;z-index:-1;inset:15% 3%;width:auto;aspect-ratio:auto;content:"";border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--app-glass-reflection) 6%,transparent),transparent 68%);filter:blur(30px);opacity:1;translate:var(--hero-aura-x,0px) var(--hero-aura-y,0px);transition:translate .5s}
.glass-hero-visual::after{display:none}
.planet-depth{position:absolute;inset:-5% -8%;display:grid;place-items:center;translate:var(--hero-core-x,0px) var(--hero-core-y,0px);transition:translate .55s cubic-bezier(.2,.8,.2,1)}
.planet-scene{display:block;width:100%;height:100%;overflow:visible;animation:planet-float 10s ease-in-out infinite}
.planet-ring-back{opacity:.58}
.planet-ring-edge{stroke:var(--app-glass-reflection);stroke-opacity:.28;stroke-width:.8}
.planet-ring-fine{stroke:var(--app-glass-reflection);stroke-opacity:.14;stroke-width:.6}
.planet-inner-edge{stroke:var(--app-glass-reflection);stroke-opacity:.3;stroke-width:.7}
.planet-surface-sheen{opacity:.2;animation:planet-glass-glint 12s ease-in-out infinite}
.planet-aura-ring{stroke:var(--app-glass-reflection);stroke-opacity:.055;stroke-width:.7;transform-origin:350px 260px;animation:planet-aura-breathe 9s ease-in-out infinite}
.planet-outer-track{stroke:var(--app-glass-reflection);stroke-opacity:.08;stroke-width:.6}
.planet-outer-satellite{stroke:var(--app-glass-reflection);stroke-opacity:.8;stroke-width:3;stroke-linecap:round;stroke-dasharray:.12 99.88;animation:planet-orbit 27s linear infinite reverse}
.planet-orbit-trail,.planet-orbit-bead{stroke:var(--app-glass-reflection);stroke-linecap:round;animation:planet-orbit 16s linear infinite}
.planet-orbit-trail{stroke-width:1.6;stroke-opacity:.65;stroke-dasharray:5 29 1 65}
.planet-orbit-bead{stroke-width:4.5;stroke-dasharray:.08 99.92;filter:drop-shadow(0 0 4px var(--app-glass-reflection))}
.planet-atmosphere{transform-origin:350px 260px;animation:planet-atmosphere-drift 42s linear infinite}
.planet-atmosphere>path{stroke:var(--app-glass-reflection);stroke-opacity:.055;stroke-width:1}
.planet-logo{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--app-hero-glow) 35%,transparent)) drop-shadow(0 0 9px color-mix(in srgb,var(--app-hero-glow) 20%,transparent))}
.planet-tag{position:absolute;z-index:2;display:flex;max-width:62%;align-items:center;gap:7px;padding:10px 14px;border:1px solid var(--app-bubble-line);border-radius:999px;background:var(--app-bubble-fill);box-shadow:var(--app-bubble-elevation);color:var(--app-text);font-size:11px;font-weight:550;line-height:1.4;letter-spacing:.015em;backdrop-filter:var(--app-bubble-backdrop);-webkit-backdrop-filter:var(--app-bubble-backdrop);animation:planet-tag-drift 9s ease-in-out infinite}
.planet-tag svg{width:14px;height:14px;flex:none;color:var(--app-icon-accent);opacity:.8}
.planet-tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planet-tag-top{top:7%;right:0}
.planet-tag-bottom{bottom:6%;left:0;animation-duration:11s;animation-direction:reverse}
html[data-light-surface=true] .planet-scene{--app-glass-reflection:var(--app-text)}
.site-footer{min-height:60px;height:auto;flex:none;margin-top:0;border-color:var(--app-glass-edge);font-size:9px;letter-spacing:.05em}
.auth-card,.about-dialog,.profile-wizard,.key-security-dialog,.pricing-dialog,.studio-project-dialog,.workspace-popover,.workspace-home-card,.dashboard-project-grid,.settings-pane:not(.appearance-pane),.appearance-group,.appearance-mode-group{border-color:var(--app-glass-edge);background:var(--app-glass-material);box-shadow:var(--app-glass-elevation);backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%)}
.auth-card,.about-dialog,.profile-wizard{border-radius:26px}
.onboarding-view{background:var(--app-glass-ambient)}
.onboarding-view::before{background:none}
.onboarding-view::after{background:radial-gradient(circle at 12% 19%,var(--app-glass-specular) 0 1px,transparent 1.7px),radial-gradient(circle at 78% 26%,var(--app-glass-specular) 0 1px,transparent 1.7px),radial-gradient(circle at 89% 69%,var(--app-glass-specular) 0 1px,transparent 1.7px)}
.page .onboarding-view{padding:24px}
.onboarding-view .welcome-screen{width:min(100%,760px);min-height:calc(100svh - 48px);padding:52px 20px}
.onboarding-view .welcome-screen::before,.onboarding-view .welcome-screen::after{display:none}
.onboarding-view .welcome-screen .welcome-logo-wrap{width:min(70vw,340px);margin-bottom:40px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--app-glass-reflection) 27%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--app-glass-reflection) 18%,transparent));transition:none}
.onboarding-view .welcome-logo-wrap::before,.onboarding-view .welcome-logo-wrap::after{display:none}
.onboarding-view :is(.welcome-logo,.wizard-brand){--app-icon-accent:var(--app-glass-reflection);display:block;aspect-ratio:629/152;background:var(--app-icon-accent);-webkit-mask:url("assets/deluxe-logo.png") center/contain no-repeat;mask:url("assets/deluxe-logo.png") center/contain no-repeat}
.onboarding-view .welcome-screen h2{font-size:clamp(36px,4.8vw,56px);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.onboarding-view .welcome-screen.is-setup-ready{transform:none}
.onboarding-view .welcome-screen.is-setup-ready .welcome-logo-wrap{width:min(70vw,340px);max-width:none;margin-bottom:40px}
.onboarding-view .welcome-eyebrow{margin-bottom:18px;font-size:10px;font-weight:550;letter-spacing:.12em}
.onboarding-view .welcome-copy-stack{margin-top:24px}
.onboarding-view .welcome-setup-copy{width:min(100%,480px)}
.onboarding-view .welcome-setup-copy>.eyebrow{display:none}
.onboarding-view .welcome-setup-copy h3{font-size:24px;font-weight:500;line-height:1.35;letter-spacing:-.025em;text-wrap:balance}
.onboarding-view .welcome-setup-copy>p{max-width:37ch;margin-top:12px;font-size:14px;line-height:1.75}
.onboarding-view .welcome-journey{gap:0;margin-top:26px}
.onboarding-view .welcome-journey li{position:relative;gap:8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--app-muted);font-size:12px;font-weight:500}
.onboarding-view .welcome-journey li+li{margin-left:20px;padding-left:44px}
.onboarding-view .welcome-journey li+li::before{position:absolute;top:50%;left:0;width:24px;height:1px;background:var(--app-glass-edge);content:""}
.onboarding-view .welcome-journey li span{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--app-glass-edge);border-radius:50%;color:var(--app-text);font-size:10px;font-weight:500;letter-spacing:0}
.onboarding-view .welcome-journey li b{font-weight:500}
.onboarding-view .welcome-journey li:first-child{color:var(--app-text)}
.onboarding-view .welcome-skip{position:fixed;z-index:3;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--app-muted);font-size:12px;font-weight:500;transition:color .25s,background .25s,border-color .25s}
.onboarding-view .welcome-skip:is(:hover,:focus-visible){border-color:var(--app-glass-edge);background:var(--app-bubble-fill);color:var(--app-text)}
.onboarding-view .welcome-cinema-dust{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible;color:var(--app-text);pointer-events:none;opacity:0;transform-origin:50% 35%}
.onboarding-view .welcome-screen.is-active .welcome-cinema-dust{animation:cinema-dust-expand 5s .1s both}
.onboarding-view .welcome-screen .welcome-logo{clip-path:none;filter:none;opacity:0;transform:none}
.onboarding-view .welcome-screen.is-active .welcome-logo{animation:cinema-logo-arrive 1.6s .25s cubic-bezier(.16,1,.3,1) both}
.onboarding-view .welcome-screen.is-active .welcome-logo-wrap{animation:cinema-brand-arrive 2s .15s cubic-bezier(.16,1,.3,1) both}
.onboarding-view .welcome-screen .welcome-logo-wrap::before{display:block;inset:-130% -55%;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--app-glass-reflection) 16%,transparent),transparent 68%);filter:blur(20px);opacity:0;pointer-events:none}
.onboarding-view .welcome-screen.is-active .welcome-logo-wrap::before{animation:cinema-brand-bloom 3.6s ease-out both}
.onboarding-view .welcome-screen .welcome-logo-wrap::after{display:block;top:50%;bottom:auto;left:50%;width:min(130vw,820px);height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--app-glass-reflection) 20%,transparent) 25%,var(--app-glass-reflection) 50%,color-mix(in srgb,var(--app-glass-reflection) 20%,transparent) 75%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--app-glass-reflection) 30%,transparent);opacity:0;transform:translate(-50%,-50%) scaleX(0)}
.onboarding-view .welcome-screen.is-active .welcome-logo-wrap::after{animation:cinema-light-open 2.4s .05s cubic-bezier(.16,1,.3,1) both}
.onboarding-view .welcome-screen .welcome-copy,.onboarding-view .welcome-screen.is-active .welcome-copy{opacity:1;transform:none;animation:none;transition:none}
.onboarding-view .welcome-screen.is-active .welcome-eyebrow{animation:cinema-caption-arrive .8s 1.2s both}
.onboarding-view .welcome-screen.is-active h2{animation:cinema-title-arrive 1.15s 1.5s cubic-bezier(.16,1,.3,1) both;transition:none}
.onboarding-view .welcome-screen.is-active .welcome-intro{animation:cinema-caption-arrive .85s 2.2s both;transition:none}
.onboarding-view .welcome-screen.is-setup-ready .welcome-intro{visibility:hidden;opacity:0;animation:none}
.onboarding-view .welcome-screen.is-setup-ready .welcome-setup-copy{animation:cinema-caption-arrive .7s cubic-bezier(.16,1,.3,1) both;transition:none}
#welcome-title:focus{outline:none!important}
@keyframes cinema-logo-arrive{from{opacity:0}to{opacity:1}}
@keyframes cinema-brand-arrive{from{transform:translateY(24px) scale(1.14)}to{transform:translateY(0) scale(1)}}
@keyframes cinema-title-arrive{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cinema-caption-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes cinema-light-open{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.05)}25%{opacity:.65}65%{opacity:.25}100%{opacity:0;transform:translate(-50%,-50%) scaleX(1)}}
@keyframes cinema-brand-bloom{0%{opacity:0;transform:scale(.5)}35%{opacity:.7}100%{opacity:.25;transform:scale(1.2)}}
@keyframes cinema-dust-expand{0%{opacity:0;transform:scale(.92)}25%{opacity:.4}100%{opacity:.08;transform:scale(1.12)}}
@media(max-height:650px){.onboarding-view .welcome-screen{padding-block:32px}.onboarding-view .welcome-screen:is(.is-active,.is-setup-ready) .welcome-logo-wrap{width:min(52vw,230px);margin-bottom:24px}.onboarding-view .welcome-screen h2{font-size:36px}.onboarding-view .welcome-copy-stack{margin-top:18px}.onboarding-view .welcome-journey{margin-top:18px}.onboarding-view .welcome-setup-copy h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.onboarding-view .welcome-screen.is-active :is(.welcome-logo,.welcome-logo-wrap,.welcome-eyebrow,h2,.welcome-intro,.welcome-setup-copy){animation:none!important;transform:none;opacity:1}.onboarding-view .welcome-screen.is-setup-ready .welcome-intro{opacity:0}.onboarding-view .welcome-screen .welcome-logo-wrap::before,.onboarding-view .welcome-screen .welcome-logo-wrap::after,.onboarding-view .welcome-cinema-dust{display:none}.onboarding-view .welcome-screen.is-active .welcome-logo{clip-path:none;filter:none}}
.onboarding-view .profile-wizard{place-self:center;width:min(520px,100%);height:auto;max-height:calc(100svh - 48px);padding:0;border:1px solid var(--app-glass-edge);border-radius:28px;background:var(--app-bubble-fill);box-shadow:inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 18%,transparent),0 20px 60px var(--app-glass-drop-shadow);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%)}
.onboarding-view .wizard-header{min-height:78px;margin:0;padding:20px 30px;border-bottom:1px solid var(--app-glass-edge)}
.onboarding-view .wizard-back{display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:500}
.onboarding-view .wizard-header .wizard-brand{width:136px;opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--app-glass-reflection) 38%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--app-glass-reflection) 22%,transparent))}
html[data-light-surface=true] .onboarding-view :is(.welcome-logo,.wizard-brand){--app-icon-accent:var(--app-text)}
.onboarding-view .profile-wizard-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 32px 16px}
.onboarding-view .profile-section h2{margin:0;font-size:30px;font-weight:550;line-height:1.2;letter-spacing:-.04em}
.onboarding-view .wizard-description{margin:12px 0 26px;font-size:13px;line-height:1.7}
.onboarding-view .avatar-editor{gap:20px;margin:0 0 28px;padding:18px;border:1px solid var(--app-glass-edge);border-radius:20px;background:var(--app-bubble-field);box-shadow:none}
.onboarding-view .avatar-preview{width:82px;height:82px;flex:none;border:1px solid var(--app-bubble-line);background:var(--app-bubble-fill);color:var(--app-text);font-size:29px;box-shadow:0 0 0 5px color-mix(in srgb,var(--app-text) 3%,transparent),inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 12%,transparent)}
.onboarding-view .avatar-editor>div{min-width:0}
.onboarding-view .avatar-editor p{max-width:28ch;margin-top:9px;font-size:12px;line-height:1.6}
.onboarding-view .avatar-pick{min-height:44px;padding:0 15px;border:1px solid var(--app-glass-edge);border-radius:999px;background:var(--app-bubble-fill);color:var(--app-text);font-size:12px;font-weight:500;text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s}
.onboarding-view .avatar-pick:is(:hover,:focus-visible){transform:scale(1.025);background:var(--app-glass-control-hover);box-shadow:0 3px 14px color-mix(in srgb,var(--app-text) 7%,transparent);text-decoration:none}
.onboarding-view .avatar-crop{border-color:var(--app-glass-edge);border-radius:20px;background:var(--app-bubble-field);box-shadow:none}
.onboarding-view .avatar-crop-actions button{min-height:44px;padding-inline:16px;border-radius:999px;background:var(--app-bubble-fill);font-size:12px;font-weight:500;transition:transform .25s}
.onboarding-view .avatar-crop-actions button:last-child{border-color:var(--app-cta-fill);background:var(--app-cta-fill);color:var(--app-cta-ink)}
.onboarding-view .avatar-crop-actions button:enabled:is(:hover,:focus-visible){filter:none;transform:scale(1.025)}
.onboarding-view .profile-wizard .setup-input:not([aria-invalid=true]){min-height:48px;border-color:var(--app-glass-edge);border-radius:14px;background:var(--app-bubble-field);box-shadow:none;font-size:14px}
.onboarding-view .profile-wizard .setup-input:not([aria-invalid=true]):focus{border-color:var(--app-icon-accent);box-shadow:0 0 0 3px var(--app-focus-ring)}
.onboarding-view .wizard-actions{margin:0;padding:12px 32px 30px}
.page .onboarding-view .onboarding-continue{min-height:48px;padding-inline:20px;border:1px solid var(--app-cta-fill);border-radius:999px;background:var(--app-cta-fill);color:var(--app-cta-ink);font-size:14px;font-weight:600;box-shadow:0 3px 16px color-mix(in srgb,var(--app-cta-fill) 8%,transparent);transition:transform .25s,box-shadow .25s}
.onboarding-view .welcome-screen .onboarding-continue{width:min(100%,290px);min-height:48px;margin-top:28px;font-size:14px}
.page .onboarding-view .onboarding-continue:enabled:is(:hover,:focus-visible){border-color:var(--app-cta-fill);background:var(--app-cta-fill);color:var(--app-cta-ink);transform:scale(1.025);box-shadow:0 5px 24px color-mix(in srgb,var(--app-cta-fill) 16%,transparent)}
.page .onboarding-view .onboarding-continue:enabled:active{transform:scale(.985)}
.onboarding-view .onboarding-continue:disabled{transform:none;box-shadow:none}
.onboarding-view :is(.wizard-back,.onboarding-continue,.avatar-pick,.avatar-adjust,.avatar-remove):focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:4px}
@media(max-width:760px){.page .onboarding-view{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.onboarding-view .onboarding-shell{min-height:0;place-items:center}.onboarding-view .welcome-screen{min-height:calc(100svh - 48px);padding:28px 4px}.onboarding-view .welcome-screen h2{font-size:clamp(34px,8vw,44px)}.onboarding-view .profile-wizard{max-height:calc(100svh - 48px);max-height:calc(100dvh - 48px);border-radius:24px}.onboarding-view .wizard-header{min-height:70px;padding:16px 22px}.onboarding-view .profile-wizard-content{padding:24px 22px 12px}.onboarding-view .wizard-actions{padding:12px 22px 24px}.onboarding-view .avatar-editor{gap:16px;padding:16px}.onboarding-view .avatar-preview{width:68px;height:68px}.onboarding-view .wizard-header .wizard-brand{width:120px}}
@media(max-width:380px){.onboarding-view .avatar-editor{align-items:flex-start;gap:14px;padding:14px}.onboarding-view .avatar-preview{width:56px;height:56px;font-size:24px}.onboarding-view .welcome-journey li+li{margin-left:12px;padding-left:28px}.onboarding-view .welcome-journey li+li::before{width:16px}}
@media(hover:none){.page .onboarding-view .onboarding-continue:enabled:hover,.onboarding-view .avatar-pick:hover,.onboarding-view .avatar-crop-actions button:enabled:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.page .onboarding-view .onboarding-continue,.onboarding-view .avatar-pick,.onboarding-view .avatar-crop-actions button{transition:none}.page .onboarding-view .onboarding-continue:enabled:is(:hover,:focus-visible,:active),.onboarding-view .avatar-pick:is(:hover,:focus-visible),.onboarding-view .avatar-crop-actions button:enabled:is(:hover,:focus-visible){transform:none}}
.auth-story h2{font-size:clamp(38px,4.5vw,62px);line-height:1.12}
.auth-account-note{display:flex;align-items:center;gap:9px;margin:23px 0 0;padding-top:18px;border-top:1px solid var(--app-glass-edge);color:var(--app-muted);font-size:12px;line-height:1.6}
.auth-account-note svg{width:16px;height:16px;flex:none;color:var(--app-icon-muted)}
.auth-card .card-head h3{font-weight:600;letter-spacing:-.035em}
.auth-card .choice{min-height:76px;padding:15px 16px}
.auth-card .choice:hover,.auth-card .choice:focus-visible{transform:translateY(-1px)}
.choice{border-color:var(--app-glass-edge);border-radius:16px;background:color-mix(in srgb,var(--app-surface) 32%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 7%,transparent)}
.choice:hover,.choice:focus-visible{background:color-mix(in srgb,var(--app-glass-brand) 8%,var(--app-glass-panel-fill));border-color:color-mix(in srgb,var(--app-glass-brand) 35%,var(--app-glass-edge))}
.field input,.setup-input,.studio-name-input{border-color:var(--app-glass-specular);border-radius:14px;background:var(--app-bubble-field);box-shadow:inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 16%,transparent),inset 0 -1px color-mix(in srgb,var(--app-glass-reflection) 5%,transparent)}
.workspace-panel{--app-glass-surface:var(--app-glass-panel-fill);--app-glass-line:var(--app-glass-edge);--app-glass-highlight:var(--app-glass-specular);--app-glass-shadow:var(--app-glass-drop-shadow);gap:10px;padding:10px;background:var(--app-glass-ambient)}
.workspace-sidebar{border:1px solid var(--app-glass-edge);border-radius:23px;background:var(--app-glass-material);box-shadow:var(--app-glass-elevation);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.workspace-main{overflow:hidden;border:1px solid var(--app-glass-edge);border-radius:23px;background:color-mix(in srgb,var(--app-surface) 19%,transparent)}
.workspace-topbar{background:color-mix(in srgb,var(--app-surface) 26%,transparent);border-color:var(--app-glass-edge);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.workspace-content{background:transparent}
.workspace-profile-trigger[aria-expanded=true],.settings-nav button[aria-selected=true],.workspace-nav-item.is-active{border-color:var(--app-glass-edge);background:var(--app-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 12%,transparent)}
.workspace-profile-trigger,.workspace-project-add,.settings-nav button{border-radius:10px}
.workspace-popover,.appearance-dropdown.workspace-popover{border-color:var(--app-glass-specular);border-radius:17px;background:var(--app-bg);box-shadow:var(--app-glass-elevation);backdrop-filter:blur(34px) saturate(150%);-webkit-backdrop-filter:blur(34px) saturate(150%)}
.appearance-dropdown-option:hover,.appearance-dropdown-option:focus-visible,.workspace-menu-action:hover{background:color-mix(in srgb,var(--app-text) 8%,transparent)}
.appearance-mode-group,.appearance-group{border-radius:19px}
.appearance-color-control,.appearance-select-trigger{border-color:var(--app-glass-edge);background:color-mix(in srgb,var(--app-inset) 45%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 4%,transparent)}
.settings-pane.appearance-pane{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#workspace-first-project{border-color:var(--app-glass-edge);background:var(--app-glass-material);box-shadow:var(--app-glass-elevation)}
.dashboard-project-grid{border-radius:22px}
.dashboard-project-card{border-radius:16px}
.dashboard-project-card:hover,.dashboard-project-card:focus-within{background:color-mix(in srgb,var(--app-glass-reflection) 6%,transparent)}
.pricing-shell{background:var(--app-bg)}
.pricing-card,.pricing-card:first-child,.pricing-card:last-child,.pricing-card.is-featured{border-color:var(--app-glass-edge);border-radius:21px;background:var(--app-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 13%,transparent)}
.pricing-card.is-selected{border-color:color-mix(in srgb,var(--app-icon-accent) 55%,var(--app-glass-edge));background:color-mix(in srgb,var(--app-glass-brand) 7%,var(--app-glass-panel-fill))}
.studio-project-dialog[open] .studio-connect{background:transparent}
.studio-project-dialog .studio-key-card,.studio-project-dialog .workspace-plugin-download,.studio-project-dialog .studio-connection-guide{border-color:var(--app-glass-edge);border-radius:18px;background:color-mix(in srgb,var(--app-surface) 33%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 8%,transparent)}
.studio-workbench{border-color:var(--app-glass-edge);border-radius:23px;background:var(--app-glass-material);box-shadow:var(--app-glass-elevation);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.studio-composer{border-color:var(--app-glass-specular);border-radius:21px;background:var(--app-glass-material);box-shadow:var(--app-glass-elevation);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.studio-explorer{border-color:var(--app-glass-edge);background:color-mix(in srgb,var(--app-surface) 35%,transparent)}
.studio-chat-message{border-color:var(--app-glass-edge);border-radius:17px;background:color-mix(in srgb,var(--app-surface) 42%,transparent)}
.studio-chat-message.is-user{border-color:var(--app-accent-border);background:color-mix(in srgb,var(--app-glass-brand) 9%,var(--app-glass-panel-fill))}
.studio-plan-preview{border-color:var(--app-glass-edge);border-radius:18px;background:var(--app-glass-material)}
.shiny-button{--app-button-surface:var(--app-bubble-fill);backdrop-filter:var(--app-bubble-backdrop);-webkit-backdrop-filter:var(--app-bubble-backdrop)}
:is(.start,.secondary-submit,.workspace-secondary-button,.studio-download,.studio-revoke).shiny-button{--app-button-background:var(--app-glass-control);border-color:var(--app-glass-edge);background:var(--app-button-background);color:var(--app-text);box-shadow:inset 0 1px var(--app-glass-specular),inset 0 -1px color-mix(in srgb,var(--app-text) 6%,transparent),0 8px 26px var(--app-glass-drop-shadow)}
.shiny-button::before{inset:0;padding:1px;border-radius:inherit;background:conic-gradient(from var(--app-shine-angle),transparent 0% 68%,color-mix(in srgb,var(--app-icon-accent) 55%,transparent) 79%,var(--app-text) 84%,transparent 93% 100%);background-size:auto;-webkit-mask:linear-gradient(var(--app-text) 0 0) content-box,linear-gradient(var(--app-text) 0 0);mask:linear-gradient(var(--app-text) 0 0) content-box,linear-gradient(var(--app-text) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75}
.shiny-button::after,.language-switch::after,.planet-tag::after{position:absolute;z-index:0;inset:1px;top:1px;left:1px;width:auto;height:auto;aspect-ratio:auto;padding:1px;border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(80px 45px at var(--app-glass-pointer-x,50%) var(--app-glass-pointer-y,0%),color-mix(in srgb,var(--app-glass-reflection) 90%,transparent),transparent 85%);-webkit-mask:linear-gradient(var(--app-text) 0 0) content-box,linear-gradient(var(--app-text) 0 0);mask:linear-gradient(var(--app-text) 0 0) content-box,linear-gradient(var(--app-text) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:none;animation:none;transition:opacity .35s}
.language-switch:is(:hover,:focus-within)::after,.planet-tag:hover::after{opacity:.85}
.shiny-button:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible)::before{opacity:1}
.shiny-button:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible)::after{opacity:.25}
.page .submit,.onboarding-view .onboarding-continue,.wizard-actions .onboarding-continue{border-color:var(--app-bubble-line);background:var(--app-glass-control);color:var(--app-text);box-shadow:var(--app-bubble-elevation);backdrop-filter:var(--app-bubble-backdrop);-webkit-backdrop-filter:var(--app-bubble-backdrop)}
.page .submit:enabled:hover,.onboarding-view .onboarding-continue:enabled:hover,.wizard-actions .onboarding-continue:enabled:hover{border-color:var(--app-icon-accent);background:var(--app-glass-control-hover);color:var(--app-text)}
.page[data-app-state=auth] .auth-view{grid-template-columns:minmax(0,1fr) minmax(0,440px);width:min(100%,1100px);margin-inline:auto;gap:clamp(48px,7vw,100px);padding-block:48px 72px}
.page[data-app-state=auth] .auth-story h2{max-width:550px;margin-block:24px 20px;font-size:clamp(40px,4.2vw,58px);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.auth-story>p{max-width:370px;font-size:15px;line-height:1.8;text-wrap:pretty}
.page[data-app-state=auth] .auth-card{padding:32px;border:1px solid var(--app-glass-edge);border-radius:28px;background:var(--app-bubble-fill);box-shadow:inset 0 1px color-mix(in srgb,var(--app-glass-reflection) 17%,transparent),inset 0 -1px color-mix(in srgb,var(--app-glass-reflection) 4%,transparent),0 20px 60px var(--app-glass-drop-shadow);backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%)}
.auth-card>.back{min-height:32px;gap:8px;font-size:12px;font-weight:500}
.auth-card .card-head{margin:24px 0 28px}
.auth-card .card-head h3{margin-bottom:9px;font-size:28px;font-weight:550;line-height:1.2;letter-spacing:-.04em}
.auth-card .card-head p{font-size:13px;line-height:1.65}
.auth-card .choices{gap:12px}
.auth-card .choice{gap:14px;min-height:68px;padding:14px 17px;border-radius:18px;background:var(--app-bubble-fill);box-shadow:none}
.auth-card .choice-icon{width:28px;height:28px;border:0;border-radius:0;background:transparent;color:inherit}
.auth-card .choice-icon svg{width:22px;height:22px}
.auth-card .choice-copy strong{font-size:14px;font-weight:550}
.auth-card .choice-copy small{margin-top:4px;font-size:11px}
.auth-card .choice[data-mode=login]{border-color:var(--app-cta-fill);background:var(--app-cta-fill);color:var(--app-cta-ink)}
.auth-card .choice[data-mode=login] .choice-copy strong{color:inherit}
.auth-card .choice[data-mode=login] :is(.choice-copy small,.choice-arrow){color:color-mix(in srgb,var(--app-cta-ink) 70%,transparent)}
.auth-card .choice:is(:hover,:focus-visible){transform:scale(1.025);border-color:var(--app-bubble-line);background:var(--app-glass-control-hover);box-shadow:0 6px 20px color-mix(in srgb,var(--app-text) 8%,transparent)}
.auth-card .choice[data-mode=login]:is(:hover,:focus-visible){border-color:var(--app-cta-fill);background:var(--app-cta-fill);box-shadow:0 3px 20px color-mix(in srgb,var(--app-cta-fill) 14%,transparent)}
.auth-card .choice-arrow{transition:transform .25s}
.auth-card .choice:is(:hover,:focus-visible) .choice-arrow{transform:translateX(3px)}
.auth-card .auth-form{gap:18px}
.auth-card .field{gap:9px}
.auth-card .field label{font-size:12px;font-weight:500;color:var(--app-text)}
.auth-card .field input:not([aria-invalid=true]){height:48px;border-color:var(--app-glass-edge);background:var(--app-bubble-field);box-shadow:none}
.auth-card .field input:not([aria-invalid=true]):is(:hover,:focus){border-color:var(--app-bubble-line)}
.auth-card .field input:not([aria-invalid=true]):focus{border-color:var(--app-icon-accent);box-shadow:0 0 0 3px var(--app-focus-ring)}
.auth-card .error:empty{display:none}
.auth-card .reveal{font-size:11px;font-weight:500}
.auth-card :is(.generate-password,.copy-password){min-height:28px;padding:2px 0;border:0;background:transparent;box-shadow:none;font-weight:500}
.page .auth-card :is(#submit,#verify-submit){position:relative;min-height:46px;margin-top:4px;padding:12px 44px;border:1px solid var(--app-cta-fill);border-radius:999px;background:var(--app-cta-fill);color:var(--app-cta-ink);box-shadow:0 2px 12px color-mix(in srgb,var(--app-cta-fill) 5%,transparent);font-size:14px;font-weight:600;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .25s,box-shadow .25s}
.page .auth-card :is(#submit,#verify-submit)::after{position:absolute;right:21px;top:50%;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;content:"";transform:translateY(-50%) rotate(45deg);transition:translate .25s}
.page .auth-card :is(#submit,#verify-submit):enabled:is(:hover,:focus-visible){background:var(--app-cta-fill);color:var(--app-cta-ink);border-color:var(--app-cta-fill);box-shadow:0 4px 22px color-mix(in srgb,var(--app-cta-fill) 17%,transparent);transform:scale(1.025)}
.page .auth-card :is(#submit,#verify-submit):enabled:is(:hover,:focus-visible)::after{translate:3px 0}
.page .auth-card :is(#submit,#verify-submit):disabled{opacity:.6;transform:none;box-shadow:none}
.auth-card .divider{margin:24px 0;color:var(--app-muted);font-size:11px}
.auth-card .divider::before,.auth-card .divider::after{background:var(--app-glass-edge)}
.auth-card .switch{margin-top:24px;font-size:12px;line-height:1.6}
.auth-card .auth-account-note{justify-content:center;gap:7px;margin-top:24px;padding-top:20px;border-color:var(--app-glass-edge);font-size:11px}
.page[data-app-state=auth] .auth-card{isolation:isolate;transition:border-color .35s,box-shadow .35s,background .35s}
.page[data-app-state=auth] .auth-card>:is(.back,#choice-panel,#form-panel,#verification-panel){position:relative;z-index:1}
.auth-card .choice{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}
.auth-card .choice>:is(.choice-icon,.choice-copy,.choice-arrow){position:relative;z-index:1}
.auth-card .choice[data-mode=register]:is(:hover,:focus-visible){border-color:var(--app-bubble-line);background:color-mix(in srgb,var(--app-text) 5%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--app-text) 14%,transparent),0 5px 20px color-mix(in srgb,var(--app-text) 4%,transparent)}
.page .auth-card :is(.choice,#submit,#verify-submit):enabled:active{transform:scale(.985)}
.page .auth-card :is(#submit,#verify-submit){overflow:hidden;isolation:isolate}
.auth-card .field>label{transition:color .25s}
.auth-card .field>label::after{display:inline-block;width:4px;height:4px;margin-inline-start:8px;border-radius:50%;background:var(--app-icon-accent);box-shadow:0 0 8px var(--app-icon-accent);content:"";opacity:0;transform:scale(.5);transition:opacity .25s,transform .25s}
.auth-card .field:focus-within>label::after{opacity:1;transform:scale(1)}
.auth-card .field:has(input[aria-invalid=true])>label::after{background:var(--app-danger);box-shadow:0 0 8px var(--app-danger)}
.auth-card .switch button{text-decoration:none;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .25s}
.auth-card .switch button:is(:hover,:focus-visible){text-decoration:underline}
@media(prefers-reduced-motion:reduce){.auth-card .choice,.auth-card .field>label::after{transition:none}}
@media(hover:none){.auth-card .choice:hover,.page .auth-card :is(#submit,#verify-submit):enabled:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.page .auth-card :is(.choice,#submit,#verify-submit):enabled:active{transform:none}}
@media(max-width:760px){.page[data-app-state=auth] .auth-view{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:28px 48px}.page[data-app-state=auth] .auth-story h2{max-width:440px;margin:16px auto 14px;font-size:clamp(34px,7vw,44px)}.page[data-app-state=auth] .auth-story>p{max-width:360px;margin-inline:auto;font-size:13px}.page[data-app-state=auth] .auth-card{width:min(100%,440px);padding:26px;border-radius:24px}}
@media(max-width:440px){.page[data-app-state=auth] .auth-card{padding:23px 20px}.auth-card .card-head h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.auth-card .choice-arrow,.page .auth-card :is(#submit,#verify-submit)::after{transition:none}.auth-card .choice:is(:hover,:focus-visible),.auth-card .choice:is(:hover,:focus-visible) .choice-arrow,.page .auth-card :is(#submit,#verify-submit):enabled:is(:hover,:focus-visible){transform:none}.page .auth-card :is(#submit,#verify-submit):enabled:is(:hover,:focus-visible)::after{translate:none}}
@media(forced-colors:active){.masthead .brand-logo{opacity:1}.masthead .brand::after{display:none}.landing .intro h1>[data-i18n=heroLead],.landing .studio-letters{background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:none;animation:none}.landing .studio-mark{background:transparent;color:currentColor;animation:none;filter:none}}
@keyframes planet-glass-glint{0%,100%{opacity:.12}50%{opacity:.3}}
@keyframes planet-aura-breathe{0%,100%{opacity:.45;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}
@keyframes planet-tag-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes planet-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-13px) rotate(1.5deg)}}
@keyframes planet-orbit{to{stroke-dashoffset:-100}}
@keyframes planet-atmosphere-drift{to{transform:rotate(360deg)}}
@media(min-width:1440px){.landing{gap:28px 65px;padding-block:44px}.glass-hero-visual{max-height:570px}}
@media(max-width:1050px){.frame{width:calc(100% - 48px)}.landing{gap:20px}.landing .intro h1{font-size:clamp(38px,5vw,54px)}}
@media(max-width:760px){.masthead{height:65px;margin-top:14px;padding-inline:0;border-radius:21px}.brand-logo{width:142px}.landing{grid-template-columns:minmax(0,1fr);gap:28px;padding:38px 0 28px}.intro{max-width:600px;padding:0;text-align:center;justify-self:center}.hero-eyebrow{justify-content:center;margin-bottom:22px}.hero-description{margin:20px auto 0;font-size:13px}.landing-workflow{width:100%;padding:21px}.workflow-heading{align-items:flex-start;flex-direction:column;gap:5px}.workflow-steps{grid-template-columns:1fr;gap:18px;margin-top:22px}.workflow-steps li,.workflow-steps li:first-child,.workflow-steps li:last-child{padding:0;border-left:0}.workflow-steps p{max-width:none}.auth-benefits{gap:17px;margin-top:26px}.landing .intro h1{max-width:none;font-size:clamp(38px,7vw,56px)}.landing .studio-title{margin-inline:auto}.glass-hero-visual{width:min(100%,500px);max-width:100%;height:auto;aspect-ratio:1.4;justify-self:center;margin-top:12px}.planet-depth{inset:-8% -2%}.planet-tag{padding:9px 12px;font-size:10px}.planet-tag-top{top:1%;right:1%}.planet-tag-bottom{bottom:1%;left:1%}.site-footer{min-height:59px;font-size:8px}.auth-view{grid-template-columns:1fr;gap:26px;padding-top:35px}.auth-story h2{font-size:42px}.workspace-panel{gap:7px;padding:7px}.workspace-sidebar,.workspace-main{border-radius:19px}}
@media(max-width:680px){.workspace-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.workspace-sidebar{border:1px solid var(--app-glass-edge);padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:7px}.workspace-main{min-height:0}.workspace-topbar{min-height:48px}.workspace-content{padding-top:27px}.pricing-dialog{border-radius:23px}.profile-wizard{border-radius:0}.auth-card{padding:25px;border-radius:23px}}
@media(max-width:440px){.frame{width:calc(100% - 28px)}.masthead{height:62px;padding-inline:0}.brand-logo{width:136px}.landing{padding-top:36px}.hero-eyebrow{font-size:10px}.hero-description{max-width:35ch;font-size:13px}.hero-access{font-size:12px}.landing-workflow{padding:19px 17px;border-radius:19px}.workflow-heading h2{font-size:15px}.landing .intro h1{font-size:clamp(33px,8.6vw,38px);letter-spacing:-.05em}.landing .studio-title{letter-spacing:-.05em}.glass-hero-visual{aspect-ratio:1.25}.planet-tag{padding:8px 10px;font-size:10px;gap:5px}.planet-tag svg{width:12px;height:12px}.site-footer{font-size:7px;letter-spacing:.025em}}
@media(prefers-reduced-motion:reduce){.site-stars g,.landing .studio-letters,.landing .studio-mark,.planet-tag,.planet-aura-ring,.planet-outer-satellite,.planet-surface-sheen,.planet-scene,.planet-orbit-trail,.planet-orbit-bead,.planet-atmosphere{animation:none!important}.planet-depth,.glass-hero-visual::before{transition:none;translate:none}.language-switch::after,.planet-tag::after{display:none}}
@media(prefers-reduced-transparency:reduce){:root{--app-glass-panel-fill:var(--app-bg);--app-glass-material:var(--app-bg);--app-bubble-fill:var(--app-bg);--app-bubble-backdrop:none;--app-glass-control-hover:var(--app-bg);--app-bubble-field:var(--app-bg)}.landing-workflow,.language-switch,.planet-tag,.auth-card,.profile-wizard,.workspace-sidebar,.workspace-topbar,.workspace-popover,.appearance-dropdown.workspace-popover,.dashboard-project-grid,.settings-pane,.appearance-group,.appearance-mode-group,.pricing-dialog,.key-security-dialog,.studio-project-dialog,.studio-workbench,.studio-composer,.shiny-button{backdrop-filter:none;-webkit-backdrop-filter:none}.cta-backdrop{display:none}.language-switch,.planet-tag{background:var(--app-surface)}.masthead .brand-logo{opacity:1}.masthead .brand::after{display:none}.landing .intro h1>[data-i18n=heroLead],.landing .studio-letters{background:none;-webkit-text-fill-color:var(--app-text);-webkit-text-stroke:0;text-shadow:none}.page .shiny-button,.onboarding-view .shiny-button,.page .submit,.onboarding-view .onboarding-continue,.wizard-actions .onboarding-continue{--app-button-background:var(--app-surface);background:var(--app-surface)}.workspace-main{background:var(--app-bg)}.workspace-popover,.appearance-dropdown.workspace-popover{background:var(--app-raised)}}
.profile-connections{margin-top:30px}
.profile-connections h3{margin:0 0 8px;color:var(--app-text);font-size:14px;font-weight:550}
:root{--app-google-blue:#4285f4;--app-google-green:#34a853;--app-google-yellow:#fbbc05;--app-google-red:#ea4335;--app-google-surface:#fff;--app-google-ink:#1f1f1f;--app-google-line:#dadce0}
.profile-connections .connection-identity{display:flex;align-items:center;gap:13px;flex:1;min-width:0}
.connection-identity>div{display:grid;gap:4px;min-width:0}
.profile-connections .connection-brand-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;margin:0;border:0;background:transparent;box-shadow:none}
.connection-brand-icon>svg{width:23px;height:23px}
.connection-brand-roblox{--app-icon-accent:var(--app-glass-reflection)}
.connection-brand-icon>.connection-roblox-mark{display:block;width:23px;height:23px;margin:0;background:var(--app-icon-accent);-webkit-mask:url("assets/roblox-studio-mark.png") center/contain no-repeat;mask:url("assets/roblox-studio-mark.png") center/contain no-repeat}
.connection-status{flex:none;max-width:100%;padding:5px 9px;border:1px solid var(--app-glass-edge);border-radius:999px;color:var(--app-muted);font-size:11px;line-height:1.5;white-space:nowrap}
.security-profile-feedback{margin:18px 0 0;padding:12px 14px;border:1px solid var(--app-glass-edge);border-radius:12px;color:var(--app-text);font-size:13px;line-height:1.6}
.account-security-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100svh - 32px);margin:auto;padding:28px;border:1px solid var(--app-glass-edge);border-radius:24px;background:var(--app-glass-material);color:var(--app-text);box-shadow:var(--app-glass-elevation);overflow-y:auto;overscroll-behavior:contain;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.account-security-dialog::backdrop{background:color-mix(in srgb,var(--app-bg) 76%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.account-security-dialog form{display:grid;gap:20px}
.account-security-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-security-dialog header h2{margin:0;font-size:24px;font-weight:550;letter-spacing:-.035em}
.account-security-dialog .studio-dialog-close{position:static;flex:none;width:44px;min-height:44px}
#account-security-description{margin:0;color:var(--app-muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#account-security-fields{display:grid;gap:16px;min-width:0;margin:0;padding:0;border:0}
.security-field{display:grid;gap:8px;color:var(--app-text);font-size:12px;font-weight:500}
.security-field input{width:100%;min-width:0;height:46px;padding:0 13px;border:1px solid var(--app-glass-edge);border-radius:12px;background:var(--app-bg);color:var(--app-text);font:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}
.security-field input:focus{border-color:var(--app-icon-accent);box-shadow:0 0 0 3px var(--app-focus-ring)}
.security-field input[aria-invalid=true]{border-color:var(--app-danger);box-shadow:0 0 0 3px var(--app-danger-ring)}
#security-code{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:.3em;text-align:center}
.security-dialog-feedback{margin:0;color:var(--app-danger-ink);font-size:12px;line-height:1.6}
.security-code-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--app-muted);font-size:11px}
.security-code-tools button{min-height:44px;padding:0;border:0;background:transparent;color:var(--app-text);font:inherit;font-size:12px;cursor:pointer}
.security-code-tools button:disabled{color:var(--app-muted);cursor:default}
.account-security-dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.account-security-dialog footer button{display:inline-flex;align-items:center;justify-content:center;width:auto;height:44px;min-height:44px;margin:0;padding:0 18px;border-radius:999px;font-size:13px;font-weight:550;line-height:1.2;transition:transform .25s,box-shadow .25s,border-color .25s}
.account-security-dialog footer .workspace-primary-button{border:1px solid var(--app-cta-fill);background:var(--app-cta-fill);color:var(--app-cta-ink)}
.account-security-dialog footer .workspace-secondary-button{border-color:var(--app-glass-edge);background:var(--app-bg);color:var(--app-text)}
.account-security-dialog footer button:enabled:hover{transform:scale(1.025)}
.account-security-dialog button:disabled{cursor:wait;opacity:.6;transform:none}
.account-security-dialog button:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:3px}
.account-security-dialog[open]{animation:account-dialog-enter .28s cubic-bezier(.16,1,.3,1) both}
.password-visibility-control{position:relative;display:block;width:100%;min-width:0}
.password-visibility-control .password-visibility-input{padding-inline-end:52px}
.password-visibility-toggle{position:absolute;top:50%;right:2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--app-muted);cursor:pointer;transform:translateY(-50%);transition:color .2s}
.password-visibility-toggle:is(:hover,:focus-visible){color:var(--app-text)}
.password-visibility-toggle:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:-3px}
.password-visibility-toggle svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.password-visibility-toggle .visibility-slash{display:none}
.password-visibility-toggle[aria-pressed=true] .visibility-slash{display:block}
:is(.account-security-dialog,.key-security-dialog) .password-visibility-toggle:disabled{transform:translateY(-50%);cursor:default;opacity:.4}
@keyframes account-dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.account-security-dialog[open]{animation:none}.password-visibility-toggle{transition:none}}
@media(max-width:480px){.account-security-dialog{padding:22px}.account-security-dialog footer button{flex:1}}
@media(prefers-reduced-motion:reduce){.security-field input,.account-security-dialog footer button{transition:none}.account-security-dialog footer button:enabled:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.account-security-dialog{background:var(--app-bg);backdrop-filter:none;-webkit-backdrop-filter:none}.account-security-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
#settings-profile .settings-row>.workspace-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin:0;padding:0 12px;border:1px solid var(--app-cta-fill);border-radius:9px;background:var(--app-cta-fill);color:var(--app-cta-ink);font-size:11px;font-weight:550;box-shadow:none;transition:opacity .16s}
#settings-profile .settings-row>.workspace-secondary-button:enabled:hover{background:var(--app-cta-fill);color:var(--app-cta-ink);opacity:.88}
#settings-profile .settings-row>.workspace-secondary-button:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#settings-profile .settings-row>.workspace-secondary-button{transition:none}}
@media(pointer:coarse){#settings-profile .settings-row>.workspace-secondary-button{min-height:44px}}
.account-sessions-dialog{width:min(660px,calc(100% - 32px))}
.account-sessions-dialog[open]{display:flex;flex-direction:column;gap:20px}
.sessions-description{margin:0;color:var(--app-muted);font-size:13px;line-height:1.7}
.sessions-status{margin:0;color:var(--app-muted);font-size:13px;line-height:1.6}
.sessions-status[data-error=true]{color:var(--app-danger-ink)}
.account-sessions-list{min-height:0;max-height:54svh;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;scrollbar-width:thin;scrollbar-color:var(--app-line) transparent}
.account-session-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px 0;border-top:1px solid var(--app-glass-edge)}
.account-session-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--app-glass-edge);border-radius:12px;background:var(--app-bubble-fill);color:var(--app-text)}
.account-session-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.account-session-copy{min-width:0}
.account-session-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.account-session-heading strong{color:var(--app-text);font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}
.session-current-badge{padding:3px 7px;border:1px solid var(--app-glass-edge);border-radius:999px;color:var(--app-icon-accent);font-size:10px;line-height:1.4;white-space:nowrap}
.account-session-copy p{margin:6px 0 0;color:var(--app-muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.session-revoke-button{min-height:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--app-danger-ink);font:inherit;font-size:12px;cursor:pointer;transition:background .2s}
.session-revoke-button:enabled:hover{background:var(--app-danger-bg)}
.session-revoke-button:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:3px}
.session-revoke-button:disabled{opacity:.55;cursor:wait}
.account-sessions-dialog #sessions-revoke-others{background:transparent;color:var(--app-danger-ink);border-color:var(--app-glass-edge)}
.account-sessions-dialog #sessions-revoke-others:enabled:hover{background:var(--app-danger-bg)}
@media(max-width:600px){.account-session-row{grid-template-columns:34px minmax(0,1fr);gap:12px}.account-session-icon{width:34px;height:34px}.session-revoke-button{grid-column:2;justify-self:start;padding-inline:12px}.account-session-copy p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.session-revoke-button{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--app-glass-panel-fill:var(--app-bg)}.workspace-popover,.appearance-dropdown.workspace-popover{background:var(--app-raised)}}
.appearance-preview-action{display:inline-flex;align-items:center;min-height:32px;padding:7px 13px;border-radius:999px;background:var(--preview-accent,var(--app-accent));color:var(--preview-ink,var(--app-accent-ink));font-size:11px;font-weight:600;line-height:1.5}
.appearance-import-dialog{box-sizing:border-box;width:min(550px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:28px;border:1px solid var(--app-line);border-radius:24px;background:var(--app-bg);color:var(--app-text);box-shadow:var(--app-glass-elevation);font-family:var(--app-font-family);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.appearance-import-dialog[open]{animation:asset-dialog-in .25s ease-out}
.appearance-import-dialog::backdrop{background:color-mix(in srgb,var(--app-bg) 65%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.appearance-import-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.asset-eyebrow{color:var(--app-muted);font-size:9px;font-weight:600;letter-spacing:.15em}
.appearance-import-dialog h2{margin:8px 0 0;font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.04em}
.asset-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--app-line);border-radius:50%;background:transparent;color:var(--app-muted);font:24px/1 var(--app-font-family);cursor:pointer;transition:transform .2s,color .2s,border-color .2s}
.asset-close:hover{color:var(--app-text);border-color:var(--app-muted);transform:rotate(90deg)}
.asset-description{margin:14px 0 22px;font-size:12px;line-height:1.8;color:var(--app-muted)}
.asset-drop-zone{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;border:1px dashed var(--app-line);border-radius:18px;background:var(--app-bg);transition:border-color .2s,transform .2s,background-color .2s}
.asset-drop-zone>svg{width:26px;height:26px;color:var(--app-muted)}
.asset-drop-zone>span{color:var(--app-muted);font-size:11px}
.asset-drop-zone.is-dragging{border-color:var(--app-icon-accent);background:var(--app-inset);transform:scale(1.01)}
.appearance-import-dialog .workspace-secondary-button{min-height:44px;margin:0;padding:9px 16px;border-radius:999px;transform:none;transition:transform .2s,background-color .2s,border-color .2s}
.appearance-import-dialog .workspace-secondary-button:enabled:hover{transform:scale(1.025)}
.appearance-import-dialog .appearance-save{background:var(--app-accent);color:var(--app-accent-ink);border-color:var(--app-accent)}
.appearance-import-dialog label{display:block;margin:20px 0 9px;font-size:12px;font-weight:500}
.appearance-import-dialog input[type=text]{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-bg);color:var(--app-text);font:13px/1.6 var(--app-font-family);transition:border-color .2s}
.asset-detail{margin:10px 0 0;color:var(--app-muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.asset-status{min-height:20px;margin:16px 0;color:var(--app-muted);font-size:12px;line-height:1.7}
.asset-status:empty{min-height:0;margin:0}
.asset-status.is-error{color:var(--app-danger-ink)}
.font-library-list{margin:18px 0 0;padding:0;max-height:48svh;overflow-y:auto;list-style:none;scrollbar-width:thin;overscroll-behavior:contain}
.font-library-list li{display:flex;align-items:center;gap:8px;min-height:60px;padding:5px 0;border-bottom:1px solid var(--app-line)}
.font-library-list .asset-empty{padding:22px 0;border:0;color:var(--app-muted);font-size:13px;line-height:1.7}
.font-library-choice{position:relative;display:flex;flex:1;min-width:0;min-height:50px;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 40px 10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--app-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s}
.font-library-choice strong{font-size:13px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}
.font-library-choice span{color:var(--app-muted);font-size:10px;line-height:1.5}
.font-library-choice:enabled:hover{background:var(--app-inset);transform:translateX(2px)}
.font-library-choice[aria-pressed=true]{border-color:var(--app-line);background:var(--app-inset)}
.font-library-choice[aria-pressed=true]::after{position:absolute;right:14px;top:50%;content:"✓";transform:translateY(-50%);color:var(--app-icon-accent);font-size:14px}
.asset-remove{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--app-danger-ink);cursor:pointer;transition:background-color .2s}
.asset-remove svg{width:18px;height:18px}
.asset-remove:enabled:hover{background:var(--app-danger-bg)}
.appearance-import-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--app-line)}
.appearance-import-dialog footer>span{max-width:210px;color:var(--app-muted);font-size:11px;line-height:1.6}
.appearance-import-dialog footer>div{display:flex;gap:8px;flex-shrink:0}
.appearance-import-dialog :is(button,input,textarea,summary):focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:3px}
.appearance-import-dialog button:disabled{opacity:.45;cursor:default}
@keyframes asset-dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.appearance-row:has(#appearance-font){flex-wrap:wrap}.appearance-row:has(#appearance-font) .appearance-controls{flex-wrap:wrap;max-width:100%}.appearance-controls .appearance-icon-button{min-width:44px;min-height:44px}.appearance-import-dialog{padding:22px 18px;border-radius:22px}.appearance-import-dialog footer{align-items:flex-start;flex-direction:column}.appearance-import-dialog footer>span{max-width:none}.appearance-import-dialog footer>div{width:100%}.appearance-import-dialog footer button{flex:1}}
@media(prefers-reduced-motion:reduce){.appearance-import-dialog[open]{animation:none}.appearance-import-dialog *{transition:none!important}}
.auth-legal-note{margin:14px 0;color:var(--app-muted);font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.auth-legal-note a,.studio-data-link{color:var(--app-text);text-decoration:underline;text-underline-offset:3px}
.studio-data-link{display:inline-block;margin:5px 0;font-size:11px;line-height:1.7}
.legal-site-footer{display:grid;grid-template-columns:1fr auto;gap:28px 64px;align-items:start;padding:30px 0 18px;text-transform:none;letter-spacing:normal}
.legal-site-footer nav{display:flex;flex-direction:column;gap:2px;min-width:220px}
.legal-site-footer nav h2{margin:0 0 8px;color:var(--app-text);font-size:12px;font-weight:550;line-height:1.7;letter-spacing:normal}
.legal-site-footer nav a{display:flex;align-items:center;min-height:32px;color:var(--app-muted);text-decoration:none;font-size:12px;line-height:1.6;transition:color .18s}
.legal-site-footer nav a:hover{color:var(--app-text)}
.legal-footer-bottom{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px 32px;padding-top:16px;border-top:1px solid var(--app-line);color:var(--app-muted);font-size:10px;line-height:1.7}
.legal-footer-bottom p{margin:0;max-width:55ch;text-align:right}
.settings-data-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}
.settings-data-actions>a{font-size:12px;color:var(--app-text)}
.legal-check,.appearance-import-dialog label.legal-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:18px 0;color:var(--app-muted);font-size:12px;line-height:1.7;cursor:pointer}
.legal-check input{flex:0 0 16px;width:16px;height:16px;margin:3px 0 0;accent-color:var(--app-accent)}
:root{--app-font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-legal-page] body>.page{display:none}
.legal-page{background:var(--app-bg);color:var(--app-text)}
.legal-shell{width:min(1080px,calc(100% - 48px));margin:auto}
.legal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--app-line)}
.legal-brand{display:inline-flex;align-items:center;min-height:44px;width:fit-content;color:var(--app-text);text-decoration:none}
.legal-brand-mark{display:block;width:170px;aspect-ratio:629/152;background:var(--app-icon-accent);mask:url('/assets/deluxe-logo.png') center/contain no-repeat;-webkit-mask:url('/assets/deluxe-logo.png') center/contain no-repeat}
.legal-brand:focus-visible,.legal-languages button:focus-visible,.legal-site-footer a:focus-visible,.legal-footer a:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:4px;border-radius:4px}
.legal-languages{display:flex;gap:4px}
.legal-languages button{min-width:44px;min-height:44px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--app-muted);font:inherit;font-size:11px;transition:color .32s ease,border-color .32s ease}
.legal-languages button[aria-pressed=true]{border-color:var(--app-line);color:var(--app-text)}
.legal-layout{max-width:740px;margin:auto;padding:32px 0 64px}
.legal-nav{display:flex;flex-wrap:wrap;gap:6px 24px;margin-bottom:40px;border-bottom:1px solid var(--app-line)}
.legal-nav a{display:flex;align-items:center;min-height:44px;padding:8px 0;border-bottom:1px solid transparent;color:var(--app-muted);font-size:12px;line-height:1.6;text-decoration:none;transition:color .18s,border-color .18s}
.legal-nav a:hover,.legal-nav a[aria-current=page]{border-color:var(--app-text);color:var(--app-text)}
.legal-content{min-width:0}
.legal-content .legal-version{margin:0 0 12px;color:var(--app-muted);font-size:11px}
.legal-content h1{margin:0 0 36px;font-size:clamp(29px,4vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.25}
.legal-content h2{margin:30px 0 10px;font-size:17px;line-height:1.6;font-weight:550}
.legal-content p{color:var(--app-muted);font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.legal-content .legal-config-notice{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--app-line);font-size:11px;line-height:1.8}
#legal-operator{margin-top:28px}
#legal-operator:empty{display:none}
.legal-content a{color:var(--app-text);text-underline-offset:3px}
.legal-nav a:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:3px}
.legal-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--app-line);color:var(--app-muted);font-size:11px}
.legal-footer a{color:var(--app-text);text-decoration:none}
@media(max-width:700px){.legal-shell{width:calc(100% - 32px)}.legal-layout{padding-top:20px}.legal-nav{gap:6px 18px;margin-bottom:30px}.legal-nav a{font-size:11px}.legal-header{padding:20px 0}.legal-site-footer{gap:24px;padding-top:24px}.legal-site-footer nav{min-width:0}.legal-site-footer nav a{min-height:44px}.legal-site-footer .legal-brand-mark{width:140px}.legal-footer-bottom{flex-wrap:wrap}.legal-footer-bottom p{text-align:left;max-width:none}}
@media(max-width:460px){.legal-site-footer{grid-template-columns:1fr}.legal-content h1{margin-bottom:28px}.legal-content p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.legal-nav a,.legal-site-footer nav a,.legal-languages button{transition:none}}
.workspace-sidebar-bottom{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding-top:12px}
.workspace-sidebar-bottom>.workspace-profile-trigger{display:inline-flex;flex:none;width:36px;height:36px;min-height:36px;justify-content:center;gap:0;padding:3px;border:1px solid transparent;border-radius:50%;background:transparent;transform:none}
.workspace-sidebar-bottom>.workspace-profile-trigger .profile-avatar{width:28px;height:28px;font-size:11px}.workspace-sidebar-bottom>.workspace-profile-trigger:is(:hover,[aria-expanded=true]){border-color:var(--app-line);background:var(--app-hover)}
.workspace-resource-trigger{display:inline-flex;flex:none;width:36px;height:36px;min-height:36px;align-items:center;justify-content:center;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--app-muted);font:inherit;cursor:pointer;transition:background .18s,color .18s}
.workspace-resource-trigger:hover,.workspace-resource-trigger[aria-expanded=true]{background:var(--app-hover);color:var(--app-text)}
.workspace-resource-trigger svg{width:18px;height:18px;flex:none}
.usage-popover{width:272px;max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);overflow-y:auto;padding:12px;transform-origin:bottom left;background:var(--app-bg)}
.profile-popover{max-height:calc(100svh - 16px);overflow-y:auto}
.usage-popover>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:13px;border-bottom:1px solid var(--app-line)}
.usage-popover>header>span:first-child{width:100%;color:var(--app-muted);font-size:10px}.usage-popover>header>strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}
.usage-popover .workspace-plan-badge{margin:0;padding:4px 7px;border:1px solid var(--app-line);border-radius:6px;color:var(--app-muted);font-size:10px}
.usage-popover dl{display:grid;gap:5px;margin:12px 0}.usage-popover dl>div{display:flex;min-height:30px;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.usage-popover dt{color:var(--app-muted)}.usage-popover dd{margin:0;font-variant-numeric:tabular-nums}
.usage-popover>p{margin:8px 0 12px;color:var(--app-muted);font-size:10px;line-height:1.6}.usage-popover>.workspace-menu-action{min-height:44px;justify-content:space-between;padding:10px 0 0;border-top:1px solid var(--app-line);border-radius:0}.usage-popover>.workspace-menu-action svg{width:16px;height:16px}
.settings-pane.usage-pane{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.settings-pane.usage-pane>p{margin-bottom:20px}
.usage-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.usage-project-field{display:grid;min-width:0;flex:1;max-width:370px;gap:8px}.usage-project-field label{color:var(--app-muted);font-size:11px}
.usage-project-field select{width:100%;min-width:0;min-height:44px;padding:10px 34px 10px 13px;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--app-line);border-radius:11px;background:var(--app-bg);color:var(--app-text);font:inherit;font-size:12px;color-scheme:inherit}
.usage-pane .workspace-secondary-button{min-height:44px;padding:10px 14px;border-radius:10px}.usage-pane button:disabled{cursor:not-allowed;opacity:.45}
.usage-status{min-height:18px;margin:0 0 20px;color:var(--app-muted);font-size:10px;line-height:1.7}.usage-status.is-error{color:var(--app-danger-ink)}
.usage-tabs{display:flex;width:max-content;gap:4px;margin:24px 0 30px;padding:4px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-bg)}
.usage-tabs button,.usage-periods button{min-height:36px;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:var(--app-muted);font:inherit;font-size:11px;cursor:pointer;transition:color .18s,background .18s}
.usage-tabs button[aria-selected=true],.usage-periods button[aria-pressed=true]{background:var(--app-hover);color:var(--app-text)}.usage-tabs button:hover,.usage-periods button:hover{color:var(--app-text)}
.usage-section{margin:0 0 32px}.usage-section h3{margin:0;color:var(--app-text);font-size:13px;font-weight:600;line-height:1.5;letter-spacing:-.01em}.usage-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.usage-status-badge{padding:4px 8px;border:1px solid var(--app-line);border-radius:999px;color:var(--app-muted);font-size:9px}.usage-card{padding:20px;border:1px solid var(--app-line);border-radius:16px;background:var(--app-bg)}
.usage-plan-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.usage-plan-card>div>strong{font-size:24px;font-weight:550;letter-spacing:-.04em}.usage-plan-card p,.usage-credit-row p{margin:7px 0 0;color:var(--app-muted);font-size:11px;line-height:1.6}
.usage-note{margin:9px 0 14px;color:var(--app-muted);font-size:11px;line-height:1.75}.usage-section>.usage-card+.usage-note{margin:10px 0 0}.usage-limits{margin-top:14px;display:grid;gap:22px}.usage-limit>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.usage-limit strong{font-weight:550}.usage-limit-status{color:var(--app-muted);font-size:10px}
.usage-meter{height:5px;margin:12px 0 9px;border:1px dashed var(--app-line);border-radius:999px;background:var(--app-surface)}.usage-limit p{display:flex;justify-content:space-between;gap:12px;margin:0;color:var(--app-muted);font-size:10px}.usage-limit p strong{color:var(--app-text);font-variant-numeric:tabular-nums}
.usage-periods{display:flex;gap:3px}.usage-periods button{min-height:36px;padding:7px 10px;font-size:10px}.usage-chart-total{display:flex;align-items:baseline;gap:10px;margin-bottom:22px}.usage-chart-total>strong{font-size:30px;font-weight:550;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.usage-chart-total>span{color:var(--app-muted);font-size:10px}
.usage-chart{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;min-height:160px}.usage-chart-column{display:grid;grid-template-rows:20px 112px 24px;align-items:end;justify-items:center;gap:5px;min-width:0}.usage-chart-column>strong{font-size:10px;font-weight:500;color:var(--app-muted);font-variant-numeric:tabular-nums}.usage-chart-track{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;border-bottom:1px solid var(--app-line)}.usage-chart-track>i{display:block;width:min(100%,38px);border-radius:5px 5px 0 0;background:var(--app-icon-accent)}.usage-chart-column>small{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--app-muted);font-size:9px;text-align:center}.usage-chart-card>.usage-note{margin:22px 0 0;text-align:center}
.usage-text-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:8px 0;border:0;border-radius:5px;background:transparent;color:var(--app-muted);font:inherit;font-size:11px;cursor:pointer}.usage-text-button:hover{color:var(--app-text)}
.usage-credit-card{padding-block:0}.usage-credit-row{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:12px}.usage-credit-row strong,.usage-switch-row strong{font-size:12px;font-weight:550}.usage-switch-row{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:20px;color:var(--app-muted);font-size:11px}.usage-credit-card>.usage-switch-row{border-top:1px solid var(--app-line)}
.usage-switch{appearance:none;position:relative;flex:none;width:34px;height:20px;margin:0;border:1px solid var(--app-line);border-radius:999px;background:var(--app-surface)}.usage-switch::before{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--app-muted);content:""}.usage-switch:disabled{opacity:.5;cursor:not-allowed}.usage-reset-card{padding-block:10px}.usage-reset-card .usage-switch-row>span{display:grid;gap:7px}.usage-reset-card strong{color:var(--app-text)}.usage-reset-card small{max-width:65ch;font-size:10px;line-height:1.75}
.usage-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:26px}.usage-metrics .usage-card{display:grid;gap:9px;padding:16px}.usage-metrics span,.usage-metrics small{color:var(--app-muted);font-size:10px;line-height:1.6}.usage-metrics strong{font-size:28px;font-weight:550;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.usage-history{margin:16px 0 0;padding-block:4px;list-style:none}.usage-history li{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:16px;font-size:11px}.usage-history li+li{border-top:1px solid var(--app-line)}.usage-history time{flex:none;color:var(--app-muted);font-size:10px;font-variant-numeric:tabular-nums}.usage-empty{padding:24px 0;color:var(--app-muted);font-size:12px;line-height:1.7}.usage-empty p{margin:0 0 16px}
.workspace-resource-trigger:focus-visible,.workspace-sidebar-bottom>.workspace-profile-trigger:focus-visible,.usage-pane :is(button,select,input):focus-visible,#usage-history-heading:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:3px}
.usage-trend-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.usage-trend-summary>div,.usage-trend-summary>p{display:grid;gap:7px;margin:0}.usage-trend-summary strong{font-size:28px;line-height:1.1;font-weight:550;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.usage-trend-summary>p{text-align:right}.usage-trend-summary>p strong{font-size:18px}.usage-trend-summary span{color:var(--app-muted);font-size:10px}
.usage-trend-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--app-line) transparent}.usage-trend-plot{position:relative;min-width:720px;height:164px}.usage-trend-plot>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usage-trend-grid{fill:none;stroke:var(--app-line);stroke-width:1;stroke-dasharray:3 5}.usage-trend-area{fill:color-mix(in srgb,var(--app-icon-accent) 9%,transparent);stroke:none}.usage-trend-line{fill:none;stroke:var(--app-icon-accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.usage-trend-targets{position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.usage-trend-day{height:100%;padding:0;border:0;border-radius:4px;background:transparent;cursor:crosshair}.usage-trend-day:hover,.usage-trend-day[aria-pressed=true]{background:color-mix(in srgb,var(--app-icon-accent) 7%,transparent)}.usage-trend-axis{display:flex;min-width:720px;justify-content:space-between;gap:10px;margin-top:10px;padding-bottom:5px;color:var(--app-muted);font-size:9px}.usage-trend-card>.usage-note{margin:18px 0 0;text-align:center}
.usage-calendar-card{margin-top:28px}.usage-calendar-card>.usage-section-heading{gap:16px}.usage-calendar-card .usage-note,.usage-section-heading>div>.usage-note{margin:5px 0 0;font-size:10px}.usage-calendar-navigation{display:flex;align-items:center;gap:7px}.usage-calendar-navigation>strong{min-width:120px;text-align:center;text-transform:capitalize;font-size:11px;font-weight:550}.usage-icon-button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;padding:6px;border:1px solid var(--app-line);border-radius:8px;background:transparent;color:var(--app-muted);cursor:pointer}.usage-icon-button svg{width:16px;height:16px}.usage-icon-button:hover:enabled{background:var(--app-hover);color:var(--app-text)}
.usage-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:28px;align-items:center;margin-top:22px}.usage-calendar-weekdays,.usage-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.usage-calendar-weekdays{margin-bottom:8px;color:var(--app-muted);font-size:9px;text-align:center}.usage-calendar-weekdays span{padding:5px 0}.usage-calendar-day{height:34px;padding:0;border:1px solid transparent;border-radius:7px;color:var(--app-text);font:inherit;font-size:10px;font-variant-numeric:tabular-nums;cursor:pointer}.usage-calendar-day[data-level="0"],.usage-calendar-legend i[data-level="0"]{background:var(--app-surface)}.usage-calendar-day[data-level="1"],.usage-calendar-legend i[data-level="1"]{background:color-mix(in srgb,var(--app-icon-accent) 12%,var(--app-bg))}.usage-calendar-day[data-level="2"],.usage-calendar-legend i[data-level="2"]{background:color-mix(in srgb,var(--app-icon-accent) 24%,var(--app-bg))}.usage-calendar-day[data-level="3"],.usage-calendar-legend i[data-level="3"]{background:color-mix(in srgb,var(--app-icon-accent) 39%,var(--app-bg))}.usage-calendar-day[data-level="4"],.usage-calendar-legend i[data-level="4"]{background:color-mix(in srgb,var(--app-icon-accent) 62%,var(--app-bg));color:var(--app-accent-ink)}.usage-calendar-day[aria-current=date]{border-color:var(--app-line);font-weight:700}.usage-calendar-day[aria-pressed=true]{outline:1px solid var(--app-icon-accent);outline-offset:1px}.usage-calendar-day:hover:enabled{border-color:var(--app-icon-accent)}.usage-pane .usage-calendar-day:disabled{background:transparent;color:var(--app-muted);opacity:.28}
.usage-calendar-legend{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:15px;color:var(--app-muted);font-size:9px}.usage-calendar-legend i{width:10px;height:10px;border:1px solid var(--app-line);border-radius:3px}.usage-calendar-legend>span:first-child{margin-right:3px}.usage-calendar-legend>span:last-child{margin-left:3px}.usage-day-detail{display:grid;gap:9px;padding-left:24px;border-left:1px solid var(--app-line)}.usage-day-detail>span:first-child{font-size:11px;line-height:1.6}.usage-day-detail>strong{font-size:38px;line-height:1.15;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.usage-day-detail>span:not(:first-child){color:var(--app-muted);font-size:10px}.usage-day-detail>p{margin:8px 0 0;color:var(--app-muted);font-size:10px;line-height:1.7}
.usage-hover-card{position:fixed;inset:auto;z-index:150;margin:0;max-width:min(250px,calc(100vw - 16px));padding:12px 14px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-bg);color:var(--app-text);box-shadow:0 8px 28px var(--app-glass-shadow);pointer-events:none;font:inherit}.usage-hover-card>strong{display:block;font-size:11px;font-weight:550}.usage-hover-card>p{margin:8px 0;color:var(--app-text);font-size:11px}.usage-hover-card>small{display:block;color:var(--app-muted);font-size:10px;line-height:1.6}
@media(max-width:680px){.workspace-sidebar-bottom{padding-top:0;gap:4px}.workspace-sidebar-bottom>.workspace-resource-trigger,.workspace-sidebar-bottom>.workspace-profile-trigger{width:40px;height:44px;min-height:44px;padding:6px}.usage-card{padding:17px}.usage-credit-card{padding-block:0}.usage-section{margin-bottom:28px}.usage-section-heading{align-items:flex-start}.usage-chart{gap:7px}.usage-chart-column>small{font-size:8px}.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.usage-metrics strong{font-size:28px}.usage-reset-card{padding-block:8px}.usage-calendar-layout{grid-template-columns:minmax(0,1fr);gap:22px}.usage-day-detail{grid-template-columns:1fr auto;gap:7px 12px;padding:16px 0 0;border-left:0;border-top:1px solid var(--app-line)}.usage-day-detail>strong{grid-column:2;grid-row:1/3;font-size:32px}.usage-day-detail>p{grid-column:1/-1;margin-top:3px}.usage-calendar-day{height:36px}}
@media(max-width:440px){.usage-plan-card{align-items:flex-start;flex-direction:column}.usage-plan-card .workspace-secondary-button{width:100%}.usage-history li{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding-block:12px}.usage-chart{gap:5px}.usage-chart-total{flex-wrap:wrap;gap:7px}.usage-limit-status{font-size:9px}.usage-toolbar{gap:10px}.usage-pane #usage-refresh{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.workspace-resource-trigger,.usage-tabs button,.usage-periods button{transition:none}}
.workspace-panel,.workspace-panel.is-context-collapsed{grid-template-columns:56px minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:var(--app-bg)}.workspace-panel>.workspace-main,.workspace-panel.is-context-collapsed>.workspace-main{grid-column:2;grid-row:1;background:var(--app-bg);border-color:var(--app-line);border-radius:20px}.workspace-panel .workspace-topbar-caption{display:none}.workspace-panel.is-entering,.workspace-panel.is-entering :is(.workspace-brand,.workspace-project-navigation,.workspace-sidebar-bottom,.workspace-project-nav-item){animation:none}
.workspace-panel[data-workspace-view]>.workspace-sidebar{grid-column:1;grid-row:1;display:flex;align-items:center;flex-direction:column;gap:10px;padding:12px 6px max(10px,env(safe-area-inset-bottom));border-radius:18px;background:var(--app-bg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.workspace-panel>.workspace-sidebar .workspace-sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:auto;padding:0}.workspace-home-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:9px;border:0;border-radius:11px;background:transparent;color:var(--app-muted);cursor:pointer}.workspace-home-icon svg{width:18px;height:18px}.workspace-home-icon:hover,.workspace-home-icon[aria-pressed=true]{background:var(--app-hover);color:var(--app-text)}
.workspace-context-panel{position:absolute;z-index:6;inset:10px auto 10px 78px;display:flex;width:min(288px,calc(100vw - 90px));min-width:0;min-height:0;flex-direction:column;gap:20px;padding:20px 14px;border:1px solid var(--app-line);border-radius:18px;background:var(--app-bg);box-shadow:0 12px 36px var(--app-glass-shadow);overflow:hidden;opacity:1;visibility:visible;transform:translateX(0);transition:transform .26s cubic-bezier(.2,.75,.25,1),opacity .18s ease,visibility 0s}
.workspace-panel.is-context-collapsed>.workspace-context-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-14px);transition:transform .19s ease,opacity .14s ease,visibility 0s linear .19s}.workspace-context-panel>.workspace-brand{display:none}.workspace-context-panel>#workspace-context-close{position:absolute;top:8px;right:8px;width:40px;height:40px;z-index:1}.workspace-context-panel .workspace-project-navigation{display:flex;flex:1;flex-direction:column;min-height:0;max-height:none;overflow:hidden;padding-top:18px;border-top:1px solid var(--app-line)}
.workspace-context-panel .workspace-navigation{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;justify-content:stretch;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.workspace-context-panel .workspace-project-row{width:100%;min-width:0;max-width:none}.workspace-context-panel .workspace-project-nav-item{min-height:44px;font-size:13px}.workspace-context-panel .workspace-nav-heading{padding-right:46px}.workspace-context-panel .workspace-settings-navigation{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden}.workspace-context-panel .settings-nav{display:grid;overflow:visible;gap:5px}.workspace-context-panel .settings-nav button{min-height:44px;flex:none;white-space:normal;font-size:13px}.workspace-context-panel .workspace-back{max-width:calc(100% - 40px)}
.workspace-home-context{display:flex;min-height:0;max-height:55%;flex:none;flex-direction:column;gap:12px}.home-context-heading{padding:5px 42px 8px 8px}.home-context-heading h2{margin:0;font-size:15px;font-weight:550;letter-spacing:-.02em}.home-chat-heading{display:flex;align-items:center;justify-content:space-between;padding-left:8px;color:var(--app-muted);font-size:13px}.home-chat-heading .usage-icon-button{width:40px;height:40px;border-color:transparent}.home-chat-status{margin:0;padding:2px 8px;color:var(--app-muted);font-size:13px;line-height:1.6}.home-chat-list{display:grid;align-content:start;gap:5px;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.home-chat-item{display:grid;width:100%;min-width:0;gap:6px;padding:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--app-text);font:inherit;text-align:left;cursor:pointer;transition:background .16s,color .16s}.home-chat-item:hover,.home-chat-item[aria-current=true]{border-color:var(--app-line);background:var(--app-hover)}.home-chat-item strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500}.home-chat-item time{color:var(--app-muted);font-size:12px}
.workspace-insights-link{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--app-muted);font:inherit;font-size:11px;text-align:left;cursor:pointer}.workspace-insights-link>svg{width:18px;height:18px;flex:none}.workspace-insights-link>span:last-child{margin-left:auto}.workspace-insights-link:hover,.workspace-insights-link[aria-current=page]{border-color:var(--app-line);background:var(--app-hover);color:var(--app-text)}.workspace-panel[data-workspace-view=insights] .settings-nav button[aria-selected=true]{border-color:transparent;background:transparent;box-shadow:none;color:var(--app-muted)}
#workspace-insights-view{width:min(100%,850px);margin-inline:auto}.insights-toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:30px}.insights-toolbar>.workspace-secondary-button{min-height:36px;margin:0;padding:8px 12px;font-size:11px}.insights-identity{display:grid;justify-items:center;gap:12px;margin:12px 0 34px;text-align:center}.insights-avatar{width:88px;height:88px;font-size:28px}.insights-identity h1{margin:0;font-size:25px;font-weight:550;letter-spacing:-.04em}.insights-identity>p{margin:0;color:var(--app-muted);font-size:11px}.insights-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:15px 0;border:1px solid var(--app-line);border-radius:16px;background:var(--app-bg)}.insights-stats>div{display:grid;align-content:start;gap:9px;padding:2px 14px;text-align:center}.insights-stats>div+div{border-left:1px solid var(--app-line)}.insights-stats strong{font-size:15px;font-weight:550;font-variant-numeric:tabular-nums}.insights-stats span{color:var(--app-muted);font-size:10px;line-height:1.7}.insights-stats+.usage-note{margin:12px 0 36px;text-align:center;font-size:10px}
.insights-section{margin-top:40px}.insights-section h2{margin:0;font-size:13px;font-weight:550;line-height:1.5}.insights-showcase{display:grid;justify-items:center;align-content:center;gap:13px;min-height:220px;margin-top:18px;padding:28px;border:1px solid var(--app-line);border-radius:17px;background:var(--app-bg);text-align:center}.insights-showcase svg{width:54px;height:54px;color:var(--app-muted)}.insights-showcase>strong{font-size:12px;font-weight:500}.insights-showcase>p{max-width:52ch;margin:0;color:var(--app-muted);font-size:11px;line-height:1.8}
.insights-activity-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.insights-activity-controls select{max-width:170px;min-height:32px;padding:6px 9px;border:1px solid var(--app-line);border-radius:8px;background:var(--app-bg);color:var(--app-muted);font:inherit;font-size:10px}.insights-activity-controls button{min-height:32px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--app-muted);font:inherit;font-size:10px;cursor:pointer}.insights-activity-controls button[aria-pressed=true],.insights-activity-controls button:hover{background:var(--app-hover);color:var(--app-text)}
.insights-heatmap-scroll{overflow:auto;margin-top:18px;padding:3px 3px 8px;scrollbar-width:thin;scrollbar-color:var(--app-line) transparent}.insights-heatmap{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;grid-auto-columns:11px;gap:3px;width:max-content;min-height:95px;align-content:center}.insights-heatmap[data-mode=week]{grid-template-rows:42px}.insights-cell{width:11px;height:11px;padding:0;border:1px dashed var(--app-line);border-radius:3px;background:transparent;cursor:pointer}.insights-heatmap[data-mode=week] .insights-cell{height:42px}.insights-cell[data-level]{border-style:solid;border-color:transparent}.insights-cell[data-level="0"]{background:var(--app-surface)}.insights-cell[data-level="1"]{background:color-mix(in srgb,var(--app-icon-accent) 17%,var(--app-bg))}.insights-cell[data-level="2"]{background:color-mix(in srgb,var(--app-icon-accent) 33%,var(--app-bg))}.insights-cell[data-level="3"]{background:color-mix(in srgb,var(--app-icon-accent) 56%,var(--app-bg))}.insights-cell[data-level="4"]{background:var(--app-icon-accent)}.insights-cell:hover{outline:1px solid var(--app-icon-accent);outline-offset:1px}.insights-months{display:grid;grid-auto-flow:column;grid-auto-columns:11px;gap:3px;width:max-content;min-height:22px;margin-top:9px;color:var(--app-muted);font-size:9px}.insights-months span{overflow:visible;white-space:nowrap}
.insights-details{margin:18px 0 0}.insights-details>div{display:flex;justify-content:space-between;gap:22px;padding:13px 0;border-bottom:1px solid var(--app-line);font-size:11px;line-height:1.7}.insights-details dt{color:var(--app-muted)}.insights-details dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.chat-reader-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.chat-reader-header h1{margin:10px 0 0;font-size:24px;font-weight:550;letter-spacing:-.03em;overflow-wrap:anywhere}.chat-reader-header>.workspace-secondary-button{width:auto;min-height:40px;flex:none;margin:0;padding:9px 12px;font-size:11px}.chat-reader-messages{display:grid;gap:15px;max-width:850px}.chat-reader-messages .studio-chat-message{padding:18px;border:1px solid var(--app-line);border-radius:15px;background:var(--app-bg)}.chat-reader-messages .studio-chat-message.is-user{margin-left:clamp(0px,6vw,70px)}.chat-reader-messages time,.studio-chat time{display:block;margin-top:10px;color:var(--app-muted);font-size:9px}
.workspace-home-icon:focus-visible,.workspace-insights-link:focus-visible,.home-chat-item:focus-visible,.profile-insights :is(button,select):focus-visible,.workspace-context-panel button:focus-visible{outline:2px solid var(--app-icon-accent);outline-offset:2px}
.chat-reader-actions{display:flex;flex-wrap:wrap;gap:8px}.chat-reader-actions>.workspace-secondary-button{width:auto;min-height:40px;margin:0;padding:9px 12px;font-size:11px}
@media(max-width:1000px){.workspace-panel{grid-template-columns:56px minmax(0,1fr)}.insights-stats>div{padding-inline:9px}.insights-stats strong{font-size:13px}.insights-stats span{font-size:9px}}
@media(max-width:680px){.workspace-panel,.workspace-panel.is-context-collapsed{grid-template-columns:48px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:7px;padding:7px}.workspace-panel>.workspace-main,.workspace-panel.is-context-collapsed>.workspace-main{grid-column:2;grid-row:1}.workspace-panel[data-workspace-view]>.workspace-sidebar{padding:10px 3px max(8px,env(safe-area-inset-bottom));border-radius:15px}.workspace-panel .workspace-sidebar-bottom>.workspace-resource-trigger,.workspace-panel .workspace-sidebar-bottom>.workspace-profile-trigger{width:38px;height:42px;min-height:42px;padding:5px}.workspace-context-panel{position:absolute;z-index:4;inset:7px auto 7px 62px;width:min(274px,calc(100vw - 76px));max-height:calc(100svh - 14px);box-shadow:0 12px 40px var(--app-glass-shadow)}.workspace-panel .workspace-context-panel .settings-nav{display:grid;overflow:visible}.workspace-context-panel .settings-nav button{min-height:42px;white-space:normal}.workspace-main>.workspace-topbar{padding-inline:14px}.workspace-content{padding-inline:15px}.insights-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;padding:18px 0}.insights-stats>div+div{border-left:0}.insights-stats>div:nth-child(even){border-left:1px solid var(--app-line)}.insights-stats>div:last-child{grid-column:1/-1}.insights-stats strong{font-size:16px}.insights-stats span{font-size:10px}.insights-identity{margin-bottom:25px}.insights-avatar{width:72px;height:72px;font-size:24px}.insights-showcase{min-height:190px;padding:22px}.insights-toolbar{margin-bottom:20px}.insights-section{margin-top:30px}.insights-activity-controls{width:100%}.insights-details>div{font-size:10px;gap:12px}.chat-reader-header{align-items:flex-start;flex-direction:column}.chat-reader-header h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){.workspace-context-panel,.workspace-home-icon,.home-chat-item,.insights-cell{transition:none}}
@media(pointer:coarse){.insights-heatmap{grid-template-rows:repeat(7,24px);grid-auto-columns:24px;gap:4px}.insights-cell{width:24px;height:24px}.insights-heatmap[data-mode=week]{grid-template-rows:42px}.insights-months{grid-auto-columns:24px;gap:4px}}
.workspace-panel[data-workspace-view=home] .workspace-topbar{border-bottom:0;min-height:48px;background:transparent}.workspace-panel>.workspace-main>.workspace-content{flex:1;min-height:0}.workspace-panel[data-workspace-view=home] .workspace-content{display:flex;flex-direction:column;padding:0 clamp(20px,4vw,60px) max(24px,env(safe-area-inset-bottom));overflow-y:auto}
#workspace-home{display:grid;grid-template-rows:minmax(160px,1fr) auto;flex:1;width:min(100%,780px);min-height:100%;gap:24px;margin-inline:auto}.home-start-heading{display:grid;align-content:center;justify-items:center;gap:24px;align-self:stretch;padding-top:clamp(12px,7vh,80px);text-align:center}.home-start-mark{display:block;width:96px;height:26px;background:var(--app-muted);mask:url('/assets/deluxe-logo.png') center/contain no-repeat;-webkit-mask:url('/assets/deluxe-logo.png') center/contain no-repeat;opacity:.55}.home-start-heading h1{margin:0;font-size:clamp(23px,2.2vw,30px);line-height:1.35;letter-spacing:-.035em;font-weight:450;text-wrap:balance}
.home-task-form{width:100%;margin:0}.home-context-strip{display:flex;align-items:center;gap:8px;min-height:44px;margin-inline:14px;padding:2px 12px;border:1px solid var(--app-line);border-bottom:0;border-radius:15px 15px 0 0;background:var(--app-bg)}.home-project-picker{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:310px}.home-project-picker>svg{width:17px;height:17px;flex:none;color:var(--app-muted)}.home-project-picker select{min-width:0;width:100%;min-height:40px;padding:6px 20px 6px 0;border:0;outline-offset:0;border-radius:6px;background:var(--app-bg);color:var(--app-text);font:inherit;font-size:13px;text-overflow:ellipsis;cursor:pointer}.home-icon-action{display:inline-flex;flex:none;width:40px;height:40px;align-items:center;justify-content:center;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--app-muted);cursor:pointer;transition:background .16s,color .16s}.home-icon-action>svg{width:18px;height:18px}.home-icon-action:hover:enabled{background:var(--app-hover);color:var(--app-text)}.home-icon-action:disabled{opacity:.4;cursor:not-allowed}.home-context-strip>#home-project-settings{margin-left:auto}.home-studio-indicator{margin-left:auto;color:var(--app-muted);white-space:nowrap;font-size:12px}.home-studio-indicator[data-connected=true]{color:var(--app-text)}
.home-task-card{padding:18px 20px 14px;border:1px solid var(--app-line);border-radius:22px;background:var(--app-surface);transition:border-color .18s,box-shadow .18s}.home-task-card:focus-within{border-color:color-mix(in srgb,var(--app-text) 30%,var(--app-line));box-shadow:0 0 0 1px color-mix(in srgb,var(--app-focus-ring) 14%,transparent)}.home-task-card textarea{display:block;width:100%;min-height:88px;max-height:240px;resize:vertical;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:var(--app-text);font:inherit;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.home-task-card textarea::placeholder{color:var(--app-muted)}.home-task-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:12px}.home-task-consent{display:flex;align-items:flex-start;gap:9px;max-width:60ch;min-height:40px;padding-block:8px;color:var(--app-muted);font-size:12px;line-height:1.6;cursor:pointer}.home-task-consent input{width:15px;height:15px;flex:none;margin:2px 0 0;accent-color:var(--app-text)}.home-task-submit{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:var(--app-text);color:var(--app-bg);cursor:pointer;transition:opacity .16s,background .16s}.home-task-submit svg{width:20px;height:20px}.home-task-submit:disabled{opacity:.35;cursor:not-allowed}.home-task-feedback{margin:12px 4px 0;font-size:13px;line-height:1.6;color:var(--app-muted)}.home-task-feedback.is-error{color:var(--app-danger-ink)}.home-task-hint{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:12px 4px 0;color:var(--app-muted);font-size:12px;line-height:1.6;text-align:center}.home-task-hint a{color:inherit;text-underline-offset:3px}.home-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-task-form :is(button,select,input):focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:3px}.home-task-form textarea[aria-invalid=true]{outline:1px solid var(--app-danger-border);outline-offset:5px}.home-context-strip .home-icon-action:active,.home-task-submit:active:enabled{opacity:.72}
.workspace-context-panel .workspace-project-navigation{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:44px minmax(0,1fr);align-items:stretch;gap:10px 8px}.workspace-context-panel .workspace-nav-heading{grid-column:1;grid-row:1;padding-right:0}.workspace-context-panel .workspace-project-add{grid-column:2;grid-row:1;width:44px;height:44px;transform:none;box-shadow:none;background:transparent}.workspace-context-panel .workspace-navigation{grid-column:1/-1;grid-row:2;min-width:0}.workspace-context-panel .workspace-project-list-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-panel[data-workspace-view]>.workspace-sidebar{padding-inline:4px;border:0;background:transparent}.workspace-home-icon{width:44px;height:44px;padding:12px}.workspace-panel .workspace-sidebar-bottom>.workspace-resource-trigger,.workspace-panel .workspace-sidebar-bottom>.workspace-profile-trigger{width:44px;height:44px;min-height:44px;padding:8px}
.workspace-panel .workspace-breadcrumb,.workspace-context-panel .workspace-nav-label{font-size:12px;line-height:1.5}.home-start-mark{background:var(--app-icon-accent);opacity:.45}
.home-new-task{display:flex;align-items:center;gap:10px;flex:none;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--app-line);border-radius:10px;background:transparent;color:var(--app-text);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background .16s}.home-new-task svg{width:17px;height:17px;flex:none}.home-new-task:hover{background:var(--app-hover)}
@media(max-width:680px){.workspace-panel,.workspace-panel.is-context-collapsed{grid-template-columns:56px minmax(0,1fr)}.workspace-panel[data-workspace-view=home] .workspace-content{padding:0 14px max(16px,env(safe-area-inset-bottom))}.workspace-context-panel{inset:7px auto 7px 70px;width:min(288px,calc(100vw - 84px))}.workspace-home-context{max-height:55%}#workspace-home{gap:20px;grid-template-rows:minmax(130px,1fr) auto}.home-start-heading{gap:20px;padding-top:16px}.home-start-heading h1{font-size:24px}.home-context-strip{margin-inline:8px;padding-inline:8px;gap:3px}.home-task-card{padding:16px;border-radius:18px}.home-task-card textarea{min-height:80px}.home-task-footer{gap:12px;margin-top:8px}.home-task-consent{font-size:12px}.home-studio-indicator{display:none}.home-icon-action{width:44px;height:44px}.workspace-context-panel>#workspace-context-close,.home-chat-heading .usage-icon-button{width:44px;height:44px}}
@media(max-height:600px){.home-start-heading{padding-top:0;gap:12px}.home-start-mark{height:20px}#workspace-home{grid-template-rows:minmax(100px,1fr) auto;gap:18px}.home-task-card textarea{min-height:56px}}
@media(prefers-reduced-motion:reduce){.workspace-context-panel,.workspace-panel.is-context-collapsed>.workspace-context-panel{transition:none!important;transform:none!important}.home-task-card,.home-icon-action,.home-task-submit,.home-chat-item{transition:none}}
.workspace-panel{grid-template-columns:52px minmax(0,var(--workspace-pane-width,272px)) 6px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;padding:0;border:0;border-radius:0;transition:grid-template-columns .24s cubic-bezier(.2,.75,.25,1)}
.workspace-panel.is-context-collapsed{grid-template-columns:52px minmax(0,0px) 0px minmax(0,1fr)}
.workspace-panel>.workspace-main,.workspace-panel.is-context-collapsed>.workspace-main{grid-column:4;grid-row:1;min-width:0;border:0;border-radius:0;box-shadow:none}
.workspace-panel[data-workspace-view]>.workspace-sidebar{border:0;border-right:1px solid var(--app-line);border-radius:0;padding-top:8px}
.workspace-panel>.workspace-context-panel{position:relative;inset:auto;z-index:2;grid-column:2;grid-row:1;display:block;width:auto;max-height:none;padding:0;border:0;border-radius:0;box-shadow:none;transform:none;transition:opacity .18s ease,visibility 0s}
.workspace-panel.is-context-collapsed>.workspace-context-panel{transform:none;transition:opacity .12s ease,visibility 0s linear .24s}
.workspace-context-inner{display:flex;width:var(--workspace-pane-width,272px);height:100%;min-height:0;flex-direction:column;gap:18px;padding:18px 14px;box-sizing:border-box}
.workspace-context-inner>.workspace-brand{display:none}.workspace-context-panel>#workspace-context-close{top:8px;right:10px}
.workspace-context-panel .workspace-project-navigation{flex:none;max-height:45%;min-height:100px;padding-top:10px;border:0}.workspace-context-panel .workspace-home-context{flex:1;max-height:65%}.workspace-context-inner>.workspace-settings-navigation{flex:1}
.workspace-context-panel .home-new-task{border-color:transparent}.home-chat-item:hover,.home-chat-item[aria-current=true]{border-color:transparent}
.workspace-context-splitter{position:relative;z-index:3;grid-column:3;grid-row:1;min-width:0;cursor:col-resize;touch-action:none;outline:0;transition:opacity .18s ease}
.workspace-context-splitter::before{content:"";position:absolute;inset:0 -9px}.workspace-context-splitter::after{content:"";position:absolute;inset:0 auto 0 2px;width:1px;background:var(--app-line);transition:background .15s,width .15s}
.workspace-context-splitter:is(:hover,:focus-visible)::after,.is-pane-resizing>.workspace-context-splitter::after{width:2px;background:var(--app-muted)}.workspace-context-splitter:focus-visible::after{background:var(--app-focus-ring)}
.workspace-panel.is-context-collapsed>.workspace-context-splitter{opacity:0;pointer-events:none}.workspace-panel.is-pane-resizing{cursor:col-resize;user-select:none;transition:none}.workspace-panel.is-pane-resizing>.workspace-context-panel{transition:none}
.context-size-menu{position:fixed;inset:auto;width:210px;margin:0;padding:6px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-bg);color:var(--app-text)}.context-size-menu .workspace-menu-action{width:100%;min-height:44px;padding:10px 12px;font-size:13px}
@media(max-width:680px){.workspace-panel,.workspace-panel.is-context-collapsed{grid-template-columns:52px minmax(0,1fr);gap:0;padding:0;transition:none}.workspace-panel>.workspace-main,.workspace-panel.is-context-collapsed>.workspace-main{grid-column:2}.workspace-panel>.workspace-context-panel{position:absolute;inset:0 auto 0 52px;width:min(var(--workspace-pane-width,272px),calc(100vw - 52px));border-right:1px solid var(--app-line);transition:opacity .18s ease,visibility 0s}.workspace-context-inner{width:100%}.workspace-panel.is-context-collapsed>.workspace-context-panel{transition:opacity .12s ease,visibility 0s linear .18s}.workspace-context-splitter{display:none}}
@media(prefers-reduced-motion:reduce){.workspace-panel,.workspace-context-splitter,.workspace-context-splitter::after{transition:none}}
#workspace-insights-view{width:min(100%,760px);padding-bottom:30px}
.insights-toolbar{align-items:center;margin-bottom:36px}.insights-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.profile-insights .workspace-secondary-button{min-height:36px;margin:0;padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.4}
.insights-identity{gap:10px;margin:0 0 30px}.insights-identity h1{max-width:100%;overflow-wrap:anywhere;font-size:26px;line-height:1.3}.insights-identity>p{font-size:12px}.insights-avatar{width:92px;height:92px;margin-bottom:4px;font-size:30px}
.insights-stats{padding:18px 0;border-radius:16px}.insights-stats>div{gap:8px;padding-inline:12px}.insights-stats strong{font-size:19px;line-height:1.3;font-weight:550;letter-spacing:-.025em}.insights-stats span{font-size:11px;line-height:1.55}.insights-stats+.usage-note{margin:12px 0 0;font-size:11px;line-height:1.65}
.insights-section{margin-top:36px}.insights-section h2{font-size:14px;font-weight:550}.insights-caption{margin:6px 0 0;color:var(--app-muted);font-size:12px;line-height:1.65}.profile-insights .usage-section-heading{align-items:center;gap:16px;margin-bottom:16px}
.insights-project-list{display:grid;gap:10px}.insights-project-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 18px;border:1px solid var(--app-line);border-radius:14px;background:var(--app-bg)}.insights-project-card>.workspace-project-list-mark{display:block;width:26px;height:26px}.insights-project-info{min-width:0}.insights-project-info h3{margin:0;color:var(--app-text);font-size:14px;font-weight:550;overflow-wrap:anywhere;line-height:1.4}.insights-project-info p{margin:5px 0 0;color:var(--app-muted);font-size:12px;line-height:1.5}.insights-project-actions{display:flex;flex-wrap:wrap;gap:8px}.insights-project-empty{margin:0;padding:28px 20px;border:1px dashed var(--app-line);border-radius:14px;color:var(--app-muted);font-size:13px;line-height:1.7;text-align:center}
.insights-activity-controls select{max-width:210px;min-height:36px;padding:7px 10px;color:var(--app-text);font-size:12px}.insights-grouping{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.insights-grouping button{min-height:36px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--app-muted);font:inherit;font-size:12px;cursor:pointer}.insights-grouping button:is(:hover,[aria-pressed=true]){background:var(--app-hover);color:var(--app-text)}
.insights-heatmap-scroll{margin-top:0;padding:4px 4px 8px}.insights-cell{transition:background .15s,outline-color .15s}.insights-cell:not([data-level]){opacity:.4}.insights-cell[aria-pressed=true]{outline:2px solid var(--app-text);outline-offset:2px}.insights-months{font-size:10px}
.insights-legend{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:9px;color:var(--app-muted);font-size:11px}.insights-legend>span{margin-inline:4px}.insights-legend i{width:10px;height:10px;border:1px solid var(--app-line);border-radius:3px}.insights-legend [data-level="0"]{background:var(--app-surface)}.insights-legend [data-level="1"]{background:color-mix(in srgb,var(--app-icon-accent) 17%,var(--app-bg))}.insights-legend [data-level="2"]{background:color-mix(in srgb,var(--app-icon-accent) 33%,var(--app-bg))}.insights-legend [data-level="3"]{background:color-mix(in srgb,var(--app-icon-accent) 56%,var(--app-bg))}.insights-legend [data-level="4"]{background:var(--app-icon-accent)}
.insights-heatmap[data-range=recent]{width:100%;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:none;grid-auto-columns:auto;grid-auto-flow:row;gap:8px;min-height:0}.insights-heatmap[data-range=recent] .insights-cell{width:100%;height:30px;border-radius:5px}.insights-heatmap[data-range=recent][data-mode=week]{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.insights-heatmap[data-range=recent][data-mode=week] .insights-cell{height:48px;font:inherit;font-size:11px;color:var(--app-text)}
.insights-day-detail{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:20px;margin-top:20px;padding:18px 0;border-block:1px solid var(--app-line)}.insights-day-detail>div{display:grid;align-content:start;gap:8px}.insights-day-detail span{color:var(--app-muted);font-size:11px;line-height:1.6}.insights-day-detail strong{font-size:14px;line-height:1.6;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.insights-details{margin-top:12px}.insights-details>div{padding:14px 0;font-size:12px}.profile-insights .usage-note{font-size:11px;line-height:1.7}
.insights-heatmap[data-range=recent][data-mode=week] .insights-cell:is([data-level="3"],[data-level="4"]){color:var(--app-bg)}
@media(max-width:680px){.insights-toolbar{gap:12px;margin-bottom:26px}.insights-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.insights-stats>div:last-child{grid-column:1/-1}.insights-stats>div+div{border-left:0}.insights-stats>div:nth-child(even){border-left:1px solid var(--app-line)}.insights-stats strong{font-size:20px}.profile-insights .usage-section-heading{align-items:flex-start;flex-wrap:wrap}.insights-project-card{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px}.insights-project-actions{grid-column:1/-1}.insights-project-actions button{flex:1}.insights-day-detail{grid-template-columns:1fr 1fr;gap:18px}.insights-day-detail>div:first-child{grid-column:1/-1}.insights-activity-controls{gap:8px}.insights-activity-controls select{flex:1;min-width:0;max-width:none}.insights-section{margin-top:30px}}
@media(pointer:coarse){.profile-insights .workspace-secondary-button,.insights-grouping button,.insights-activity-controls select{min-height:44px}.insights-heatmap[data-range=recent] .insights-cell{height:44px}}
@media(prefers-reduced-motion:reduce){.insights-cell{transition:none}}
.insights-activity-controls .appearance-select-trigger{min-width:0;min-height:36px;max-width:230px;gap:12px;padding:7px 11px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-bg);color:var(--app-text);font-size:12px;line-height:20px}
.insights-activity-controls .appearance-select-trigger:is(:hover,[aria-expanded=true]){border-color:color-mix(in srgb,var(--app-text) 24%,var(--app-line));background:var(--app-hover)}
.insights-activity-controls .appearance-select-trigger>svg{transition:transform .16s ease}.insights-activity-controls .appearance-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.appearance-dropdown.is-profile-list{width:212px;max-width:calc(100vw - 16px);padding:5px;border:1px solid var(--app-line);border-radius:14px;background:var(--app-bg);box-shadow:0 8px 24px var(--app-glass-shadow);transform-origin:top right}
.appearance-dropdown.is-profile-list .appearance-dropdown-option{min-height:34px;gap:12px;padding:7px 10px;border-radius:9px;font-size:12px;line-height:20px}.appearance-dropdown.is-profile-list .appearance-dropdown-option[aria-checked=true]{background:var(--app-hover)}
@media(max-width:680px){.insights-activity-controls .appearance-select-trigger{flex:1;max-width:none}}
@media(pointer:coarse){.insights-activity-controls .appearance-select-trigger,.appearance-dropdown.is-profile-list .appearance-dropdown-option{min-height:44px}}
@media(prefers-reduced-motion:reduce){.insights-activity-controls .appearance-select-trigger>svg{transition:none}}
:root{--app-overlay-fill:color-mix(in srgb,var(--app-bg) 88%,transparent);--app-overlay-edge:color-mix(in srgb,var(--app-text) 15%,transparent);--app-overlay-filter:blur(20px) saturate(115%);--app-overlay-veil:color-mix(in srgb,var(--app-bg) 30%,transparent);--app-overlay-veil-filter:blur(7px);--app-overlay-shadow:0 18px 54px var(--app-glass-shadow)}
:is(.workspace-popover,.appearance-dropdown.workspace-popover,.appearance-dropdown.is-profile-list,.usage-hover-card,.context-size-menu){border-color:var(--app-overlay-edge);background:var(--app-overlay-fill);box-shadow:var(--app-overlay-shadow);backdrop-filter:var(--app-overlay-filter);-webkit-backdrop-filter:var(--app-overlay-filter)}
dialog:is(.pricing-dialog,.key-security-dialog,.studio-project-dialog,.account-security-dialog,.appearance-import-dialog,.about-dialog)[open]{border-color:var(--app-overlay-edge);background:var(--app-overlay-fill);box-shadow:var(--app-overlay-shadow);backdrop-filter:var(--app-overlay-filter);-webkit-backdrop-filter:var(--app-overlay-filter)}
dialog[open]::backdrop{background:var(--app-overlay-veil);backdrop-filter:var(--app-overlay-veil-filter);-webkit-backdrop-filter:var(--app-overlay-veil-filter)}
.pricing-dialog[open] .pricing-shell{background:transparent}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--app-overlay-fill:var(--app-bg);--app-overlay-filter:none;--app-overlay-veil-filter:none}}
@media(prefers-reduced-transparency:reduce){:root{--app-overlay-fill:var(--app-bg);--app-overlay-filter:none;--app-overlay-veil-filter:none;--app-overlay-veil:color-mix(in srgb,var(--app-bg) 65%,transparent)}}
@media(forced-colors:active){:root{--app-overlay-fill:Canvas;--app-overlay-edge:CanvasText;--app-overlay-filter:none;--app-overlay-veil-filter:none;--app-overlay-shadow:none}}
.workspace-panel[data-workspace-view=project] .workspace-content{display:flex;flex-direction:column;padding:0 clamp(20px,4vw,60px) max(24px,env(safe-area-inset-bottom))}
.workspace-panel[data-workspace-view=project] .workspace-topbar{min-height:48px;border-bottom:0;background:transparent}
#workspace-project-view:not([hidden]){display:flex;flex:1;flex-direction:column;min-height:0}
#workspace-project-view>.workspace-back{display:none}
#workspace-project-view .studio-workbench{flex:1;min-height:0;animation:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#workspace-project-view .studio-conversation{min-height:calc(100dvh - 100px);padding:0}
#workspace-project-view .studio-conversation-heading{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:100%;min-height:180px;margin:0 auto 32px}
#workspace-project-view .studio-conversation-heading h1{margin:0;font-size:clamp(23px,2.2vw,30px);font-weight:450;line-height:1.35;letter-spacing:-.035em}
#workspace-project-view .studio-conversation-heading p{display:none}
#workspace-project-view .studio-welcome-mark{width:96px;height:26px;margin:0;opacity:.45;-webkit-mask:url('/assets/deluxe-logo.png') center/contain no-repeat;mask:url('/assets/deluxe-logo.png') center/contain no-repeat}
#workspace-project-view .studio-conversation:has(.studio-chat:not([hidden]))>.studio-conversation-heading{display:none}
#workspace-project-view .studio-chat{flex:none;margin:24px auto}
#workspace-project-view .studio-composer-area{max-width:780px;gap:9px;margin:auto auto 0}
#workspace-project-view .studio-workbench-heading{display:flex;flex-direction:row;gap:8px;min-height:44px;margin:0 14px -9px;padding:2px 12px;border:1px solid var(--app-line);border-bottom:0;border-radius:15px 15px 0 0;background:var(--app-bg)}
#studio-active-project-name{flex:1;min-width:0;overflow:hidden;color:var(--app-text);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
#workspace-project-view .studio-workbench-actions{flex:none;width:auto;flex-wrap:nowrap;gap:4px}
#workspace-project-view .studio-workbench-actions .studio-live-status{font-size:10px;white-space:nowrap}
#workspace-project-view .studio-workbench-actions .studio-explorer-toggle{width:36px;min-height:36px;justify-content:center;padding:8px;border:0;border-radius:8px;background:transparent}
#workspace-project-view .studio-explorer-toggle span{display:none}
#workspace-project-view .studio-composer{display:flex;flex-wrap:wrap;padding:18px 20px 14px;border:1px solid var(--app-line);border-radius:22px;background:var(--app-surface);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#workspace-project-view .studio-composer>textarea{flex:1 0 100%;min-height:70px;padding:0;font-size:14px}
#workspace-project-view .studio-composer-actions{justify-content:flex-end;flex:1}
.studio-task-feedback{margin:0;color:var(--app-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.studio-task-feedback.is-error{color:var(--app-danger-ink)}
.studio-project-actions{width:232px;max-width:calc(100vw - 16px)}
.studio-project-actions>.workspace-menu-action{display:flex;width:100%;min-height:38px;justify-content:flex-start;margin:0;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--app-text);font-size:12px;text-decoration:none}
.studio-project-actions>.workspace-menu-action:hover{background:var(--app-hover)}
@media(max-width:680px){.workspace-panel[data-workspace-view=project] .workspace-content{padding:0 14px max(16px,env(safe-area-inset-bottom))}#workspace-project-view .studio-conversation{min-height:calc(100dvh - 90px)}#workspace-project-view .studio-workbench-heading{margin-inline:8px;padding-inline:8px}#workspace-project-view .studio-composer{padding:16px;border-radius:18px}#workspace-project-view .studio-workbench-actions .studio-live-status{display:none}#workspace-project-view .studio-workbench-actions .studio-explorer-toggle{width:44px;min-height:44px}.studio-project-actions>.workspace-menu-action{min-height:44px}}