.description-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;grid-column:1/-1;margin-top:24px;min-width:0;color:var(--ink)}
.description-source,.description-preview{min-width:0}
.description-source>label{display:block;font-size:15px;font-weight:700;margin:0 0 8px}
.field-optional{font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}
.description-source textarea{display:block;width:100%;min-height:300px;resize:vertical;box-sizing:border-box;padding:16px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:400 15px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}
.description-source textarea:focus-visible{outline:2px solid var(--action);outline-offset:3px}
.description-source .field-help{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--muted)}
.description-source .description-count{text-align:right;margin-top:8px}
.description-preview{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card);align-self:start;max-height:620px;overflow:auto}
.description-preview>h2{font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 18px}
.description-placeholder{color:var(--muted)}
.product-markdown{font-size:16px;line-height:1.75;overflow-wrap:anywhere;min-width:0}
.product-markdown>:first-child{margin-top:0}.product-markdown>:last-child{margin-bottom:0}
.product-markdown p,.product-markdown ul,.product-markdown ol,.product-markdown pre,.product-markdown blockquote,.product-markdown .markdown-table{margin:0 0 1.1em}
.product-markdown :is(h3,h4,h5,h6){font-weight:700;line-height:1.35;margin:1.6em 0 .65em;letter-spacing:-.02em}
.product-markdown h3{font-size:24px}.product-markdown h4{font-size:20px}.product-markdown :is(h5,h6){font-size:17px}
.product-markdown ul,.product-markdown ol{padding-left:1.6em}.product-markdown li+li{margin-top:.3em}.product-markdown li>p{margin-bottom:.4em}
.product-markdown a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.product-markdown a:hover{color:var(--action)}
.product-markdown blockquote{margin-left:0;padding:8px 16px;border-left:3px solid var(--action);color:var(--muted)}
.product-markdown code{padding:.15em .35em;border-radius:4px;background:var(--bg);font: .9em/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:break-spaces}
.product-markdown pre{overflow:auto;max-width:100%;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:10px;tab-size:2}
.product-markdown pre code{padding:0;background:none;white-space:pre;overflow-wrap:normal}
.product-markdown img{display:block;max-width:100%;height:auto;border-radius:10px}
.product-markdown hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.markdown-table{max-width:100%;overflow:auto}.product-markdown table{border-collapse:collapse;min-width:100%;font-size:14px}.product-markdown :is(th,td){border:1px solid var(--line);padding:10px 12px;text-align:left}.product-markdown th{background:var(--bg);font-weight:700}
.product-about{min-width:0;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--card);overflow-wrap:anywhere}
.product-about>h2{margin:0 0 22px;font-size:22px;line-height:1.3}
.add-layout>.description-editor{grid-area:description;margin-top:28px}
/* The listing card occupies the first two rows only. Let it scroll with those rows instead of
   sticking over the full-width description and its live preview further down the form. */
.add-layout>.add-stage{position:static}
.listing-pitch,.product-tagline{overflow-wrap:anywhere}
.product-push-earn{overflow-wrap:anywhere;min-width:0}
.product-about .product-markdown a,.description-preview .product-markdown a{color:inherit}
.add-layout{grid-template-areas:"head stage" "fields stage" "description description" "actions actions"}
.product-editor-page{max-width:1160px}.product-editor-page #edit-product-form{max-width:none}
.description-prefetch{display:flex;align-items:center;gap:12px;margin:24px 0 0;font-size:13px;color:var(--muted)}
@media(max-width:999px){.add-layout{grid-template-areas:"head" "fields" "description" "stage" "actions"}}
@media(max-width:760px){.description-editor{grid-template-columns:minmax(0,1fr);gap:16px}.description-source textarea{font-size:16px;min-height:260px}.description-preview{max-height:420px}.product-about{padding:20px}.product-markdown h3{font-size:22px}}