.calc{display:grid;gap:var(--space-6)}@media(min-width:900px){.calc{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:var(--space-7);align-items:start}}.calc #raid-form{display:grid;gap:var(--space-4);align-content:start}.calc .basic-only:not([hidden]),.calc .mixed-only:not([hidden]){display:grid;gap:var(--space-4)}.calc #raid-form label{display:grid;gap:var(--space-1);font-family:var(--font-ui);font-weight:500;font-size:var(--fs-300);color:var(--text-muted)}.calc #raid-form input,.calc #raid-form select{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--bg-inset);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:var(--fs-400);font-family:var(--font-ui);transition:border-color var(--dur-micro) var(--ease)}.calc #raid-form input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;text-align:right}.calc #raid-form input::placeholder{color:var(--text-faint)}.calc .input-row{display:flex;align-items:center;gap:var(--space-3)}.calc .input-row input{flex:1 1 auto;width:auto;min-width:0}.calc .unit{flex:0 0 auto;width:2.75rem;font-family:var(--font-mono);font-size:var(--fs-300);font-weight:500;color:var(--text-muted);white-space:nowrap}.calc #raid-form input:hover,.calc #raid-form select:hover{border-color:var(--text-faint)}.calc #raid-form input:focus-visible,.calc #raid-form select:focus-visible{border-color:var(--green-500)}.calc .mode-toggle{display:inline-flex;border:var(--border-w) solid var(--border-strong);border-radius:var(--radius);overflow:hidden;width:fit-content}.calc .mode-btn{font-family:var(--font-ui);font-size:var(--fs-300);padding:var(--space-2) var(--space-4);min-height:40px;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.calc .mode-btn+.mode-btn{border-left:var(--border-w) solid var(--border-strong)}.calc .mode-btn[aria-pressed=true]{background:var(--bg-subtle);color:var(--text)}.calc .mode-btn:hover{color:var(--text)}.calc .field-label{font-family:var(--font-ui);font-weight:500;font-size:var(--fs-300);color:var(--text-muted);margin:0;max-width:none;display:flex;align-items:baseline;gap:var(--space-3)}.calc .chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.calc .chip{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;font-size:var(--fs-300);padding:var(--space-2) var(--space-3);min-height:40px;background:var(--bg-inset);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius);color:var(--text);cursor:pointer;transition:border-color var(--dur-micro) var(--ease)}.calc .chip.preset{font-family:var(--font-ui)}.calc .chip:hover{border-color:var(--green-500)}.calc .custom-add #add-custom{flex:0 0 auto;min-height:40px}.calc .link-btn{font-family:var(--font-ui);font-size:var(--fs-200);background:none;border:none;color:var(--link);cursor:pointer;padding:0}.calc .link-btn:hover{color:var(--link-hover)}.calc .drive-list{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:2.75rem}.calc .drive-list .empty{font-family:var(--font-ui);font-size:var(--fs-200);color:var(--text-faint);margin:0;max-width:none}.calc .drive-chip{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;font-size:var(--fs-200);padding:var(--space-1) var(--space-3);min-height:36px;background:var(--surface);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2)}.calc .drive-chip span{color:var(--text-faint)}.calc .drive-chip:hover{border-color:var(--red-500)}.calc .drive-chip:hover span{color:var(--red-500)}.calc .calc-main{display:grid;gap:var(--space-5)}.calc .result{background:var(--surface);border:var(--border-w) solid var(--border);border-top:2px solid var(--green-500);border-radius:var(--radius-lg);padding:var(--space-5);min-height:14rem}.calc .result ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3);max-width:none}.calc .result ul.warnings{margin-top:var(--space-4)}.calc .result li{margin:0;font-family:var(--font-ui);font-size:var(--fs-300);color:var(--text-muted);line-height:var(--lh-snug)}.calc .result li strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;font-weight:700;color:var(--accent)}.calc .result ul:first-of-type li:first-child{font-size:var(--fs-400);color:var(--text)}.calc .result ul:first-of-type li:first-child strong{font-size:var(--fs-600);display:inline-block;line-height:1.1}.calc .result .alloc{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-w) solid var(--border)}.calc .result .alloc-title{margin:0 0 var(--space-3);font-family:var(--font-ui);font-weight:500;font-size:var(--fs-200);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.calc .result .alloc-rows{display:grid;gap:var(--space-2)}.calc .result .alloc-row{display:flex;align-items:center;gap:var(--space-3)}.calc .result .alloc-size{flex:0 0 4.5rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;font-size:var(--fs-200);color:var(--text-muted);text-align:right}.calc .result .alloc-bar{display:flex;height:1.25rem;min-width:2px;border:var(--border-w) solid var(--border-strong);border-radius:var(--radius);overflow:hidden;background:var(--bg-inset)}.calc .result .alloc-seg{display:block;height:100%}.calc .result .alloc-seg.alloc-data{background:var(--green-500)}.calc .result .alloc-seg.alloc-parity{background:var(--amber-500)}.calc .result .alloc-seg.alloc-unused{background:transparent}.calc .result .alloc-legend{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;max-width:none;font-family:var(--font-ui);font-size:var(--fs-200);color:var(--text-muted)}.calc .result .alloc-key{display:inline-block;width:.9rem;height:.9rem;border-radius:3px;border:var(--border-w) solid var(--border-strong);margin-left:var(--space-3)}.calc .result .alloc-key:first-child{margin-left:0}.calc .result .alloc-key.alloc-data{background:var(--green-500)}.calc .result .alloc-key.alloc-parity{background:var(--amber-500)}.calc .result .alloc-key.alloc-unused{background:var(--bg-inset)}.calc .result .real-line{padding:var(--space-2) var(--space-3);border-left:3px solid var(--green-500);background:var(--bg-inset);border-radius:0 var(--radius) var(--radius) 0}.calc .result .real-line code{font-family:var(--font-mono);font-size:.95em}.calc .result .warn{color:var(--warn);font-family:var(--font-ui)}.calc .result .warn-label{font-weight:500;font-size:var(--fs-200);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin-right:var(--space-1)}.calc .result .error{color:var(--danger);font-weight:600;font-family:var(--font-ui);margin:0;max-width:none}.calc .result .hint{font-family:var(--font-ui);font-size:var(--fs-300);color:var(--text-muted);margin:0;max-width:none}.calc .share{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0;max-width:none}.calc .copy-status{font-family:var(--font-ui);font-size:var(--fs-200);color:var(--text-muted)}.calc .compare{grid-column:1 / -1;border-top:var(--border-w) solid var(--border);padding-top:var(--space-5)}.calc .compare h2{font-family:var(--font-ui);font-weight:600;font-size:var(--fs-400);color:var(--text);margin:0 0 var(--space-4)}.calc #compare-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.calc #compare-table table{width:100%;max-width:46rem;min-width:22rem;margin-inline:auto;border-collapse:collapse}.calc #compare-table th{text-align:right;padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border-bottom:var(--border-w) solid var(--border-strong);font-family:var(--font-ui);font-weight:500;font-size:var(--fs-200);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.calc #compare-table th:first-child,.calc #compare-table td:first-child{text-align:left}.calc #compare-table th:not(:first-child),.calc #compare-table td:not(:first-child){border-left:var(--border-w) solid var(--border-strong)}.calc #compare-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-w) solid var(--border);font-size:var(--fs-300)}.calc #compare-table td:first-child{font-family:var(--font-ui);color:var(--text)}.calc #compare-table td:not(:first-child){font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;text-align:right;color:var(--text-muted)}.calc #compare-table tbody tr:hover{background:var(--bg-subtle)}.calc #compare-table tbody tr:hover td{color:var(--text)}.calc #compare-table tbody tr:hover td:not(:first-child){color:var(--text)}.calc #compare-table .invalid td{color:var(--text-faint)}.calc #compare-table tbody tr.active td{background:var(--bg-subtle);color:var(--text)}.calc #compare-table tbody tr.active td:not(:first-child){color:var(--accent)}.calc #compare-table tbody tr.active td:first-child{font-weight:600;border-left:2px solid var(--green-500)}