.planner-page{background:linear-gradient(160deg,#f7f7f2,#edf3f8 45%,#f4f8f2);min-height:100vh}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.control-card{background:#fff;border:1px solid #dde5ea;border-radius:10px;padding:.9rem}.control-card label{display:block;font-weight:600;color:#1f3d5a}.control-label-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:.4rem}.current-value{min-width:52px;text-align:center;color:#1f637a;background:#e8f1f5;border-radius:6px;padding:3px 8px;font-size:.85rem;font-weight:700}.control-card input,.control-card select{width:100%;border:1px solid #bcc8d1;border-radius:7px;padding:.48rem .55rem;font:inherit}.control-card input[type=range]{padding:0;border:0;accent-color:#1f637a}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem}.summary-card{background:#fff;border:1px solid #d9e2e8;border-radius:10px;padding:.8rem}.summary-card .label{display:block;color:#496477;font-size:.84rem;margin-bottom:.2rem}.summary-card .value{font-size:1.1rem;font-weight:700;color:#0f2f43}.comparison-table-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d8e0e6;border-radius:10px;overflow:hidden}.comparison-table th,.comparison-table td{text-align:left;padding:.65rem;border-bottom:1px solid #ebf0f3}.comparison-table thead{background:#1f5a7a;color:#fff}.comparison-table tbody tr.best{background:#edf8ef}.role-note{margin-top:.8rem;font-size:.9rem;color:#496477}