.dimension-inputs,.metal-calculator-grid{display:grid;grid-template-columns:1fr;gap:24px}
.dimension-choice,.dimension-fixed{min-width:0}
.dimension-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px;font-size:13px}
.dimension-heading output{font-size:12px;color:var(--muted)}
.size-options{display:flex;flex-wrap:wrap;gap:8px}
.size-options button{flex:1 0 52px;min-height:46px;padding:10px 12px;border:1px solid var(--line);font-size:13px;text-align:center;background:transparent;transition:background .15s,color .15s}
.size-options button:hover{border-color:var(--ink)}
.size-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.all-sizes{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;font-size:11px!important;color:var(--muted)}
.all-sizes select{width:auto!important;min-width:95px;min-height:44px;margin:0!important;padding:8px 28px 8px 10px!important;border:1px solid var(--line)!important;font-size:12px!important;background:var(--paper);color:var(--ink);border-radius:0}
.dimension-fixed{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;padding:14px 0;border-top:1px solid var(--line);font-size:13px}
.dimension-fixed strong{margin-left:auto;font-weight:500}
.dimension-fixed .field-note{width:100%;margin:0!important;font-size:11px}
.configuration-controls fieldset{min-width:0}
.metal-calculator .dimension-heading{margin-top:0}
.metal-calculator .metal-calculator-grid{margin-top:24px}
.metal-calculator .size-options button{font-size:12px;flex-basis:44px}
@media(max-width:400px){.size-options{gap:6px}.size-options button{padding:10px 8px;flex-basis:46px}}