dialog{width:min(880px,94vw);max-height:92vh}
.variants-section{padding:18px 28px;border-bottom:1px solid var(--line)}
.variants-section .section-head{margin-bottom:10px}
.variants-section .section-head h3{font-size:14px}
.variants-section .section-head small{color:var(--muted)}
.variant-head,.variant-row{display:grid;grid-template-columns:.7fr .8fr 1.2fr .7fr 35px;gap:8px;align-items:center}
.variant-head.wall-head,.variant-row.wall-row,.variant-row.other-row{grid-template-columns:.65fr .75fr .75fr .75fr .65fr 35px}
.variant-head{font-size:11px;color:var(--muted);padding:7px 4px}
.variant-row{margin-bottom:8px}
.variant-row input{width:100%;min-width:0;padding:9px;border:1px solid #dce3e7;border-radius:7px}
.variant-row .remove{border:0;width:32px;height:32px;border-radius:7px;background:#fff0f0;color:var(--red);cursor:pointer}
.variant-empty{padding:14px;text-align:center;color:var(--muted);background:#f8fafb;border:1px dashed #ccd6dc;border-radius:8px}
@media(max-width:650px){.variant-head{display:none}.variant-row{grid-template-columns:1fr 1fr}.variant-row .remove{grid-column:2;justify-self:end}.variants-section{padding:15px}}