body.ListingGenerator, body.ListingGenerator button, body.ListingGenerator input, body.ListingGenerator textarea { font-family: Montserrat, sans-serif; }
body.ListingGenerator .lg-page { box-sizing:border-box; max-width:var(--content-max-standard); margin:0 auto; padding:18px 0 56px; color:#25153c; }
body.ListingGenerator .lg-page * { box-sizing:border-box; }
body.ListingGenerator .lg-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:22px; padding:28px; border:1px solid #e7dbf1; border-radius:22px; background:linear-gradient(135deg,#faf5ff,#fff 55%,#fff7ed); box-shadow:0 14px 42px rgba(77,36,138,.06); }
body.ListingGenerator .lg-hero-copy { display:flex; gap:16px; min-width:0; }
body.ListingGenerator .lg-tile { display:grid; place-items:center; flex:0 0 auto; width:58px; height:58px; border-radius:17px; color:#fff; background:linear-gradient(135deg,#9333ea,#f97316); box-shadow:0 10px 22px rgba(147,51,234,.25); }
body.ListingGenerator .lg-tile svg { width:28px; height:28px; }
body.ListingGenerator .lg-eyebrow, body.ListingGenerator .lg-section-heading>span, body.ListingGenerator .lg-save-card>div>span { display:block; margin-bottom:5px; color:#8a5ab1; font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
body.ListingGenerator .lg-hero h1 { margin:0; font-size:32px; line-height:1.15; letter-spacing:-.03em; }
body.ListingGenerator .lg-hero p { max-width:580px; margin:7px 0 0; color:#72588f; font-size:14px; line-height:1.55; }
body.ListingGenerator .lg-hero-actions { display:flex; flex:0 0 auto; gap:9px; }
body.ListingGenerator .lg-secondary-button, body.ListingGenerator .lg-primary-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:9px 13px; border-radius:10px; cursor:pointer; font:inherit; font-size:13px; font-weight:700; transition:.18s ease; }
body.ListingGenerator .lg-secondary-button { border:1px solid #dfcdec; color:#713e99; background:#fff; }
body.ListingGenerator .lg-secondary-button:hover { border-color:#c48be3; background:#fbf7ff; }
body.ListingGenerator .lg-primary-button { border:0; color:#fff; background:linear-gradient(90deg,#9333ea,#f97316); box-shadow:0 8px 17px rgba(147,51,234,.2); }
body.ListingGenerator .lg-primary-button:hover:not(:disabled) { transform:translateY(-1px); filter:brightness(1.04); }
body.ListingGenerator .lg-primary-button:disabled { opacity:.64; cursor:wait; }
body.ListingGenerator .lg-secondary-button svg, body.ListingGenerator .lg-primary-button svg { width:16px; height:16px; }
body.ListingGenerator .lg-listing-picker { position:relative; }
body.ListingGenerator [data-lg-list-count] { min-width:18px; padding:1px 5px; border-radius:99px; color:#6c28a0; background:#eedffc; font-size:10px; text-align:center; }
body.ListingGenerator .lg-listing-menu { position:absolute; z-index:20; top:calc(100% + 8px); right:0; width:280px; max-height:340px; overflow:auto; padding:8px; border:1px solid #e2d2ee; border-radius:13px; background:#fff; box-shadow:0 18px 42px rgba(49,21,76,.2); }
body.ListingGenerator .lg-listing-menu-heading { padding:6px 8px; color:#8d70a9; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
body.ListingGenerator .lg-list-item { display:flex; align-items:center; gap:9px; width:100%; padding:9px; border:0; border-radius:8px; color:#321b4b; background:transparent; text-align:left; cursor:pointer; }
body.ListingGenerator .lg-list-item:hover, body.ListingGenerator .lg-list-item.is-selected { background:#f8f1fd; }
body.ListingGenerator .lg-list-item>svg { width:17px; color:#9236d4; }.lg-list-item span { min-width:0; }.lg-list-item strong,.lg-list-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.lg-list-item strong { font-size:12px; }.lg-list-item small { margin-top:2px; color:#8d70a9; font-size:10px; }.lg-list-empty { padding:17px 8px; color:#876aa2; font-size:12px; text-align:center; }
body.ListingGenerator .lg-stepper { display:flex; align-items:flex-start; max-width:720px; margin:28px auto 34px; }.lg-stepper>span { display:flex; align-items:center; gap:9px; color:#8d70a9; }.lg-stepper b { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border:2px solid #d7c4e6; border-radius:50%; background:#fff; font-size:12px; }.lg-stepper .is-current { color:#6d259e; }.lg-stepper .is-current b { border-color:#9333ea; color:#fff; background:linear-gradient(135deg,#9333ea,#f97316); }.lg-stepper small,.lg-stepper strong { display:block; }.lg-stepper small { font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.lg-stepper strong { margin-top:2px; color:#43285d; font-size:12px; }.lg-stepper>i { flex:1; height:2px; margin:14px 14px 0; background:#eadff2; }
body.ListingGenerator .lg-section { margin-top:30px; }.lg-section-heading { display:flex; align-items:center; gap:9px; margin-bottom:12px; }.lg-section-heading h2 { margin:0; font-size:20px; letter-spacing:-.02em; }.lg-section-heading em { display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border-radius:99px; color:#7035a0; background:#f3e8fc; font-size:10px; font-style:normal; font-weight:800; }.lg-section-heading em svg { width:12px; height:12px; }
body.ListingGenerator .lg-card { border:1px solid #e6dbef; border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(52,24,82,.05); }.lg-context-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.9fr); gap:20px; padding:20px; }.lg-product { display:flex; align-items:center; gap:13px; min-width:0; }.lg-product-image { display:grid; place-items:center; overflow:hidden; flex:0 0 auto; width:56px; height:56px; border-radius:13px; background:#f2e8fa; }.lg-product-image img { width:100%; height:100%; object-fit:cover; }.lg-product-image.is-empty img { display:none; }.lg-product>span:last-child { min-width:0; }.lg-product small,.lg-product em { display:block; color:#8d70a9; font-size:11px; font-style:normal; }.lg-workspace-link { display:inline-flex; align-items:center; gap:4px; margin-top:7px; color:#7b3fa2; font-size:11px; font-weight:700; text-decoration:none; }.lg-workspace-link:hover { color:#572176; text-decoration:underline; }.lg-workspace-link svg { width:13px; height:13px; }.lg-product strong { display:block; overflow:hidden; margin:3px 0; color:#2d1745; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }.lg-keywords { padding-left:20px; border-left:1px solid #eee5f4; }.lg-keywords>div:first-child { display:flex; align-items:baseline; justify-content:space-between; gap:9px; }.lg-keywords strong { font-size:12px; }.lg-keywords small { color:#8d70a9; font-size:10px; }.lg-keyword-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }.lg-keyword-chips>span { max-width:150px; overflow:hidden; padding:4px 8px; border-radius:99px; color:#6e3993; background:#f5edfb; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.lg-keyword-chips>.lg-keywords-empty { max-width:none; padding:0; color:#9275aa; background:none; white-space:normal; }
body.ListingGenerator .lg-generator-card { padding:24px; border-color:#ded0eb; background:linear-gradient(135deg,rgba(250,245,255,.88),#fff 44%,#fff); }.lg-generator-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.lg-generator-head h3 { margin:0; font-size:17px; }.lg-generator-head p { margin:5px 0 0; color:#765b91; font-size:12px; }.lg-status { min-height:19px; margin:14px 0 0; color:#387553; font-size:12px; font-weight:600; }.lg-status.is-error { color:#b13d55; }
body.ListingGenerator .lg-field { display:block; margin-top:18px; }.lg-field>span { display:block; margin-bottom:7px; color:#452b60; font-size:12px; font-weight:800; }.lg-page input,.lg-page textarea { width:100%; border:1px solid #ddcce9; border-radius:10px; outline:none; color:#2f1748; background:#fff; font:inherit; font-size:13px; line-height:1.5; }.lg-page input { height:42px; padding:0 12px; }.lg-page textarea { display:block; padding:10px 12px; resize:vertical; }.lg-page input:focus,.lg-page textarea:focus { border-color:#a85be1; box-shadow:0 0 0 3px rgba(168,91,225,.12); }
body.ListingGenerator .lg-bullets { display:flex; flex-direction:column; gap:8px; }.lg-bullet-row { display:flex; align-items:flex-start; gap:8px; }.lg-bullet-row>span { display:grid; place-items:center; flex:0 0 auto; width:25px; height:25px; margin-top:5px; border-radius:50%; color:#782bb0; background:#f2e5fb; font-size:11px; font-weight:800; }.lg-bullet-row textarea { min-height:48px; }.lg-bullet-row button,.lg-add-bullet { border:0; cursor:pointer; font:inherit; }.lg-bullet-row button { display:grid; place-items:center; flex:0 0 auto; width:30px; height:30px; margin-top:3px; border-radius:8px; color:#9a73ad; background:transparent; }.lg-bullet-row button:hover { color:#b13d55; background:#fff1f2; }.lg-bullet-row button svg,.lg-add-bullet svg { width:15px; height:15px; }.lg-add-bullet { display:inline-flex; align-items:center; gap:5px; margin-top:9px; padding:4px 0; color:#7b35ae; background:transparent; font-size:12px; font-weight:700; }
body.ListingGenerator .lg-save-card { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:28px; padding:24px; border:1px solid #e2d2ee; border-radius:16px; background:linear-gradient(135deg,#faf5ff,#fff 65%,#fff7ed); }.lg-save-card h2 { margin:0; font-size:19px; }.lg-save-card p { margin:5px 0 0; color:#765b91; font-size:13px; }
@media (max-width:760px) { body.ListingGenerator .lg-page { padding:10px 0 42px; }.lg-hero { flex-direction:column; padding:22px; }.lg-hero-actions { width:100%; }.lg-hero-actions>.lg-secondary-button,.lg-listing-picker { flex:1; }.lg-listing-picker>.lg-secondary-button { width:100%; }.lg-context-card { grid-template-columns:1fr; }.lg-keywords { padding:16px 0 0; border-top:1px solid #eee5f4; border-left:0; }.lg-stepper { overflow:auto; }.lg-stepper>i { min-width:20px; }.lg-stepper strong { white-space:nowrap; }.lg-generator-head,.lg-save-card { align-items:flex-start; flex-direction:column; }.lg-generator-head .lg-primary-button,.lg-save-card .lg-primary-button { width:100%; } }


body.ListingGenerator .lg-keywords a { display:inline-flex; align-items:center; gap:4px; color:#7836aa; font-size:10px; font-weight:700; text-decoration:none; white-space:nowrap; }
body.ListingGenerator .lg-keywords a:hover { text-decoration:underline; }
body.ListingGenerator .lg-keywords a svg { width:12px; height:12px; }
body.ListingGenerator .lg-stepper .is-done { color:#6d259e; }
body.ListingGenerator .lg-stepper .is-done b { border-color:#9333ea; color:#fff; background:linear-gradient(135deg,#9333ea,#f97316); box-shadow:0 5px 12px rgba(147,51,234,.2); }
body.ListingGenerator .lg-stepper>i.is-done { background:linear-gradient(90deg,#9333ea,#f97316); }
body.ListingGenerator .lg-primary-button.is-saved { background:#258654; box-shadow:0 8px 17px rgba(37,134,84,.18); }

body.ListingGenerator .lg-product-picker { margin-bottom:12px; padding:18px 20px; border:1px solid #e6dbef; border-radius:16px; background:linear-gradient(135deg,#faf5ff,#fff 70%,#fff7ed); box-shadow:0 8px 22px rgba(52,24,82,.05); }
body.ListingGenerator .lg-product-picker[hidden],body.ListingGenerator .lg-context-card[hidden] { display:none; }
body.ListingGenerator .lg-product-picker>div:first-child strong { display:block; color:#321b4b; font-size:14px; }
body.ListingGenerator .lg-product-picker>div:first-child p { margin:5px 0 14px; color:#765b91; font-size:12px; line-height:1.5; }
@media (max-width:760px) { body.ListingGenerator .lg-product-picker { padding:16px; } }