.compound-tool{max-width:1000px;margin:0 auto 28px;border:1px solid #cfe1eb;background:#fff;color:#164568;font-size:14px}.compound-tool *{box-sizing:border-box}.compound-tool h1,.compound-tool h2,.compound-tool p{margin:0}.cc-heading{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #419bd1;gap:15px}.cc-heading h1{font-size:22px;font-weight:500;line-height:1.8}.cc-heading a{color:#267bb2;font-size:13px}.cc-heading span{font-size:13px;color:#7890a0}.cc-panels{display:grid;grid-template-columns:3fr 2fr;gap:18px;padding:20px}.cc-panel{border:1px solid #cfe1eb;min-width:0}.cc-panel h2{background:#edf6fc;border-bottom:1px solid #cfe1eb;font-size:16px;font-weight:500;padding:9px 14px}.cc-panel-body{padding:14px}.cc-radio-row{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}.compound-tool label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;line-height:28px;white-space:nowrap}.compound-tool input{accent-color:#278bc5;margin:0}.compound-tool .cc-hint{font-size:12px;color:#758c9c;line-height:1.9}.cc-number-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:13px 0}.cc-number-row strong{font-weight:500;flex:0 0 30px}.cc-digits{display:flex;gap:5px;flex-wrap:wrap}.cc-digits label{gap:3px;min-width:29px}.cc-quick{display:flex;gap:5px}.compound-tool button{font:inherit;color:#24658e;background:#fff;border:1px solid #b9d2e3;border-radius:3px;padding:5px 13px;line-height:1.6;cursor:pointer}.compound-tool button:hover{background:#e8f4fc}.cc-quick button{font-size:12px;padding:0 5px;line-height:24px}.compound-tool .cc-shortcuts{margin-top:15px}.cc-shapes{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}.compound-tool .cc-note{color:#d04b41;font-size:12px;line-height:1.9;margin-bottom:10px}.cc-actions{text-align:center;padding:0 20px 20px}.compound-tool .cc-primary{background:#258ac5;border-color:#258ac5;color:white;font-weight:600;padding:8px 32px;margin-right:12px}.compound-tool .cc-primary:hover{background:#1779b3}.compound-tool #cc-status{font-size:13px;margin-top:12px}.compound-tool .cc-error{color:#c52228}#cc-results{border-top:3px solid #419bd1;padding:18px 20px;scroll-margin-top:20px}.cc-result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cc-result-heading h2{font-size:17px;font-weight:500}.cc-result-heading strong{color:#d43a35;font-size:18px;padding:0 4px}.cc-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.compound-tool button:disabled{opacity:.45;cursor:default}.compound-tool #cc-empty{text-align:center;padding:28px 0;color:#8ba0af}#cc-numbers{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:4px}#cc-numbers label{justify-content:center;border:1px solid #e3eef5;background:#f5faff;font:15px/32px monospace}.compound-tool .cc-footnote{margin-top:16px}.compound-tool [hidden]{display:none!important}.compound-tool button:focus-visible,.compound-tool input:focus-visible{outline:2px solid #147bbb;outline-offset:3px}
@media(max-width:850px){.cc-panels{grid-template-columns:1fr}.cc-number-row{gap:12px}.cc-digits{gap:8px}}
@media(max-width:560px){.cc-heading{padding:12px}.cc-heading h1{font-size:20px}.cc-panels{padding:12px;gap:12px}.cc-panel-body{padding:12px}.cc-number-row{gap:6px}.cc-number-row strong{flex-basis:100%}.cc-digits{gap:4px}.cc-digits label{min-width:23px;font-size:13px}.cc-quick{margin-top:3px}.cc-result-heading{display:block}.cc-result-heading p{margin-top:8px}#cc-results{padding:14px 12px}.cc-actions{padding:4px 12px 18px}}