/* Shared dense-form standard. Textareas and grouped choices retain their own sizes. */
.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
:is(.form-grid,.option-grid,.map-filters){gap:14px 18px;align-items:start;justify-items:stretch;text-align:left}
:is(.form-grid,.option-grid,.map-filters,.rules-filters)>*{min-width:0}
:is(.form-grid,.option-grid,.map-filters,.rules-filters) label:not(.check){align-self:start;align-content:start;min-width:0;text-align:left}
:is(.form-grid,.option-grid,.map-filters,.rules-filters) :is(input:not([type=checkbox],[type=radio],[type=hidden],[type=range],[type=file],[type=color]),select:not([multiple],[size])){height:44px;min-height:44px;max-height:44px;min-width:0;width:100%;margin-block-start:var(--control-align-offset,0px)}
.option-grid>.wide,.option-grid>fieldset,.option-grid>p{grid-column:1/-1}
:is(.form-grid,.option-grid,.map-filters) textarea{min-height:88px;height:auto}
.rules-filters{align-items:flex-start}
@media(max-width:650px){.option-grid{grid-template-columns:1fr}}
/* Complex groups occupy a row instead of leaving tall holes beside single fields. */
.form-grid>fieldset{grid-column:1/-1;margin:0;min-width:0}
:is(.form-grid,.option-grid) .planet-picker-field{display:flex;align-items:flex-end;gap:6px;min-width:0}
:is(.form-grid,.option-grid) .planet-picker-field>label{flex:1;min-width:0}
:is(.form-grid,.option-grid) [data-planet-picker]{width:86px;min-width:86px;height:44px;padding:2px 6px;font-size:12px;white-space:normal;margin:0}
:is(.form-grid,.option-grid) .field-with-actions{align-items:flex-end}
:is(.form-grid,.option-grid) .field-actions{flex-direction:row;flex-basis:auto;margin:0;gap:4px}
:is(.form-grid,.option-grid) .field-actions>button{height:44px}

/* Long text follows compact options in source order and spans the form columns. */
:is(.form-grid,.option-grid)>label:has(textarea),:is(.form-grid,.option-grid)>.field-with-actions:has(textarea){grid-column:1/-1}