@font-face{font-family:CozySofia;src:url('/assets/fonts/SofiaSansCondensed.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:CozyInter;src:url('/assets/fonts/font-1.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:CozyInter;src:url('/assets/fonts/font-2.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:CozyInter;src:url('/assets/fonts/font-3.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:CozySerif;src:url('/assets/fonts/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
.v3-surface,.v3-legacy{--v3-ink:#141312;--v3-muted:#a29d96;--v3-soft:#f6f5f2;--v3-line:#e8e5df;background:white;color:var(--v3-ink);font-family:CozyInter,Arial,sans-serif;font-size:15px;line-height:1.5;min-height:100svh}
.v3-header{height:76px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(20,19,18,.05)}
.v3-logo{font-family:CozySofia,sans-serif;font-size:16px;font-weight:700;letter-spacing:4.8px;line-height:1;text-decoration:none;color:#141312;white-space:nowrap}
.v3-header nav{display:flex;align-items:center;gap:28px;margin:0;padding:0;overflow:visible;font-size:14px;width:auto}
.v3-header nav>a:first-child{color:#141312}.v3-avatar{display:grid;place-items:center;min-width:32px;height:32px;background:#eeece7;border-radius:50%;font-size:12px;color:#141312}
.v3-menu{display:none;position:relative}.v3-menu summary{list-style:none;cursor:pointer;min-width:32px;min-height:44px;display:grid;place-items:center}.v3-menu summary::-webkit-details-marker{display:none}.v3-menu>div{position:absolute;right:0;top:44px;width:200px;border:1px solid #e8e5df;border-radius:16px;box-shadow:0 15px 45px #14131215;background:white;padding:10px}.v3-menu>div a{display:block;padding:10px}
.v3-title{font-family:CozyInter,sans-serif;font-weight:500;font-size:60px;line-height:1.05;letter-spacing:-2.4px;margin:0 0 30px}.v3-title em,.v3-surface em,.v3-legacy h1 em{font-family:CozySerif,Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.02em;font-size:1.12em}
.v3-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;padding:14px 28px;font-size:15px;border:0;background:#141312;color:white;text-decoration:none;cursor:pointer;line-height:1.4}.v3-button.secondary{background:#f6f5f2;color:#141312}.v3-button:disabled{opacity:.45;cursor:not-allowed}.v3-surface button:focus-visible,.v3-surface a:focus-visible,.v3-surface input:focus-visible,.v3-surface textarea:focus-visible{outline:2px solid #141312;outline-offset:4px}
.v3-field{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:0 0 16px}.v3-field input,.v3-field textarea,.v3-field select{width:100%;border:0;border-radius:20px;background:#f6f5f2;padding:17px 20px;color:#141312;font-size:15px;line-height:1.5}.v3-field textarea{min-height:100px;resize:vertical}.v3-field input::placeholder,.v3-field textarea::placeholder{color:#a29d96}.v3-note{font-size:13px;color:#a29d96;line-height:1.6}.v3-notice{padding:12px 16px;border-radius:14px;background:#f6f5f2;font-size:13px;color:#5b5752}.v3-notice a{text-decoration:underline}.v3-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.v3-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;border-radius:999px;background:#f6f5f2;padding:7px 14px;font-size:13px}.v3-pill.active{background:#141312;color:white}.v3-soft{background:#f6f5f2;border-radius:28px}.v3-progress{display:flex;align-items:end;justify-content:center;gap:4px;height:14px}.v3-progress span{width:1px;background:#d3cfc8;height:7px}.v3-progress span:nth-child(5n+1){height:14px}.v3-progress span.active{background:#141312}.v3-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:32px;margin-top:auto}.v3-back{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f6f5f2;color:#141312;border:0;cursor:pointer}.v3-status{color:#4c6d48;font-size:12px}.v3-integration{margin:18px 0;font-size:12px;color:#837d75;line-height:1.6}
@media(max-width:750px){.v3-header{height:56px;padding:0 20px;gap:12px}.v3-logo{font-size:14px;letter-spacing:4.2px}.v3-header nav{gap:12px;font-size:13px}.v3-header nav>a:first-child{display:none}.v3-menu{display:block}.v3-title{font-size:36px;letter-spacing:-1.44px;margin-bottom:22px}.v3-button{min-height:52px}.v3-field input,.v3-field textarea,.v3-field select{font-size:16px}.v3-bottom{position:relative;flex-wrap:wrap;padding-top:26px;gap:10px}.v3-bottom>.v3-progress{order:-1;flex-basis:100%}.v3-bottom>.v3-button{flex:1}.v3-back{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.v3-surface *,.v3-legacy *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:750px){
 .v3-header{box-shadow:none;background:#fff;}
 .v3-header nav{gap:10px;}
 .v3-header nav>a:not(.account-control){display:none;}
 .v3-menu summary{width:38px;min-width:38px;min-height:38px;}
 .v3-header .account-name{display:none;}
 .v3-header .account-avatar-trigger{padding:0;border:0;gap:0;min-height:32px;}
 .v3-header .account-avatar{width:32px;height:32px;min-width:32px;font-size:11px;}
}

/* Shared bottom navigation stays in the viewport on every studio step. */
.studio-page:has(> .v3-bottom){padding-bottom:calc(140px + env(safe-area-inset-bottom));}
.v3-bottom{position:fixed;inset:auto 0 0;z-index:20;margin:0;padding:20px 44px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(#fff0,#fff 15%);}
.v3-bottom>.v3-progress{position:absolute;left:50%;top:46px;transform:translate(-50%,-50%);}
@media(max-width:750px){
 .studio-page:has(> .v3-bottom){padding-bottom:calc(150px + env(safe-area-inset-bottom));}
 .v3-bottom{padding:40px 20px calc(26px + env(safe-area-inset-bottom));flex-wrap:nowrap;}
 .v3-bottom>.v3-progress{top:12px;transform:translateX(-50%);}
}