.raid-form{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.raid-form .input-panel,.raid-form .output-panel{min-width:0}.raid-form h2{font-size:1.8rem}.raid-form .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.raid-form [data-raid-groups] .field{margin:0}.raid-baselines{margin:1.5rem 0;border:1px solid var(--line);border-radius:8px;padding:1rem}.raid-baselines summary{cursor:pointer;font-weight:650}.raid-baselines .fields{grid-template-columns:1fr}.raid-usable{font:1.9rem/1.3 Georgia,serif;overflow-wrap:anywhere;margin:.5rem 0}.raid-warning{border-left:3px solid var(--accent);padding:1rem;background:var(--paper);margin:1.5rem 0}.raid-warning p{margin:.5rem 0}.raid-layout,.raid-performance{margin-top:2rem}.raid-layout h3,.raid-performance h3{font:1.6rem Georgia,serif}.raid-disk-group{border:1px solid var(--line);padding:.9rem;margin:.8rem 0;border-radius:8px}.raid-disk-group h4{margin:0 0 .6rem}.raid-disks{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem}.raid-disk{border:1px solid var(--input-line);border-radius:5px;background:var(--field);padding:.7rem .5rem}.raid-disk strong{display:block;font-size:.8rem}.raid-disk>span{font-size:.7rem;display:block}.raid-disk-bar{height:8px;margin-top:.7rem;background:var(--input-line);border:1px solid var(--input-line)}.raid-disk-bar i{display:block;height:100%;background:var(--lime)}.raid-spares{border:1px dashed var(--input-line);padding:1rem;border-radius:8px}.raid-spares p{font-size:.85rem;margin:.4rem 0}.raid-perf-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:1rem 0;gap:.5rem}.raid-perf-row>span{text-align:right;font-variant-numeric:tabular-nums}.raid-perf-row b{display:block}.raid-perf-row>p{grid-column:1/-1;font-size:.8rem;margin:0}.raid-form [hidden]{display:none!important}
@media(max-width:760px){.raid-form{grid-template-columns:1fr}.raid-form .fields{grid-template-columns:1fr}.raid-form h2{font-size:1.55rem}.raid-usable{font-size:1.6rem}.raid-perf-row{grid-template-columns:1fr}.raid-perf-row>span{text-align:left}}
.raid-result .raid-usable{font-size:clamp(1.4rem,2.8vw,1.9rem);line-height:1.3}
@media(min-width:1001px) and (min-height:850px){.raid-form .input-panel{position:sticky;top:16px;align-self:start}}@media print{html:has([data-raid]){color-scheme:light!important}}
.raid-result>p.raid-usable{font-size:clamp(1.4rem,2.8vw,1.9rem);line-height:1.3}
