.design-choices{border:1px solid var(--rule);background:var(--sheet);color:var(--ink);border-radius:0;gap:14px;margin-top:14px;padding:16px;display:grid}.design-choices fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.design-choices legend{font-size:var(--t-label);font-weight:var(--strong-weight);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--grey);margin-bottom:8px;padding:0}.design-size-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.design-size-fields label{font-size:var(--t-small);color:var(--grey);gap:4px;display:grid}.design-size-fields span{color:var(--grey);align-items:center;gap:6px;display:flex}.design-size-fields input{box-sizing:border-box;border:1px solid var(--accent);background:var(--sheet);width:100%;min-width:0;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:0;padding:8px 10px}.design-choice-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.design-choice-row button{text-align:left;border:1px solid var(--rule);background:var(--sheet);color:var(--ink);font:inherit;cursor:pointer;border-radius:0;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px 12px;display:grid}.design-choice-row button>:not(i){grid-column:2}.design-choice-row button:not(:has(i))>*{grid-column:1/-1}.design-choice-row i{border:1px solid var(--rule);border-radius:50%;grid-row:1/3;width:22px;height:22px}.design-choice-row small{color:var(--grey);font-size:var(--t-label);line-height:1.35}.design-choice-row button[aria-pressed=true]{border-color:var(--rule);background:var(--error)}.design-choices :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.design-choices .design-choices-hint{font-size:var(--t-label);color:var(--grey);margin:0;line-height:1.5}.design-choices [role=alert]{color:var(--error);margin:0}@media (max-width:520px){.design-size-fields{grid-template-columns:1fr 1fr}}.design-choices-limits summary{cursor:pointer;font:var(--label-weight) var(--t-label)/1.4 var(--label-font);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--grey)}.design-choices-limits summary:hover{color:var(--ink)}.design-choices-limits[open] summary{margin-bottom:6px}
