@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;opsz,wght@6..72,500;6..72,600&display=swap");:root{--paper:#f7f7f4;--surface:#fff;--ink:#18202c;--muted:#747b86;--line:#e4e5e1;--blue:#2457f5;--blue-dark:#1743d2;--mint:#0b8b6d;--coral:#d9624f;--shadow:0 18px 50px rgba(27,33,45,.06)}*{box-sizing:border-box}body,html{background:var(--paper);overflow-x:hidden}body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;background:#f0f1ed;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 16px 18px;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px}.brand-mark{background:var(--blue);color:#fff;font-size:12px;font-weight:700;letter-spacing:-.08em;width:30px;height:30px;display:grid;place-items:center;border-radius:9px}.brand-name{font-weight:700;letter-spacing:-.02em}.brand-caption{font-size:10px;color:var(--muted);margin-top:2px}.workspace-pill{padding:12px 9px;display:flex;align-items:center;gap:9px;border:1px solid #dadcd5;border-radius:9px;background:hsla(0,0%,100%,.55);margin-bottom:22px;min-width:0}.user-row strong,.workspace-pill strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row span,.workspace-pill span{display:block;color:var(--muted);font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:165px}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#cfe0ff;color:#2457f5;font-size:10px;font-weight:700;flex:none}.avatar.dark{background:#202b40;color:#fff}.nav-list{display:grid;grid-gap:5px;gap:5px}.nav-item{border:0;background:transparent;color:#747b86;text-align:left;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:8px;font-size:13px;width:100%}.nav-item.active,.nav-item:hover{color:var(--ink);background:#fff}.nav-item.active{box-shadow:0 1px 0 rgba(30,35,45,.03);font-weight:600}.nav-item.active svg{color:var(--blue)}.nav-count{margin-left:auto;color:#aaa;font-size:11px}.sidebar-bottom{margin-top:auto}.plan-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;margin:0 4px 15px}.plan-top{display:flex;align-items:center;justify-content:space-between;color:#59616c;font-size:11px;margin-bottom:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#1eb98e;display:inline-block;flex:none}.plan-card strong{font-size:12px}.meter{background:#eaebe7;border-radius:99px;height:4px;margin:10px 0}.meter span{display:block;height:100%;border-radius:99px;background:var(--blue)}.plan-card button{background:none;border:0;color:var(--blue);padding:0;font-size:11px;gap:4px}.plan-card button,.user-row{display:flex;align-items:center}.user-row{gap:9px;padding:20px 10px 0;border-top:1px solid var(--line);margin-top:14px}.user-row,.user-row>div:nth-child(2){min-width:0}.user-row .icon-button{margin-left:auto}.main-content{margin-left:252px;width:calc(100% - 252px);max-width:1500px;padding:0 42px 70px}.topbar{height:74px;border-bottom:1px solid var(--line);justify-content:space-between}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:10px;color:#a1a5aa;font-size:12px}.breadcrumbs strong{color:#3d4653;font-weight:600}.top-actions{display:flex;align-items:center;gap:20px}.help-button,.icon-button{background:transparent;border:0;color:#8b9198;display:flex;align-items:center;gap:7px;padding:7px}.help-button{font-size:12px}.avatar-button{border:0;background:#202b40;color:#fff;width:30px;height:30px;border-radius:8px;font-size:10px;font-weight:700;display:grid;place-items:center}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding:46px 0 38px;max-width:1150px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;color:#89909b;margin:0 0 10px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block;margin:0 5px 1px}.hero h1{font-size:39px;line-height:1.08;letter-spacing:-.05em;margin:0;max-width:650px}.hero h1 em{font-family:Newsreader,serif;font-weight:500;color:var(--blue);font-style:normal}.hero-copy{color:var(--muted);font-size:14px;line-height:1.7;max-width:525px;margin:15px 0 0}.hero-note{border-left:2px solid var(--blue);padding:6px 0 6px 13px;color:#5c6470;font-size:11px;display:flex;gap:8px;align-items:center}.hero-note svg{color:var(--blue)}.empty-state,.generator-panel,.help-grid article,.history-row,.preview-card,.progress-panel,.rail-card,.settings-card,.usage-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.generator-panel{padding:25px 28px 26px;max-width:1150px}.input-header,.progress-heading,.rail-heading,.section-heading{display:flex;align-items:flex-start;justify-content:space-between}.input-header>div{display:flex;gap:13px}.section-number{color:var(--blue);font-size:11px;font-weight:700;display:block;padding-top:3px}.input-header h2,.progress-heading h2,.section-heading h2{margin:0;font-size:17px;letter-spacing:-.03em}.input-header p,.progress-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.required-label{color:#a2a7ac;font-size:10px}.required-label span{color:var(--coral)}.input-row{display:flex;gap:10px;margin-top:22px}.big-input-wrap{border:1px solid #dadddf;flex:1 1;display:flex;align-items:center;gap:11px;padding:0 14px;border-radius:8px;background:#fff;min-width:0}.big-input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,87,245,.08)}.big-input-wrap svg{color:#8c949e;flex:none}.big-input-wrap input{border:0;outline:0;width:100%;height:50px;font-size:14px;color:var(--ink);min-width:0}.big-input-wrap input::placeholder{color:#aeb3ba}.generate-button,.primary-button,.publish-button{border:0;color:#fff;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12px;padding:0 18px;min-width:160px}.generate-button:hover,.primary-button:hover,.publish-button:hover{background:var(--blue-dark)}.primary-button.wide{width:100%;height:46px}.optional-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px;margin-top:16px}.meta-card label,.optional-grid label,.price-inputs label{display:grid;grid-gap:7px;gap:7px;font-size:10px;color:#8a9098;font-weight:600;min-width:0}.connect-form input,.meta-card input,.meta-card textarea,.optional-grid input,.optional-grid select,.price-inputs input{height:35px;border:1px solid #e2e4e1;background:#fbfbfa;border-radius:6px;padding:0 9px;outline:0;color:#4d5661;font-size:11px;font-weight:400;min-width:0;width:100%}.meta-card textarea{height:auto;padding-top:8px;resize:vertical}.connect-form input:focus,.meta-card input:focus,.meta-card textarea:focus,.optional-grid input:focus,.optional-grid select:focus,.price-inputs input:focus{border-color:var(--blue)}.progress-panel{padding:20px 28px 22px;margin-top:14px;max-width:1150px}.progress-heading h2{font-size:14px}.progress-badge,.ready-badge{font-size:10px;color:#7e8690;background:#f2f3f0;border-radius:20px;padding:5px 9px}.ready-badge{color:var(--mint);background:#e8f7f1;gap:4px}.ready-badge,.steps{display:flex;align-items:center}.steps{margin-top:20px;overflow:hidden}.step{display:flex;align-items:center;gap:7px;color:#a2a7ad;font-size:10px;white-space:nowrap;flex:1 1;min-width:0}.step-marker{width:20px;height:20px;border-radius:50%;background:#f0f1ed;display:grid;place-items:center;font-size:9px;font-weight:600;flex:none}.step.current,.step.done{color:var(--ink)}.step.failed{color:var(--coral)}.step.done .step-marker{background:#dff4ec;color:var(--mint)}.step.current .step-marker{background:var(--blue);color:#fff}.step.failed .step-marker{background:#ffe7e2;color:var(--coral)}.step-line{height:1px;background:#e7e8e5;flex:1 1;margin:0 10px}.notice{max-width:1150px;margin:16px 0 -1px;border-radius:8px;padding:11px 13px;display:flex;align-items:center;gap:8px;font-size:11px}.notice.success{background:#eaf8f3;color:var(--mint)}.notice.error{background:#fff0ed;color:#ba4f3e}.notice.info{background:#eff3ff;color:#3354ad}.notice>button:last-child{margin-left:auto;border:0;background:none;color:inherit;padding:0;display:flex}.notice-retry{display:flex;align-items:center;gap:5px;border:1px solid;background:transparent;color:inherit;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:600}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 315px;grid-gap:20px;gap:20px;max-width:1150px;margin-top:28px}.section-heading{margin-bottom:14px;align-items:center}.section-heading h2{font-size:21px}.preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.secondary-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe1de;background:#fff;border-radius:7px;padding:9px 12px;font-size:11px;color:#67707b}.secondary-button:hover{border-color:#afb5bb;color:var(--ink)}.publish-button{padding:0 13px;min-width:auto;height:36px;font-size:11px}.preview-card{overflow:hidden}.preview-topline{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font-size:10px;color:#89919a;gap:12px}.draft-status,.preview-store{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-preview{display:grid;grid-template-columns:1fr 1fr;min-height:420px}.image-stage{background:#f2f3f1;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}.image-primary{background:#f8f8f5;min-height:270px;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#929aa3;border:1px solid #c9ceca;overflow:hidden}.image-primary img{width:100%;height:100%;object-fit:cover;display:block}.image-placeholder{background:#e8ebe8;flex:1 1;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#929aa3;border:1px dashed #c9ceca;text-align:center;padding:18px}.image-placeholder span{font-size:12px}.image-placeholder small{font-size:10px;color:#adb3b8}.image-placeholder svg{color:#a9b0b6}.image-thumbs{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.thumb{width:58px;height:58px;border:1px solid #d8dbd8;background:#f7f8f5;display:grid;place-items:center;color:#a6adb3;border-radius:4px;position:relative;flex:none;overflow:hidden}.thumb.selected{border-color:var(--blue)}.thumb>img{width:100%;height:100%;object-fit:cover}.thumb-actions{position:absolute;inset:auto 0 0;display:flex;justify-content:center;gap:2px;background:rgba(24,32,44,.72);padding:3px}.thumb-actions button{border:0;background:transparent;color:#fff;padding:1px;display:grid;place-items:center}.product-info{padding:28px 26px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.product-kicker{color:#8e959c;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:700;max-width:100%;overflow-wrap:anywhere}.title-edit{border:0;background:transparent;padding:0;margin:11px 0 2px;outline:0;width:100%;font-family:Newsreader,serif;font-size:30px;line-height:1.08;color:var(--ink)}.title-count{font-size:9px;color:#a2a7ad}.price-line{font-size:22px;font-weight:600;margin-top:24px}.price-line del{color:#a7adb2;font-size:12px;margin-left:6px;font-weight:400}.cart-preview{margin-top:22px;background:var(--ink);border:0;color:#fff;border-radius:6px;width:100%;padding:12px;display:flex;justify-content:space-between;font-size:11px}.trust-line{font-size:10px;color:var(--mint);display:flex;gap:6px;align-items:center;margin-top:13px;line-height:1.45}.description-edit{border-top:1px solid var(--line);padding:17px 19px;background:#fcfcfb}.edit-tabs{justify-content:space-between;gap:12px;margin-bottom:10px}.edit-label,.edit-tabs{display:flex;align-items:center}.edit-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#898f96;gap:6px}.editor-actions{display:flex;gap:5px}.editor-actions button{border:1px solid #e2e4e1;background:#fff;color:#747b86;border-radius:5px;padding:5px 7px;font-size:10px}.editor-actions button.active,.editor-actions button:hover{border-color:var(--blue);color:var(--blue)}.description-edit textarea,.rich-editor{width:100%;border:1px solid #e3e4e0;border-radius:6px;background:#fff;padding:11px;resize:vertical;outline:0;line-height:1.55;font-size:11px;color:#58616d;min-height:205px;overflow:auto}.description-edit textarea:focus,.rich-editor:focus{border-color:var(--blue)}.rich-editor h3{font-size:13px;margin:15px 0 5px}.rich-editor ul{padding-left:20px}.workbench-rail{display:grid;align-content:start;grid-gap:14px;gap:14px;margin-top:39px;min-width:0}.rail-card{padding:18px;min-width:0}.rail-heading{align-items:center;margin-bottom:14px}.rail-heading h3{margin:0;font-size:14px;letter-spacing:-.02em}.rail-heading svg{color:#a4abb2}.price-option{width:100%;text-align:left;border:1px solid #e5e7e3;background:#fff;border-radius:7px;padding:11px 12px;margin-top:8px}.price-option.selected{border-color:#93abfb;background:#f4f6ff}.price-option>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.price-option span{font-size:10px;color:#69727d}.price-option strong{font-size:15px}.price-option small{display:block;font-size:10px;color:var(--mint);margin-top:8px}.price-option em{display:block;font-size:9px;color:#9299a0;line-height:1.35;font-style:normal;margin-top:5px}.price-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:9px}.price-inputs input{height:30px;font-size:10px}.meta-card{display:grid;grid-gap:12px;gap:12px}.meta-card .rail-heading{grid-column:1/-1}.inline-input{display:flex;align-items:center;background:#fbfbfa;border:1px solid #e2e4e1;border-radius:6px;color:#a3a8ae;font-size:10px;padding-left:8px;min-width:0}.inline-input input{border:0!important;background:transparent!important;padding-left:3px!important}.research-card p{font-size:10px;line-height:1.5;color:#767e87;display:flex;gap:8px;margin:9px 0 0}.research-card p span{color:var(--blue);font-weight:700;flex:none}.video-link{display:grid;grid-gap:4px;gap:4px;text-decoration:none;border-top:1px solid var(--line);padding:10px 0;color:var(--ink)}.video-link:first-of-type{border-top:0}.video-link span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:700}.video-link strong{font-size:11px}.video-link small{font-size:9px;line-height:1.4;color:var(--muted)}.rail-muted{font-size:11px;color:var(--muted);line-height:1.5}.seo-strip{max-width:1150px;margin:16px 0 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#7e8690;font-size:10px}.seo-strip span{background:#eef2ff;color:#4560b5;padding:6px 8px;border-radius:5px}.seo-strip button{border:0;background:transparent;color:var(--blue);font-size:10px}.page-section{max-width:950px;padding:46px 0}.page-section.narrow{max-width:760px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.page-heading h1{font-size:36px;letter-spacing:-.05em;margin:0}.muted{color:var(--muted);font-size:13px;margin:10px 0 0}.history-list{display:grid;grid-gap:8px;gap:8px}.history-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:9px;text-align:left;color:var(--ink);min-width:0}.history-row:hover{border-color:#b8c5f2}.history-icon{width:34px;height:34px;background:#eef2ff;color:var(--blue);display:grid;place-items:center;border-radius:7px;flex:none}.history-copy{display:grid;grid-gap:4px;gap:4px;flex:1 1;text-align:left;min-width:0;border:0;background:transparent;padding:0}.history-copy span,.history-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-copy strong{font-size:12px}.history-copy span{font-size:11px;color:var(--muted)}.history-date{color:#9da4ab}.history-action,.history-date{font-size:10px;white-space:nowrap}.history-action{border:1px solid #dce2f8;background:#f4f6ff;color:#3459c5;border-radius:5px;padding:6px 8px;font-weight:600;display:flex;align-items:center;gap:5px}.danger{color:var(--coral)}.empty-state{padding:60px 20px;text-align:center;max-width:520px;color:#9aa1a8}.empty-state svg{color:var(--blue)}.empty-state h3{color:var(--ink);font-size:17px;margin:14px 0 5px}.empty-state p{margin:0 0 19px;font-size:12px}.settings-card{display:flex;align-items:flex-start;gap:16px;padding:22px;margin-bottom:14px}.settings-icon{width:38px;height:38px;border-radius:9px;background:#eef2ff;color:var(--blue);display:grid;place-items:center;flex:none}.settings-copy{flex:1 1;min-width:0}.settings-copy h2{margin:0;font-size:18px;letter-spacing:-.03em}.settings-copy p:last-child{color:var(--muted);font-size:12px;line-height:1.6;margin:8px 0 0}.connect-form{display:flex;gap:8px;align-items:center;min-width:260px}.connect-form input{width:210px}.connect-form .primary-button{height:35px;min-width:auto;padding:0 12px;font-size:11px}.usage-card{padding:22px}.usage-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.usage-card span{font-size:12px;color:var(--muted)}.usage-card strong{font-size:22px}.usage-card p{font-size:11px;color:var(--muted);line-height:1.6}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.help-grid article{padding:20px}.help-grid article svg{color:var(--blue)}.help-grid article h2{font-size:15px;margin:18px 0 6px}.help-grid article p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.auth-screen,.loading-screen{min-height:100vh;display:grid;place-items:center;background:var(--paper);color:var(--muted)}.loading-screen{display:flex;gap:10px}.auth-card{width:min(430px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:var(--shadow)}.auth-card h1{font-family:Newsreader,serif;font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:5px 0 12px}.auth-card>p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:13px;margin:0 0 24px}.mobile-close,.mobile-menu,.nav-scrim{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1080px){.main-content{padding:0 25px 55px}.workbench{grid-template-columns:minmax(0,1fr) 275px}.hero h1{font-size:34px}.optional-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .22s ease}.sidebar.sidebar-open{transform:translateX(0)}.nav-scrim{display:block;position:fixed;inset:0;border:0;background:rgba(18,25,36,.28);z-index:4}.mobile-close,.mobile-menu{display:flex}.mobile-close{margin-left:auto;padding:0}.main-content{margin-left:0;width:100%;padding:0 18px 45px}.topbar{height:62px}.help-button{display:none}.hero{padding:33px 0 26px;display:block}.hero h1{font-size:32px}.hero-note{margin-top:22px;width:max-content}.generator-panel,.progress-panel{padding:20px}.workbench{grid-template-columns:1fr;margin-top:22px}.workbench-rail{margin-top:0}.section-heading{align-items:flex-start;gap:12px;flex-direction:column}.preview-actions{width:100%;justify-content:stretch}.preview-actions .publish-button,.preview-actions .secondary-button{flex:1 1}.product-preview{grid-template-columns:1fr}.image-stage{min-height:330px}.product-info{padding:22px}.page-section{padding:34px 0}.settings-card{flex-wrap:wrap}.connect-form{width:100%;min-width:0}.connect-form input{flex:1 1;width:auto}.help-grid{grid-template-columns:1fr}}@media(max-width:520px){.main-content{padding-left:14px;padding-right:14px}.top-actions{gap:0}.breadcrumbs{font-size:11px}.hero h1{font-size:29px}.input-row{display:grid}.generate-button{height:46px}.optional-grid{grid-template-columns:1fr}.steps{overflow:auto;padding-bottom:2px}.step{min-width:105px}.step-line{min-width:13px}.progress-panel{overflow:hidden}.section-heading h2{font-size:18px}.preview-actions{display:grid;grid-template-columns:1fr 1fr}.preview-actions .publish-button,.preview-actions .secondary-button{min-width:0;padding:0 8px}.preview-actions .publish-button{grid-column:1/-1;height:38px}.page-heading{display:grid;grid-gap:18px;gap:18px}.page-heading h1{font-size:30px}.history-copy span{max-width:180px}.history-date{display:none}.settings-card{padding:16px;gap:11px}.settings-copy h2{font-size:16px}.connect-form{display:grid}.connect-form .primary-button,.connect-form input{width:100%}.auth-card{padding:28px}.auth-card h1{font-size:36px}.edit-tabs{align-items:flex-start;flex-direction:column}.title-edit{font-size:26px}.price-inputs{grid-template-columns:1fr}.seo-strip{gap:6px}}