.saas-header{position:sticky;top:0;z-index:30;background:var(--bg);min-height:82px;gap:22px}.site-nav{margin-left:auto;gap:22px}.nav-link{padding:0;background:none;color:var(--text);font-size:12px;font-weight:550}.nav-link:hover{transform:none;color:var(--accent)}.header-account{display:flex;align-items:center;gap:14px;flex:none}.credit-chip{padding:9px 12px;font-size:11px;background:var(--soft);color:var(--accent);border:1px solid var(--line)}.user-menu{position:relative}.user-menu summary{display:flex;align-items:center;gap:8px;max-width:175px;font-size:11px}.user-menu summary #header-name{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--button-text)}.user-popover{position:absolute;right:0;top:44px;width:245px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #0002}.user-popover p{font-size:10px;color:var(--muted);overflow-wrap:anywhere;padding:5px 8px 12px}.user-popover a,.user-popover button{display:block;width:100%;text-align:left;padding:10px 8px;color:var(--text);background:none;font-size:12px;border-radius:7px}.user-popover a:hover,.user-popover button:hover{background:var(--soft);transform:none}.icon-button{display:none}.saas-dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:24px;margin:auto;padding:34px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 30px 120px #0005}.saas-dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}.auth-dialog,.payment-dialog{max-width:440px}.pricing-dialog{max-width:1000px}.dialog-close{position:absolute;right:14px;top:12px;width:32px;height:32px;padding:0;background:var(--soft);color:var(--muted);font-size:24px}.saas-dialog h2{font-size:28px;letter-spacing:-.04em;margin:16px 0 8px}.modal-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.08em;border:1px solid var(--line);border-radius:30px;padding:7px 10px;color:var(--accent)}.modal-subtitle{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:20px}.modal-context,.modal-error{padding:12px;border-radius:10px;background:var(--soft);font-size:12px;line-height:1.6;margin:16px 0}.modal-error{color:#be3529;border:1px solid #be352944}.saas-dialog .google-button{border:1px solid var(--line);border-radius:12px;min-height:45px}.google-letter{font-family:Arial,sans-serif;font-size:21px;color:#4285f4}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}#auth label{margin-bottom:14px;font-size:12px}#auth input{font-size:14px;padding:13px}#auth-submit{width:100%;margin:7px 0 16px;font-size:13px;padding:14px}.auth-switch{font-size:12px;margin-bottom:18px}.auth-switch .text-button{font-size:12px;color:var(--accent);font-weight:700}.pricing-tabs{display:flex;justify-content:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--soft);width:max-content;max-width:100%;margin:24px auto}.pricing-tabs button{padding:11px 18px;color:var(--muted);background:none;font-size:12px}.pricing-tabs button[aria-pressed=true]{background:var(--accent);color:var(--button-text)}.plan-features{list-style:none;padding:0;margin:18px 0;font-size:11px;line-height:2;color:var(--muted)}.plan-features li:before{content:'✓';color:var(--accent);margin-right:7px}.plan-card.selected-plan{outline:2px solid var(--accent);outline-offset:3px}.modal-pricing .plans{margin-top:22px}.modal-pricing .cost-strip{margin:22px 0}.modal-pricing .price{font-size:30px}.modal-pricing .plan-card{padding:22px 18px}.modal-pricing .plan-card h3{font-size:16px}.modal-pricing .plan-card button{font-size:11px}.payment-actions{display:flex;gap:10px;margin:24px 0}.secondary-button{background:var(--soft);color:var(--text)}.site-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;padding:15px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 10px 35px #0002;font-size:12px;max-width:calc(100% - 32px);width:max-content;line-height:1.6}.creator-section .account-bar{padding-bottom:16px}.result-panel .preview-status{border-radius:30px;padding:7px 10px;background:var(--soft);font-size:9px}.saas-dialog button:focus-visible,.saas-header a:focus-visible,.saas-header button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){.site-nav{gap:14px}.saas-header{gap:14px}.saas-header .brand small{display:none}.header-account{gap:9px}.header-account .nav-cta{font-size:10px}.user-menu summary #header-name{display:none}}
@media(max-width:850px){.saas-header{flex-wrap:wrap;padding-top:14px;padding-bottom:14px;min-height:76px;gap:12px}.saas-header .brand{margin-right:auto}.icon-button{display:block;background:var(--soft);color:var(--text);padding:8px 11px;font-size:17px;order:3}.header-account{order:2}.site-nav{order:4;display:none;width:100%;margin:0;padding-top:12px}.site-nav.nav-open{display:flex;flex-wrap:wrap;gap:20px}.site-nav.nav-open a,.site-nav.nav-open button{display:block!important;font-size:12px}.saas-header .header-account .nav-cta{display:none}.saas-header .brand small{display:none}.user-popover{right:-50px}.header-account .credit-chip{padding:8px 10px;font-size:10px}.pricing-dialog{padding:30px 20px}.pricing-dialog .plans{grid-template-columns:1fr 1fr}.pricing-dialog .subscriptions{grid-template-columns:1fr}.saas-dialog .cost-strip{grid-template-columns:1fr 1fr}.saas-dialog .cost-strip span:nth-child(2){border:0}.saas-dialog .cost-strip span{padding:5px 0}.saas-dialog h2{font-size:25px}.site-toast{bottom:12px}.pricing-tabs button{padding:10px 12px;font-size:11px}}
@media(max-width:390px){.saas-header .brand{font-size:11px}.saas-header .brand-mark{width:29px;height:29px;font-size:10px}.header-account{gap:6px}.saas-header{gap:7px}.icon-button{padding:7px 9px}.auth-dialog,.payment-dialog{padding:30px 22px}.pricing-dialog .plans{grid-template-columns:1fr}.user-popover{right:-36px}}
.user-menu[open]>summary>span{transform:none}.user-menu[open]>summary>span:last-child{transform:rotate(180deg)}

.preview-stages>span[aria-current=step]{color:#f9a14a}.preview-stages>span[aria-current=step] b{color:inherit}

.saas-header .nav-cta{background:var(--accent);color:var(--button-text)!important;text-decoration:none;font-size:12px;min-height:42px;display:inline-flex;align-items:center;padding:10px 20px}.hero-actions .button{min-height:46px}.hero-guide{background:transparent;color:var(--text);border:1px solid var(--line)}.hero-guide:hover{background:var(--soft)}#how-it-works,#create{scroll-margin-top:104px}.how-it-works{margin-top:36px;padding:40px 0}.how-it-works>.eyebrow{margin-bottom:14px}.how-it-works .cards{margin:24px 0}.steps-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.hero-actions{flex-wrap:wrap;gap:12px}.user-popover a{text-decoration:none}
@media(max-width:720px){.how-it-works{margin-top:24px;padding:30px 0}.steps-actions{gap:18px}.hero-actions .button{padding:13px 17px}.how-it-works .cards{margin:22px 0}}