/* Fake Data Generator */
.fd-list { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 8px; }
.fd-field { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-elev); padding: 8px; display: grid; gap: 8px; }
.fd-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.fd-main input, .fd-main select { background: var(--surface); }
.fd-btns { display: flex; }
.fd-btns .icon-btn { width: 30px; height: 30px; }
.fd-btns .icon-btn:disabled { opacity: .3; }
.fd-opts { display: flex; flex-wrap: wrap; gap: 6px 10px; }
.fd-opt { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-muted); }
.fd-opt input, .fd-opt select { width: auto; padding: 4px 8px; font-size: 13px; background: var(--surface); }
.fd-opt input[type="number"] { width: 76px; }
.fd-opt.is-wide { flex: 1 1 100%; }
.fd-opt.is-wide input { flex: 1; }
.fd-lorem .ctrl-section { padding: 0; border: 0; }
@media (max-width: 520px) { .fd-main { grid-template-columns: minmax(0, 1fr) auto; } .fd-main select { grid-column: 1; grid-row: 2; } .fd-btns { grid-row: 1 / 3; grid-column: 2; flex-direction: column; } }