.tier-section{margin-bottom:1rem}.tier-section h2{margin-bottom:.4rem;font-size:1rem}.tier-sel-cell{white-space:nowrap;align-items:center;gap:.3rem;display:flex}.tier-label{font-weight:600}.tier-sel{background:#f9fafb;border:1px solid #c8cbd0;border-radius:3px;padding:.2rem .3rem;font-size:.85rem}.tier-stats-table{border-collapse:collapse;border-spacing:0;margin-top:.5rem}.tier-stats-table th,.tier-stats-table td{white-space:nowrap;border:none;padding:.1rem .6rem;font-size:.8rem}.tier-stats-table thead th{color:#9ca3af;text-align:right;font-weight:600}.tier-stats-table thead th:first-child,.tier-stats-table tbody td:first-child{text-align:left}.tier-stats-table tbody td{color:#374151;text-align:right}.presets-section{margin-bottom:1rem}.preset-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-bottom:.3rem;padding:.2rem 0;font-size:.85rem}.preset-toggle:hover{text-decoration:underline}.presets-row{gap:.5rem;margin-bottom:.5rem;display:flex}.presets-row input{border:1px solid #c8cbd0;border-radius:3px;flex:1;padding:.3rem .5rem;font-size:.9rem}.preset-btn{cursor:pointer;border:1px solid #c8cbd0;border-radius:3px;padding:.3rem .8rem;font-size:.85rem}.preset-btn.save{background:#e0f2fe;border-color:#7dd3fc}.preset-btn.load{background:#f3f4f6}.preset-btn.del{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.preset-item{border-bottom:1px solid #e5e7eb;align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.preset-item span{flex:1;font-size:.9rem}.input-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.input-table th,.input-table td{text-align:center;white-space:nowrap;border:1px solid #c8cbd0;padding:.3em .5em}.input-table th{font-size:.9rem;font-weight:600}.input-table .label-col{text-align:left;background:#f4f5f7;font-weight:600}.input-table input.buff-input{text-align:right;border:1px solid #c8cbd0;border-radius:4px;width:5.5rem;padding:.2rem .4rem;font-size:.9rem}.col-atk{background:#fff7ed}.col-def{background:#f0f9ff}.input-table th.col-atk{background:#ffedd5}.input-table th.col-def{background:#e0f2fe}.mode-buttons{gap:.4rem;margin-bottom:.6rem;display:flex}.mode-btn{cursor:pointer;background:#f9fafb;border:1px solid #c8cbd0;border-radius:4px;padding:.3rem .8rem;font-size:.85rem}.mode-btn.active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.confirm-btn{color:#fff;cursor:pointer;background:#16a34a;border:1px solid #16a34a;border-radius:4px;padding:.3rem .8rem;font-size:.85rem}.confirm-btn:hover{background:#15803d}.ratio-section{margin-bottom:1rem}.ratio-list{flex-direction:column;gap:.3rem;margin-bottom:.4rem;display:flex}.ratio-row{align-items:center;gap:.5rem;display:flex}.ratio-label{color:#4b5563;flex-shrink:0;width:3rem;font-size:.85rem;font-weight:600}.ratio-row input[type=range]{flex:1}.ratio-row input[type=number]{text-align:right;border:1px solid #c8cbd0;border-radius:4px;flex-shrink:0;width:5.5rem;padding:.2rem .4rem;font-size:.9rem}.ratio-info{color:#4b5563;align-items:center;gap:1rem;font-size:.85rem;display:flex}.ratio-info input[type=number]{text-align:right;border:1px solid #c8cbd0;border-radius:4px;width:6rem;padding:.2rem .4rem;font-size:.9rem}input.count-input{text-align:right;border:1px solid #c8cbd0;border-radius:4px;flex-shrink:0;padding:.2rem .4rem;font-size:.9rem}.ratio-row input.count-input{width:5.5rem}.ratio-info input.count-input{width:6rem}.ratio-sum{font-weight:600}#result-table{border-collapse:collapse;width:100%;margin-top:.5rem}#result-table th,#result-table td{text-align:center;white-space:nowrap;border:1px solid #c8cbd0;padding:.3em .5em;font-size:.85rem}#result-table th{font-weight:600}#result-table th.col-atk{color:#9a3412;background:#fed7aa}#result-table th.col-def{color:#075985;background:#bae6fd}#result-table td.col-atk{background:#fff7ed;font-weight:600}#result-table td.col-def{background:#f0f9ff;font-weight:600}#result-table th.col-power-atk,#result-table td.col-power-atk{background:#f3f4f6}#result-table th.col-power-def,#result-table td.col-power-def{background:#fff}#result-table .label-col{text-align:left;background:#f4f5f7;font-weight:600}#result-table td:nth-child(9){font-weight:600}
