.df-generator{background:#fff;border:1px solid var(--line,#e4e7ec);border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(16,24,40,.06)}.df-generator h2{margin-top:0}.df-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.df-field{display:flex;flex-direction:column;gap:6px}.df-field-full{grid-column:1/-1}.df-field label{font-weight:700}.df-field textarea,.df-field select{width:100%;box-sizing:border-box;border:1px solid #ccd2dd;border-radius:12px;background:#fff;padding:12px;font:inherit;color:#1d2330}.df-field textarea{min-height:110px;resize:vertical}.df-generator button[type=submit],.df-copy{border:0;border-radius:11px;font-weight:700;cursor:pointer}.df-generator button[type=submit]{margin-top:14px;padding:13px 18px;background:#2f5acf;color:#fff}.df-generator button[disabled]{opacity:.65}.df-note{color:#667085;font-size:14px}.df-error{color:#b42318;font-weight:700;margin-top:12px}.df-results{display:grid;gap:12px;margin-top:18px}.df-result-card{border:1px solid #e4e7ec;border-radius:14px;background:#f9fafb;padding:16px}.df-result-card p{margin:10px 0 0;white-space:pre-wrap}.df-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.df-copy{padding:8px 11px;background:#eef3ff;color:#2f5acf}@media(max-width:700px){.df-form-grid{grid-template-columns:1fr}.df-field-full{grid-column:auto}}

/* V6: compact generator embedded in articles */
.df-inline-generator-wrap{margin:30px 0 34px;padding:0}
.df-inline-generator{border-radius:18px;padding:20px;background:linear-gradient(180deg,#f8faff 0%,#fff 100%)}
.df-inline-generator .df-inline-kicker{display:inline-block;margin-bottom:6px;color:var(--accent,#2457e6);font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.df-inline-generator h2{margin:0 0 8px;font-size:24px;line-height:1.25}
.df-inline-generator .df-inline-lead{margin:0 0 14px;color:var(--muted,#667085)}
.df-inline-generator .df-field textarea{min-height:88px}
.df-inline-generator button[type=submit]{margin-top:12px}
.df-inline-generator .df-results{margin-top:16px}
@media(max-width:700px){.df-inline-generator{padding:16px}.df-inline-generator h2{font-size:21px}}

.df-char-counter{margin-top:6px;text-align:right;font-size:12px;color:var(--muted,#6b7280);font-variant-numeric:tabular-nums}

/* V6.2: clear copy feedback */
.df-copy{min-width:112px;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.df-copy.is-copied{background:#eaf8ef;color:#16733b}
.df-copy.is-copied::before{content:''}
.df-copy:disabled{cursor:default;opacity:1}