@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Grotesk_6b9622;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Grotesk_Fallback_6b9622;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_6b9622{font-family:__Space_Grotesk_6b9622,__Space_Grotesk_Fallback_6b9622;font-style:normal}.__variable_6b9622{--font-space-grotesk:"__Space_Grotesk_6b9622","__Space_Grotesk_Fallback_6b9622"}:root{--color-bg:#f4f2fb;--color-surface:#fff;--color-surface-2:#faf8ff;--color-border:#e7e1f5;--color-border-strong:#d6ccf0;--color-text:#17123a;--color-text-muted:#6b6390;--color-navy:#17123a;--color-navy-mid:#241c52;--color-primary:#c21a86;--color-primary-dark:#a01270;--color-primary-bright:#ff2e9a;--color-primary-soft:#fce0f1;--color-cyan:#00c2d6;--color-purple:#b026ff;--color-accent:#b026ff;--grad-brand:linear-gradient(120deg,#00e5ff,#b026ff 52%,#ff2e9a);--grad-cta:linear-gradient(120deg,#ff2e9a,#b026ff);--color-success:#17a589;--color-danger:#e0145a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 2px rgba(13,27,42,.05),0 1px 3px rgba(13,27,42,.06);--shadow-md:0 4px 12px rgba(13,27,42,.07),0 12px 28px rgba(13,27,42,.08);--shadow-lg:0 20px 50px rgba(13,27,42,.18);--font-sans:var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-display:var(--font-space-grotesk),"Space Grotesk",var(--font-inter),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--max-width:1160px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}h1,h2,h3{letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}h1,h2,h3,h4,p{margin:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px;width:100%}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:hsla(0,0%,100%,.82);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border)}.app-header-inner{justify-content:space-between;padding:14px 20px;max-width:var(--max-width);margin:0 auto;gap:12px}.app-header-inner,.brand-mark{display:flex;align-items:center}.brand-mark{gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark .dot{width:11px;height:11px;border-radius:50%;background:var(--grad-cta);box-shadow:0 0 10px rgba(255,46,154,.55)}.header-nav{display:flex;gap:18px;align-items:center;font-size:.92rem;color:var(--color-text-muted)}.header-nav a:hover{color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .06s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--grad-cta);background-size:160% 160%;color:#fff;box-shadow:0 2px 10px rgba(255,46,154,.35),0 0 0 0 rgba(176,38,255,0);transition:transform .2s,box-shadow .25s,background-position .4s}.btn-primary:hover{background-position:100% 0;box-shadow:0 4px 20px rgba(255,46,154,.5);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:#fff;color:var(--color-danger);border-color:#f1c4c0}.btn-danger:hover{background:#fdf0ef}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:#f0f0f3;color:var(--color-text)}.btn-sm{padding:6px 12px;font-size:.82rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card-pad{padding:20px}.field-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--color-text)}.field-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:6px}input[type=email],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;background:#fff;color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}textarea{resize:vertical;min-height:90px}input[type=color]{width:56px;height:40px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;cursor:pointer}.hero-panel{padding:72px 0 44px;text-align:center}.hero-panel h1{font-family:var(--font-display);font-size:clamp(2.1rem,4.4vw,3rem);font-weight:600;letter-spacing:-.025em;line-height:1.08;color:var(--color-navy);margin-bottom:16px}.hero-panel p{max-width:620px;margin:0 auto;color:var(--color-text-muted);font-size:1.05rem}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}.explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:40px 0}@media (max-width:760px){.explainer-grid{grid-template-columns:1fr}}.explainer-card{padding:20px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.explainer-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.explainer-card .emoji{font-size:1.7rem;margin-bottom:10px;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-md);background:var(--color-primary-soft)}.explainer-card h3{font-size:1rem;margin-bottom:6px}.explainer-card p{font-size:.88rem;color:var(--color-text-muted)}.site-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;margin:24px 0 60px}.site-card{padding:18px;display:flex;flex-direction:column;gap:10px}.site-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.site-card-top{display:flex;align-items:center;gap:12px}.site-logo-badge{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#eee}.site-logo-badge img,.site-logo-badge svg{width:100%;height:100%}.site-card h3{font-family:var(--font-display);font-weight:600;font-size:1.08rem}.site-card .tagline{font-size:.85rem;color:var(--color-text-muted)}.site-card-actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:40px}.section-title-row h2{font-family:var(--font-display);font-weight:600;font-size:1.3rem}.wizard-shell{min-height:calc(100vh - 66px);display:flex;align-items:center;justify-content:center;padding:30px 16px}.wizard-card{width:100%;max-width:560px;padding:32px}.wizard-progress{display:flex;gap:6px;margin-bottom:24px}.wizard-progress-seg{flex:1 1;height:4px;border-radius:3px;background:var(--color-border)}.wizard-progress-seg.done{background:var(--color-primary)}.wizard-step-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:8px;font-weight:700}.wizard-question{font-family:var(--font-display);font-size:1.45rem;font-weight:600;margin-bottom:18px;letter-spacing:-.01em;color:var(--color-navy)}.wizard-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.wizard-nav{display:flex;justify-content:space-between;align-items:center;gap:10px}.wizard-nav-right{display:flex;gap:8px}.color-row{display:flex;gap:20px;flex-wrap:wrap}.color-field{display:flex;align-items:center;gap:10px}.autofill-banner{background:#eef6ec;border:1px solid #cfe8c7;color:#2a6b32;padding:10px 14px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:16px}.upload-drop{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);padding:22px;text-align:center;color:var(--color-text-muted);font-size:.88rem;cursor:pointer;background:#fafafc}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--color-border);background:#fff;font-size:.82rem;cursor:pointer;color:var(--color-text-muted)}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.editor-shell{display:flex;align-items:stretch;gap:0;height:calc(100vh - 60px);overflow:hidden}@media (max-width:900px){.editor-shell{flex-direction:column;height:auto;overflow:visible}[data-desktop-only]{display:none!important}}.panel-resizer{flex:0 0 6px;width:6px;cursor:col-resize;background:var(--color-border);display:flex;align-items:center;justify-content:center;transition:background .15s ease;position:relative;z-index:2}.panel-resizer:active,.panel-resizer:hover{background:var(--color-primary)}.panel-resizer-grip{display:block;width:2px;height:34px;border-radius:999px;background:rgba(0,0,0,.28)}.panel-resizer:active .panel-resizer-grip,.panel-resizer:hover .panel-resizer-grip{background:#fff}.chat-panel{position:relative}.chat-panel.drag-over{outline:2px dashed var(--color-primary);outline-offset:-6px}.drop-overlay{position:absolute;inset:0;z-index:20;background:hsla(0,0%,100%,.92);display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:6px}.drop-overlay-inner{text-align:center;color:var(--color-primary);font-weight:600;font-size:.95rem;padding:20px 26px;border:2px dashed var(--color-primary);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:8px;align-items:center;max-width:80%}.editor-tabs{display:flex;gap:4px;padding:8px 16px 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.editor-tab{padding:10px 14px;font-size:.86rem;font-weight:600;color:var(--color-text-muted);border-bottom:2px solid transparent;cursor:pointer}.editor-tab.active{color:var(--color-primary);border-color:var(--color-primary)}.chat-panel{display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);height:100%;min-height:0}@media (max-width:900px){.chat-panel{border-right:none;border-bottom:1px solid var(--color-border);height:60vh;width:100%!important;flex:1 1 auto!important}}.chat-header{padding:14px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.chat-header h2{font-family:var(--font-display);font-weight:600;font-size:1.02rem}.model-selector{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.model-pill{padding:5px 10px;border-radius:999px;border:1px solid var(--color-border);font-size:.76rem;cursor:pointer;background:#fff;color:var(--color-text-muted)}.model-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chat-quick-actions{padding:10px 16px;border-bottom:1px solid var(--color-border)}.chat-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:0}.chat-bubble{max-width:88%;padding:10px 14px;border-radius:var(--radius-md);font-size:.88rem;line-height:1.45;white-space:pre-wrap}.chat-bubble.user{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant{align-self:flex-start;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-bottom-left-radius:4px}.chat-input-row{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border)}.chat-input-row textarea{flex:1 1;min-height:44px;max-height:120px}.btn-attach{flex:0 0 auto;align-self:stretch;min-width:44px;padding:0 12px;font-size:1.05rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.attachment-tray{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 0}.attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:.8rem;background:var(--color-surface,#f4f5f7);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text,#1a1a1a);max-width:100%}.attachment-chip button{border:none;background:transparent;cursor:pointer;font-size:1rem;line-height:1;color:var(--color-text-muted);padding:0 2px}.attachment-chip button:hover{color:#d33}.preview-panel{overflow-y:auto;height:100%;background:#eceef1}@media (max-width:900px){.preview-panel{height:auto;min-height:60vh}}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:5}.preview-toolbar-title{font-size:.82rem;color:var(--color-text-muted)}.preview-frame-wrap{padding:20px}.preview-frame{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);max-width:900px;margin:0 auto}.preview-panel-v2{display:flex;flex-direction:column;height:100%;min-height:0;flex:1 1 auto;min-width:0;background:#eceef1}.preview-iframe-wrap{flex:1 1;min-height:0;padding:16px}.preview-iframe-inner{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);height:100%;border:1px solid var(--color-border)}.preview-iframe-inner iframe{width:100%;height:100%;border:none;display:block;background:#fff}.preview-empty-state{height:100%;flex-direction:column;justify-content:center;gap:10px;font-size:.9rem;text-align:center;padding:40px}.phase-progress,.preview-empty-state{display:flex;align-items:center;color:var(--color-text-muted)}.phase-progress{gap:8px;align-self:flex-start;font-size:.82rem;padding:8px 14px;background:#f0f0f4;border-radius:var(--radius-md)}.phase-progress .spinner{width:13px;height:13px;border-width:2px}.admin-links{display:flex;gap:10px;font-size:.78rem}.admin-links a{color:var(--color-text-muted);text-decoration:underline}.qa-shot-grid{display:flex;gap:14px;flex-wrap:wrap;padding:16px}.qa-shot-grid img{max-width:320px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.site-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;padding:3px 9px;border-radius:999px;background:#eef1f5;color:var(--color-text-muted);text-transform:capitalize}.site-status-badge.ready{background:#e3f4e6;color:#227a3c}.site-status-badge.building{background:#fdf2e0;color:#99691a}.site-status-badge.error{background:#fbe4e2;color:#b03227}.typing-indicator{align-self:flex-start;font-size:.82rem;color:var(--color-text-muted);padding:6px 14px}.modal-overlay{position:fixed;inset:0;background:rgba(15,15,20,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-panel{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:86vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{padding:18px 22px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.05rem}.modal-body{padding:18px 22px;overflow-y:auto;flex:1 1}.modal-footer{padding:16px 22px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.diff-list{display:flex;flex-direction:column;gap:10px}.diff-row{padding:10px 12px;border-radius:var(--radius-sm);background:#f7f7f9;font-size:.85rem}.diff-path{font-size:.76rem;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:4px}.diff-badge,.diff-path{font-weight:700;text-transform:uppercase}.diff-badge{display:inline-block;font-size:.68rem;padding:2px 7px;border-radius:999px;margin-right:6px}.diff-badge.added{background:#e3f4e6;color:#227a3c}.diff-badge.removed{background:#fbe6e5;color:#b83227}.diff-badge.changed{background:var(--color-primary-soft);color:var(--color-primary-dark)}.diff-value-old{color:var(--color-danger);text-decoration:line-through}.diff-value-new{color:var(--color-success);font-weight:600}.diff-arrow{color:var(--color-text-muted);margin:0 6px}.pub-hero{position:relative;color:#fff;padding:90px 24px 70px;text-align:center;background-size:cover;background-position:50%}.pub-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.6))}.pub-hero-inner{position:relative;max-width:760px;margin:0 auto}.pub-hero h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.pub-hero p{font-size:1.1rem;opacity:.94;margin-bottom:26px}.pub-section{padding:64px 24px;max-width:1100px;margin:0 auto}.pub-section h2{font-size:1.7rem;font-weight:800;letter-spacing:-.01em;margin-bottom:28px;text-align:center}.pub-about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center}@media (max-width:760px){.pub-about-grid{grid-template-columns:1fr}}.pub-about-grid img{border-radius:var(--radius-lg)}.pub-about-grid p{color:var(--color-text-muted);font-size:1rem;line-height:1.7}.pub-services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.pub-services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pub-services-grid{grid-template-columns:1fr}}.pub-service-card{padding:24px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border)}.pub-service-card .icon{font-size:1.8rem;margin-bottom:12px}.pub-service-card h3{font-size:1.05rem;margin-bottom:8px}.pub-service-card p{font-size:.9rem;color:var(--color-text-muted)}.pub-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:760px){.pub-gallery-grid{grid-template-columns:repeat(2,1fr)}}.pub-gallery-grid img{border-radius:var(--radius-md);aspect-ratio:4/3;object-fit:cover;width:100%;height:100%}.pub-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.pub-testimonials-grid{grid-template-columns:1fr}}.pub-testimonial-card{padding:22px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);font-size:.92rem}.pub-testimonial-card .quote{color:var(--color-text);margin-bottom:14px;font-style:italic}.pub-testimonial-card .author{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.pub-blog-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}@media (max-width:760px){.pub-blog-grid{grid-template-columns:1fr}}.pub-blog-card{padding:22px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border)}.pub-blog-card .date{font-size:.76rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.pub-blog-card h3{font-size:1.05rem;margin-bottom:8px}.pub-blog-card p{font-size:.9rem;color:var(--color-text-muted)}.pub-contact-section{text-align:center;padding:60px 24px}.pub-contact-grid{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:20px;font-size:.94rem}.pub-contact-item{color:var(--color-text-muted)}.pub-contact-item strong{display:block;color:var(--color-text);margin-bottom:4px}.pub-footer{padding:30px 24px;text-align:center;font-size:.8rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.pub-social-row{display:flex;gap:14px;justify-content:center;margin-top:14px}.pub-social-row a{padding:6px 12px;border-radius:999px;border:1px solid var(--color-border);font-size:.78rem}.pub-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--color-border)}.pub-nav-inner{max-width:1100px;margin:0 auto;padding:12px 24px;justify-content:space-between}.pub-nav-inner,.pub-nav-logo{display:flex;align-items:center}.pub-nav-logo{gap:10px;font-weight:700}.pub-nav-logo img,.pub-nav-logo svg{width:32px;height:32px;border-radius:6px}.cost-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:28px}@media (max-width:800px){.cost-summary-grid{grid-template-columns:repeat(2,1fr)}}.cost-summary-card{padding:18px;text-align:left}.cost-summary-card .label{font-size:.78rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.cost-summary-card .value{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.provider-breakdown{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:28px}@media (max-width:800px){.provider-breakdown{grid-template-columns:1fr}}.provider-card{padding:16px 18px}.provider-card .provider-name{font-weight:700;font-size:.92rem;margin-bottom:6px}.provider-card .provider-stat{font-size:.82rem;color:var(--color-text-muted)}.cost-table-wrap{overflow-x:auto}table.cost-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:720px}table.cost-table th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--color-border);color:var(--color-text-muted);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}table.cost-table td{padding:10px 12px;border-bottom:1px solid var(--color-border);white-space:nowrap}.provider-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700}.provider-tag.gemini{background:#e8f0fe;color:#1a56db}.provider-tag.claude{background:#f3ebfa;color:#7c3aed}.provider-tag.gpt{background:var(--color-primary-soft);color:var(--color-primary-dark)}.mock-tag{font-size:.68rem;padding:2px 7px;border-radius:999px;background:#f0f0f4;font-weight:700}.empty-state,.mock-tag{color:var(--color-text-muted)}.empty-state{text-align:center;padding:60px 20px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;bottom:20px;right:20px;background:var(--color-text);color:#fff;padding:12px 18px;border-radius:var(--radius-md);font-size:.86rem;box-shadow:var(--shadow-md);z-index:200}.mock-banner{background:#fff7e6;border-bottom:1px solid #f4dca0;color:#8a5c00;font-size:.8rem;text-align:center;padding:6px 12px}.onboard-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.onboard-header{padding:18px 20px 12px;border-bottom:1px solid var(--color-border)}.onboard-progress-track{height:6px;background:var(--color-bg);border-radius:999px;overflow:hidden}.onboard-progress-bar{height:100%;background:var(--color-primary);border-radius:999px;transition:width .35s ease}.onboard-step-count{margin-top:8px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.02em}.onboard-body{flex:1 1 auto;overflow-y:auto;padding:22px 20px}.onboard-title{font-family:var(--font-display);font-size:1.32rem;font-weight:600;line-height:1.22;margin:0 0 6px;color:var(--color-navy)}.onboard-required{color:var(--color-danger)}.onboard-hint{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;margin:0 0 16px}.onboard-input,.onboard-textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:11px 13px;font-size:.92rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.onboard-input:focus,.onboard-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(45,106,79,.15)}.onboard-textarea{min-height:110px;resize:vertical;line-height:1.5}.onboard-options{display:flex;flex-direction:column;gap:10px}.onboard-option{text-align:left;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;font-size:.92rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .14s ease}.onboard-option.selected,.onboard-option:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.onboard-option.selected{box-shadow:0 0 0 2px rgba(45,106,79,.22);font-weight:600}.onboard-chips{display:flex;flex-wrap:wrap;gap:8px}.onboard-chip{border:1px solid var(--color-border);border-radius:999px;padding:8px 14px;font-size:.85rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .14s ease}.onboard-chip.selected,.onboard-chip:hover{border-color:var(--color-primary)}.onboard-chip.selected{background:var(--color-primary);color:#fff;font-weight:600}.onboard-custom-row{display:flex;gap:8px;margin-top:6px;align-items:center}.onboard-custom-row .onboard-input{flex:1 1 auto}.onboard-custom-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.onboard-dropzone,.onboard-upload{display:flex;flex-direction:column}.onboard-dropzone{align-items:center;justify-content:center;gap:8px;width:100%;min-height:150px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text-muted);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.onboard-dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.onboard-dropzone .spinner{border:2px solid rgba(45,106,79,.3);border-top:2px solid var(--color-primary);width:22px;height:22px}.onboard-summary{display:flex;flex-direction:column;gap:2px}.onboard-summary-row{display:grid;grid-template-columns:120px 1fr auto;grid-gap:10px;gap:10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--color-border)}.onboard-summary-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.onboard-summary-value{font-size:.9rem;color:var(--color-text);line-height:1.45;word-break:break-word}.onboard-summary-edit{border:none;background:none;color:var(--color-primary);font-size:.82rem;font-weight:600;cursor:pointer;padding:0}.onboard-summary-edit:hover{text-decoration:underline}.onboard-error{margin-top:14px;font-size:.84rem;color:var(--color-danger);background:#fdecea;border:1px solid #f5c6c2;border-radius:var(--radius-sm);padding:8px 12px}.onboard-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid var(--color-border);background:var(--color-surface)}.onboard-build-btn{font-weight:700;padding:11px 22px}.voice-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.voice-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.voice-btn.listening{background:var(--color-primary);border-color:var(--color-primary);color:#fff;animation:voice-pulse 1.4s ease-in-out infinite}@keyframes voice-pulse{0%,to{box-shadow:0 0 0 0 rgba(45,106,79,.45)}50%{box-shadow:0 0 0 6px rgba(45,106,79,0)}}.onboard-field-row{position:relative;display:flex;align-items:flex-start;gap:8px}.onboard-field-row .onboard-input,.onboard-field-row .onboard-textarea{flex:1 1 auto}.onboard-field-row .voice-btn{margin-top:2px}.viewport-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border)}.viewport-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;background:transparent;color:var(--color-text-muted);font-size:.76rem;font-weight:600;padding:5px 11px;border-radius:999px;cursor:pointer;transition:all .14s ease}.viewport-toggle button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-pick{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);font-size:.76rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:all .14s ease}.btn-pick:hover{color:var(--color-primary)}.btn-pick.active,.btn-pick:hover{border-color:var(--color-primary)}.btn-pick.active{background:var(--color-primary);color:#fff}.selected-el-chip{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);font-size:.8rem;color:var(--color-text)}.selected-el-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex:0 0 auto}.selected-el-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-el-label strong{font-weight:700}.selected-el-clear{flex:0 0 auto;border:none;background:transparent;color:var(--color-text-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 2px}.selected-el-clear:hover{color:var(--color-text)}.preview-iframe-wrap.is-mobile{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.preview-iframe-wrap.is-mobile .preview-iframe-inner{width:390px;max-width:100%;height:100%;min-height:640px;border-radius:30px;border:10px solid var(--color-navy);box-shadow:var(--shadow-lg)}@media (max-width:900px){.editor-tabs{position:-webkit-sticky;position:sticky;top:57px;z-index:30}.editor-tab{flex:1 1;text-align:center;padding:12px 14px}.editor-shell .mobile-hidden{display:none!important}.editor-shell .chat-panel.mobile-active,.editor-shell .preview-panel-v2.mobile-active{display:flex!important}.viewport-toggle{display:none}.preview-toolbar{flex-wrap:wrap;gap:8px}}@media (max-width:640px){.app-header-inner{padding:12px 16px}.header-nav{gap:12px;font-size:.86rem}.container{padding:0 16px}.hero-panel{padding:44px 0 28px}.btn{padding:11px 18px}.chat-input-row textarea,.onboard-input,.onboard-textarea,input[type=email],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px}.chat-input-row{padding:10px 12px;gap:6px}.onboard-body{padding:18px 16px}.onboard-footer{padding:12px 16px}.chat-panel{height:calc(100vh - 118px)!important}.preview-panel-v2{min-height:calc(100vh - 118px)}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-bg,#f4f5f3)}.auth-card{width:100%;max-width:400px;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7e4);border-radius:18px;padding:36px 32px;box-shadow:0 4px 24px rgba(13,27,42,.06)}.auth-brand{margin-bottom:24px;font-weight:800;font-size:1.1rem}.auth-card h1{font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-size:1.6rem;margin:0 0 8px;color:var(--color-text,#0d1b2a)}.auth-sub{font-size:.95rem;line-height:1.5;color:var(--color-text-muted,#5b6873);margin:0 0 22px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-input{width:100%;padding:12px 14px;font-size:1rem;border:1px solid var(--color-border,#d7dbd6);border-radius:10px;background:var(--color-bg,#fff);color:var(--color-text,#0d1b2a)}.auth-input:focus{outline:none;border-color:var(--color-primary,#2d6a4f);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary,#2d6a4f) 18%,transparent)}.auth-error{margin:14px 0 0;font-size:.88rem;color:#b42318}.subscribe-perks{list-style:none;margin:18px 0 6px;padding:0;display:grid;grid-gap:10px;gap:10px}.subscribe-perks li{position:relative;padding-left:26px;font-size:.94rem;color:var(--color-text,#0d1b2a)}.subscribe-perks li:before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:var(--color-primary,#2d6a4f);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px var(--color-primary,#2d6a4f)}.trial-banner{margin:12px 0 4px;padding:10px 16px;border-radius:10px;background:color-mix(in srgb,var(--color-primary,#2d6a4f) 12%,#fff);color:var(--color-primary,#2d6a4f);font-size:.9rem;font-weight:600;border:1px solid color-mix(in srgb,var(--color-primary,#2d6a4f) 25%,transparent)}.user-menu{position:relative;display:inline-flex}.user-menu-trigger{border:none;background:none;cursor:pointer;padding:0}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--color-primary,#2d6a4f);color:#fff;font-weight:700;font-size:.95rem}.user-menu-backdrop{position:fixed;inset:0;z-index:40}.user-menu-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:220px;background:#fff;border:1px solid var(--color-border,#e5e7e4);border-radius:12px;box-shadow:0 8px 30px rgba(13,27,42,.14);padding:8px}.user-menu-email{padding:8px 10px 2px;font-size:.85rem;font-weight:600;color:var(--color-text,#0d1b2a);word-break:break-all}.user-menu-status{padding:0 10px 8px;font-size:.78rem;color:var(--color-text-muted,#5b6873);border-bottom:1px solid var(--color-border,#eef0ee);margin-bottom:6px}.user-menu-item{display:block;width:100%;text-align:left;padding:9px 10px;border:none;background:none;border-radius:8px;font-size:.9rem;color:var(--color-text,#0d1b2a);cursor:pointer}.user-menu-item:hover{background:var(--color-bg,#f4f5f3)}