.sq-head, .sq-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) 36px; gap: 8px; align-items: center; }
.sq-head { font-size: .8rem; font-weight: 600; color: var(--muted, #6b7785); margin: 6px 0; }
.sq-rows { display: grid; gap: 8px; margin-bottom: 10px; }
.sq-dim { display: flex; gap: 4px; min-width: 0; } .sq-dim .input { min-width: 0; }
.sq-form-noin .sq-in { display: none; }
@media (max-width: 520px) { .sq-head, .sq-row { grid-template-columns: 1fr 1fr 36px; } .sq-head span:first-child { display: none; } .sq-row [data-k=name] { grid-column: 1 / -1; } .sq-row { padding-bottom: 8px; border-bottom: 1px dashed var(--line); } }