.cr-calculator{max-width:760px;margin:24px auto;padding:26px;border:1px solid #dce3ea;border-radius:14px;background:#fff;color:#1e293b;box-shadow:0 4px 18px #0f172a0d}.cr-head h2{margin:0 0 8px;font-size:1.45rem}.cr-head p{margin:0 0 22px;color:#475569}.cr-controls,.cr-field{display:grid;gap:6px}.cr-controls{max-width:220px;margin-bottom:18px}.cr-bands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cr-calculator label{font-weight:600;font-size:.92rem}.cr-calculator select{width:100%;padding:10px;border:1px solid #94a3b8;border-radius:7px;background:#fff;font:inherit}.cr-preview{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0 18px}.cr-preview span{width:28px;height:70px;background:#d8ad77}.cr-preview span:first-child{border-radius:40px 0 0 40px}.cr-preview span:last-child{border-radius:0 40px 40px 0}.cr-preview i{width:13px;height:70px;background:#000;box-shadow:0 0 0 1px #0002}.cr-preview .cr-third,.cr-preview .cr-temp{display:none}.cr-calculator:has(.cr-count option[value="5"]:checked) .cr-third,.cr-calculator:has(.cr-count option[value="6"]:checked) .cr-third,.cr-calculator:has(.cr-count option[value="6"]:checked) .cr-temp{display:block}.cr-result{padding:17px;border-radius:8px;background:#eff6ff;font-size:1.1rem}.cr-result output{font-weight:700}.cr-result small{display:block;margin-top:5px;color:#475569;font-size:.85rem}@media(max-width:560px){.cr-bands{grid-template-columns:1fr}.cr-preview{gap:7px}.cr-preview i{width:10px}}