:root{--bg:#f7f6f1;--surface:#fffefa;--text:#27352e;--muted:#65746a;--primary:#345f4c;--border:#dce3d9;--soft:#e2ebdf}
body{background:var(--bg);color:var(--text)}
.brand-header{max-width:none;width:100%;min-height:64px;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;min-width:0}
.brand-logo{display:block;width:36px;height:36px;object-fit:cover;border-radius:9px;flex-shrink:0}
.brand strong{font-size:20px;letter-spacing:-.5px;white-space:nowrap;line-height:1.3}
.brand-context{font-size:14px;font-weight:400;color:var(--muted);border-left:1px solid var(--border);padding-left:16px;margin-left:4px;white-space:nowrap}
.studio-page main{max-width:1320px;padding:24px 32px}.studio-page .panel{border-radius:16px}.studio-page .section-heading{padding-top:16px}.studio-page .auth-layout{padding:24px 0;gap:48px}.studio-page h1{font-size:30px}.studio-page .workspace-grid{gap:24px}.studio-page .steps li{padding:12px 16px;background:var(--soft);border-radius:10px}
@media(max-width:720px){.brand-header{min-height:64px;padding:16px;gap:12px}.brand{gap:10px;flex-wrap:wrap}.brand-logo{width:34px;height:34px;border-radius:11px}.brand strong{font-size:18px}.brand-context{font-size:14px;padding-left:12px;margin-left:0}.studio-page main{padding:20px 16px}.studio-page .auth-layout{padding:16px 0;gap:28px}.studio-page h1{font-size:30px}.studio-page #account{width:100%;justify-content:flex-end}}
@media(max-width:390px){.brand-context{font-size:12px;padding-left:9px}.brand strong{font-size:19px}.brand{gap:8px}}

.studio-page{font-size:14px}.studio-page .panel{padding:24px}.studio-page h2{font-size:19px}.studio-page input{min-height:42px;padding:9px 12px}.studio-page .steps{gap:10px;margin-top:24px}.studio-page .section-heading h1{font-size:26px}.studio-page .section-heading{padding-bottom:16px}.studio-page .empty{padding:28px 12px}
.auth-modes{display:flex;gap:4px;padding:4px;background:var(--soft);border-radius:9px;margin-bottom:22px}.auth-modes button{flex:1;border:0;background:transparent;color:var(--muted);min-height:40px;padding:8px;font-size:14px}.auth-modes button.selected{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px #20352b15}.success-banner{background:var(--soft);border:1px solid var(--border);padding:14px 18px;border-radius:10px;font-size:14px}
/* Keep the introduction anchored when the registration form changes height. */
.studio-page .auth-layout{align-items:start}.studio-page .auth-layout>.intro{position:relative;padding-top:76px}.studio-page .intro::before{content:"";display:block;width:116px;height:4px;margin-bottom:24px;border-radius:4px;background:linear-gradient(90deg,#527e66 0 44%,transparent 44% 49%,#d2a559 49% 73%,transparent 73% 78%,#779eae 78%)}.studio-page .intro .steps li{background:transparent;border-left:3px solid #7e9e85;border-radius:0;padding:10px 16px}.studio-page .intro .steps li:nth-child(2){border-color:#c8a265}.studio-page .intro .steps li:nth-child(3){border-color:#7d9cac}.studio-page .intro{isolation:isolate}.studio-page .intro::after{content:"";position:absolute;right:26px;top:34px;width:140px;height:80px;border-top:1px solid #c8a265;border-right:1px solid #7d9cac;border-radius:0 64px 0 0;opacity:.6;z-index:-1}html{scrollbar-gutter:stable}@media(max-width:800px){.studio-page .auth-layout>.intro{padding-top:12px}.studio-page .intro::after{width:70px;height:40px;top:0}.studio-page .intro::before{margin-bottom:16px}}