.cc-shell{display:grid;grid-template-columns:minmax(250px,310px) minmax(320px,1fr) minmax(250px,310px);gap:18px;align-items:start}.cc-panel,.cc-visual{border:1px solid var(--line,#d8d8d2);background:var(--paper,#f3f2ee);border-radius:14px;padding:18px}.cc-panel h2{margin:0 0 14px}.cc-panel label{display:grid;gap:6px;font-size:14px;font-weight:650;margin:0 0 12px}.cc-panel input,.cc-panel select{width:100%;min-height:42px;border:1px solid #c8cbc8;border-radius:9px;background:#fff;padding:8px 10px;font:inherit}.cc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-note,.cc-formula,.cc-warning{font-size:13px;line-height:1.45;color:#566168}.cc-visual{padding:0;overflow:hidden}.cc-visual-head{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #d7d8d3}.cc-visual-head span{color:#6b7478;font-size:13px}.cc-visual svg{display:block;width:100%;height:auto;background:#f7f6f2}.cc-results{display:grid;gap:10px}.cc-result{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline;padding:12px 0;border-bottom:1px solid #d9dad5}.cc-result span{font-size:13px;color:#626c71}.cc-result b{font-size:26px}.cc-result em{font-style:normal;color:#626c71;font-size:12px}.cc-formula{padding-top:6px}.cc-warning{padding:10px 12px;border:1px solid #d3a69d;border-radius:9px;color:#8c3f34;background:#fff7f4}.cc-copy{max-width:900px}.cc-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cc-links a{font-weight:700}@media(max-width:980px){.cc-shell{grid-template-columns:1fr 1fr}.cc-results{grid-column:1/-1}}@media(max-width:680px){.cc-shell,.cc-two{grid-template-columns:1fr}.cc-results{grid-column:auto}.cc-panel,.cc-visual{border-radius:10px}.cc-result b{font-size:22px}}