/* A working creator is the first thing people see. Quiet chrome, clear steps. */
.usage-toolbar{padding:20px;border:1px solid var(--border,#e7e0ef);border-radius:14px;background:var(--card,#fff);margin:20px 0;color:var(--text,#32243e)}.usage-toolbar b{font-size:13px}.usage-toolbar p{font-size:12px;line-height:1.7;max-width:760px;margin:8px 0;color:var(--muted,#81748e)}.usage-toolbar small{display:block;font-size:10px;margin-top:12px;color:var(--muted,#81748e)}.usage-toolbar .usage-local{padding-top:10px;border-top:1px solid var(--border,#eee);font-size:11px}.usage-extra{margin-top:22px}.dark .usage-toolbar{background:#1b1927;color:#eee}.usage-toolbar .select{max-width:100%}
.lp-nav{min-height:82px;padding-top:18px;padding-bottom:18px}.lp-nav .btn{min-height:44px}.lp-nav .logo{font-size:24px}
.quick-hero{max-width:1440px;grid-template-columns:minmax(300px,.85fr) minmax(580px,1.25fr);gap:50px;padding:70px 56px 78px;min-height:690px;background:#fff;align-items:center}
.quick-intro h1{font-size:clamp(38px,3.8vw,58px);line-height:1.12;letter-spacing:-.05em;margin:26px 0 20px;max-width:520px}.quick-intro h1>span:after{display:none}.quick-intro>p{font-size:16px;line-height:1.8;color:#686278;margin:0 0 28px}.quick-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #e9e5f0;padding:8px 12px;border-radius:30px;font-size:9px;letter-spacing:.06em;font-weight:750;color:#645473;background:#fbfaff}.quick-benefits{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;font-size:11px;color:#6a627c}.quick-benefits span{display:flex;align-items:center;gap:7px}.quick-platform-note{display:flex;gap:13px;margin-top:40px;padding-top:23px;border-top:1px solid #ece9f3;max-width:380px;color:#6940db}.quick-platform-note>svg{flex-shrink:0;margin-top:2px}.quick-platform-note b,.quick-platform-note span{display:block}.quick-platform-note b{font-size:12px;color:#40364e}.quick-platform-note span{font-size:11px;margin-top:6px;color:#7a7286;line-height:1.6}
.quick-wrap{padding:12px;background:linear-gradient(130deg,#f6e9ef,#eeebfb 75%);border-radius:28px;scroll-margin-top:20px;min-width:0}.quick-wrap #quick-panel{background:#fff;border:1px solid #e5e0ee;border-radius:19px;box-shadow:0 8px 28px #38215c08;overflow:hidden}
.quick-steps{display:flex;gap:12px;padding:22px 22px 19px;border-bottom:1px solid #efecf4}.quick-steps button{flex:1;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:#8a8198;font:inherit;min-width:0;text-align:left;min-height:28px}.quick-steps button:disabled{opacity:.6;cursor:default}.quick-steps button span{width:24px;height:24px;border:1px solid #dcd6e6;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:10px}.quick-steps button span.active{background:#6940db;color:white;border-color:#6940db}.quick-steps button b{font-size:10px;font-weight:600}.quick-steps button[aria-current=step] b{color:#382847}.quick-steps button:not(:last-child):after{content:'';height:1px;flex:1;background:#e8e2f0;margin-left:3px}
.quick-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:348px;gap:18px;padding:23px 22px 10px}.quick-workspace.choosing-type{display:block;min-height:348px}.quick-stage-heading h2{font-size:17px;letter-spacing:-.025em;margin:0 0 7px;line-height:1.3}.quick-stage-heading p{font-size:11px;color:#84798f;margin:0 0 22px;line-height:1.6}
.quick-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-types button{border:1px solid #eae6ef;border-radius:11px;background:white;padding:12px;display:flex;align-items:center;gap:11px;text-align:left;position:relative;min-width:0;min-height:63px;transition:border-color .2s,background .2s}.quick-types button:hover,.quick-types button.selected{background:#faf7ff;border-color:#ac8de9}.quick-type-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f4eefc;color:#6940db;flex-shrink:0}.quick-types button:nth-child(2) .quick-type-icon{background:#fff1f5;color:#d34172}.quick-types button:nth-child(3) .quick-type-icon{background:#eaf8f1;color:#1d9967}.quick-types button:nth-child(4) .quick-type-icon{background:#eaf5fd;color:#277caa}.quick-types b{font-size:12px;display:block;color:#3f354e}.quick-types small{font-size:9px;color:#928a9b;display:block;margin-top:4px;line-height:1.5}.quick-types em{position:absolute;right:9px;top:7px;font-size:7px;padding:3px 5px;background:#6940db;color:#fff;border-radius:4px;font-style:normal;letter-spacing:.02em}.quick-types button:first-child b{padding-right:28px}
.quick-fields .field{margin-bottom:15px}.quick-fields label{font-size:11px}.quick-fields label small{font-size:10px;font-weight:400;color:#9c92a7}.quick-fields .input,.quick-fields .textarea,.quick-fields .select{font-size:12px;min-height:43px;border-radius:8px;padding:11px 12px}.quick-fields .hint{font-size:10px;line-height:1.7;margin:0 0 15px}.quick-fields .textarea{resize:vertical;min-height:115px}
.quick-preview{min-width:0;border-left:1px solid #f0edf4;padding-left:18px;display:flex;flex-direction:column;align-items:stretch}.quick-control-label{font-size:9px;color:#81748e;font-weight:700;letter-spacing:.045em}.quick-live-dot{font-size:8px;display:flex;align-items:center;gap:4px;color:#6f6280}.quick-live-dot:before{content:'';width:5px;height:5px;background:#1c9a70;border-radius:50%}#quick-preview-art{margin:14px auto 0;width:100%;max-width:220px;aspect-ratio:1;display:grid;place-items:center;background:#f9f8fc;border:1px dashed #e6e0ee;border-radius:12px;overflow:hidden;padding:12px}#quick-preview-art.ready{background:#fff;border:1px solid #ebe6f2}#quick-preview-art>svg{width:100%;height:100%}.quick-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:#b3a6c4}.quick-placeholder span{font-size:10px;color:#9687a7}.quick-preview>p{font-size:9px;color:#8c8198;text-align:center;line-height:1.7;margin:12px 0 0}.quick-downloads{display:flex;gap:6px;margin-top:15px}.quick-downloads .btn{min-height:41px;font-size:10px;padding:8px 10px}.quick-downloads .btn:first-child{flex:1}
.quick-status{min-height:30px;font-size:10px;color:#7a7089;padding:4px 22px 10px;line-height:1.6}.quick-status.error{color:#b83251}.quick-footer{border-top:1px solid #f0edf4;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:14px}.quick-footer .btn{font-size:11px;min-height:42px;padding:10px 14px}.quick-footer-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#93879d;line-height:1.5}.quick-back{border:0;background:transparent;color:#8b7c9c;font-size:11px;padding:10px 0;min-height:42px}.quick-back:hover{color:#6940db}
.quick-presets{display:flex;gap:9px;margin:12px 0 20px;flex-wrap:wrap}.quick-presets button{width:34px;height:34px;border:1px solid transparent;background:transparent;border-radius:50%;padding:4px}.quick-presets button span{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch)}.quick-presets button.selected{border-color:var(--swatch)}.quick-colors{display:flex;gap:12px;margin-bottom:17px}.quick-colors label{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;border:1px solid #e8e1ef;border-radius:7px;font-size:10px;padding:6px 9px;color:#7f708f}.quick-colors input{width:25px;height:25px;background:transparent;border:0;padding:0;cursor:pointer}.quick-form-row{display:flex;align-items:center;gap:15px;margin-bottom:18px}.quick-form-row label{font-size:10px;color:#7f708f}.quick-form-row select{font-size:11px;min-height:38px;padding:8px;flex:1}.quick-logo-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #f0eaf5;padding-top:15px}.quick-logo-row>div{flex:1;min-width:110px}.quick-logo-row b,.quick-logo-row small{display:block}.quick-logo-row b{font-size:11px}.quick-logo-row small{font-size:9px;color:#9c90a7;margin-top:5px}.quick-logo-row .btn{font-size:10px;min-height:37px;padding:8px 10px}
.quick-wrap button:focus-visible,.quick-intro a:focus-visible{outline:3px solid #b695ed;outline-offset:3px}.lp-capabilities{margin-top:0}.lp-section-head h2,.lp-faq h2{letter-spacing:-.045em}.lp-section{padding-top:76px;padding-bottom:64px}
.quick-status.warning{color:#986522}
.quick-types b{font-size:13px}.quick-types small{font-size:10px}.quick-fields label{font-size:12px}.quick-fields .input,.quick-fields .textarea,.quick-fields .select{font-size:13px}.quick-steps button b{font-size:11px}.quick-status{font-size:11px}.quick-presets button{width:40px;height:40px}.quick-auth-note{padding:14px 16px;border:1px solid #ded0f7;border-radius:10px;background:#f8f4ff;color:#684c90;font-size:12px;line-height:1.7;margin:20px 0}.builder-quick-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.builder-quick-actions .btn{font-size:12px}.builder-footer{gap:12px;flex-wrap:wrap}
@media(min-width:1500px){.quick-hero{padding-top:90px;padding-bottom:100px}.quick-intro h1{font-size:64px}}
@media(max-width:1200px){.quick-hero{grid-template-columns:minmax(260px,.8fr) minmax(510px,1.2fr);padding:54px 32px 65px;gap:30px}.quick-intro h1{font-size:42px}.quick-intro>p{font-size:14px}.quick-workspace{gap:12px;padding-left:18px;padding-right:18px}.quick-types{gap:9px}.quick-types button{padding:10px;gap:8px}.quick-types em{top:4px;right:5px}.quick-types small{font-size:8px}}
@media(max-width:1000px){.quick-hero{grid-template-columns:1fr;padding:40px 32px 55px;gap:38px;min-height:0}.quick-intro{text-align:center;max-width:650px;margin:auto}.quick-intro h1{max-width:none;font-size:48px}.quick-benefits{justify-content:center}.quick-platform-note{display:none}.quick-wrap{width:100%;max-width:760px;margin:auto}.quick-workspace{min-height:360px}.quick-types button{min-height:68px}.quick-types small{font-size:10px}.quick-types b{font-size:13px}.quick-preview{padding-left:24px}#quick-preview-art{max-width:230px}.quick-steps button b{font-size:12px}.quick-fields .input{min-height:44px}.quick-presets button{width:44px;height:44px}.quick-types em{font-size:8px;right:12px;top:10px}.quick-downloads .btn{min-height:44px}.quick-logo-row .btn{min-height:44px}}
@media(max-width:600px){.lp-nav{min-height:76px;padding:17px 20px}.quick-hero{padding:26px 16px 40px;gap:30px}.quick-intro h1{font-size:38px;margin:20px 0 16px}.quick-intro>p{font-size:13px;margin-bottom:24px}.quick-eyebrow{font-size:8px}.quick-benefits{gap:12px;font-size:9px;margin-top:18px}.quick-wrap{padding:7px;border-radius:21px}.quick-wrap #quick-panel{border-radius:15px}.quick-steps{padding:17px 14px;gap:7px}.quick-steps button{gap:5px;min-height:32px}.quick-steps button b{font-size:9px}.quick-steps button span{width:21px;height:21px;font-size:9px}.quick-steps button:not(:last-child):after{display:none}.quick-workspace{grid-template-columns:1fr;padding:20px 14px 12px;gap:18px;min-height:0}.quick-workspace.choosing-type{min-height:0}.quick-stage-heading h2{font-size:16px}.quick-stage-heading p{margin-bottom:17px;font-size:11px}.quick-types{gap:9px}.quick-types button{padding:10px 8px;gap:7px;min-height:73px}.quick-types b{font-size:11px}.quick-types small{font-size:8px}.quick-type-icon{width:27px;height:30px}.quick-type-icon svg{width:18px}.quick-types em{right:5px;top:4px;font-size:6px}.quick-types button:first-child b{padding-right:0}.quick-preview{border:0;border-top:1px solid #ede7f4;padding:18px 0 0}.quick-preview .between{max-width:260px;width:100%;margin:auto}#quick-preview-art{max-width:230px;margin-top:14px}.quick-preview>p{font-size:10px}.quick-downloads{max-width:260px;width:100%;margin:15px auto 0}.quick-downloads .btn{font-size:12px}.quick-status{padding:5px 14px 12px;font-size:10px;min-height:30px}.quick-footer{padding:13px 14px;gap:8px}.quick-footer-note{font-size:8px;max-width:150px}.quick-footer .btn{font-size:10px;min-height:44px;padding:10px 12px}.quick-back{min-height:44px}.quick-fields label{font-size:12px}.quick-fields .input,.quick-fields .textarea,.quick-fields .select{font-size:16px}.quick-control-label{font-size:10px}.quick-form-row select{min-height:44px}.quick-colors label{min-height:44px}.quick-logo-row small{font-size:10px}.quick-presets{gap:8px}.lp-section{padding-top:50px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.quick-types button{transition:none}}
@media(max-width:600px){.quick-presets{gap:4px}.quick-presets button{width:44px;height:44px}.quick-types small{font-size:9px}.quick-types b{font-size:12px}.quick-types button{min-height:78px}.quick-fields .input,.quick-fields .textarea,.quick-fields .select{font-size:16px}.builder-quick-actions{width:100%}.builder-quick-actions .btn{flex:1;min-height:44px}}