/* R14 responsive generator: one complete record per mobile row */
.generator-card{width:100%;max-width:1100px;margin-inline:auto;min-width:0}
.generator-card .preview-wrap{width:100%;max-width:100%;overflow-x:auto;border-radius:16px;scrollbar-width:thin}
.generator-card #preview{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.generator-card #preview th,.generator-card #preview td{vertical-align:top;line-height:1.5;overflow-wrap:anywhere;word-break:normal}
.generator-actions button{min-height:46px;cursor:pointer}
@media(max-width:700px){
 .generator-section{padding:52px 14px!important}
 .generator-head h2{font-size:clamp(28px,8vw,42px)}
 .generator-card{padding:18px 14px!important;border-radius:20px!important}
 .generator-card:before{font-size:10px;letter-spacing:.06em}
 .generator-fields{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
 .generator-card select,.generator-card input{font-size:16px!important;min-height:48px;max-width:100%}
 .generator-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .generator-actions button{width:100%!important;min-width:0!important;padding:12px 8px!important;font-size:12px!important;letter-spacing:0!important;white-space:normal}
 .generator-card .preview-wrap{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
 .generator-card #preview{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important}
 .generator-card #preview thead{display:none!important}
 .generator-card #preview tbody{display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px;width:100%}
 .generator-card #preview tbody tr{display:block!important;width:100%;min-width:0;margin:0;padding:12px 14px;background:rgba(255,255,255,.88);border:1px solid rgba(107,132,158,.24);border-radius:16px;box-shadow:0 7px 20px rgba(33,59,89,.06)}
 .generator-card #preview tbody td{display:grid!important;grid-template-columns:minmax(86px,32%) minmax(0,1fr);gap:10px;align-items:start;width:100%!important;min-width:0!important;max-width:100%!important;padding:9px 0!important;border:0!important;border-bottom:1px solid rgba(105,130,160,.12)!important;text-align:left!important;font-size:12px!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;background:transparent!important;color:#1e293b!important}
 .generator-card #preview tbody td:last-child{border-bottom:0!important}
 .generator-card #preview tbody td::before{content:attr(data-label);display:block;font-weight:750;color:#64748b;font-size:11px;letter-spacing:.01em;overflow-wrap:anywhere}
 .generator-card #preview tbody td[colspan]{display:block!important}
 .generator-card #preview tbody td[colspan]::before{display:none}
 .generator-card #status{font-size:13px;overflow-wrap:anywhere}
}
@media(max-width:370px){.generator-card #preview tbody td{grid-template-columns:minmax(74px,30%) minmax(0,1fr);gap:7px;font-size:11px!important}.generator-card #preview tbody td::before{font-size:10px}}
@media(prefers-reduced-motion:reduce){.generator-card *{scroll-behavior:auto!important}}