.cmhp-widget{box-sizing:border-box;width:min(100%,720px);margin:24px auto;padding:20px;border:1px solid #d8dee8;border-radius:18px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.08);color:#111827}.cmhp-widget *{box-sizing:border-box}.cmhp-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:12px}.cmhp-head h3{margin:0 0 8px}.cmhp-meta{display:flex;align-items:baseline;gap:12px}.cmhp-current{font-size:2.2rem}.cmhp-progress{color:#64748b}.cmhp-score{display:flex;gap:8px;flex-wrap:wrap}.cmhp-score span{padding:7px 10px;border-radius:999px;background:#f1f5f9}.cmhp-list{display:flex;gap:6px;overflow:auto;padding:5px 2px 12px}.cmhp-list button{flex:0 0 auto;width:40px;height:40px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font-size:1.25rem;cursor:pointer}.cmhp-list button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.cmhp-canvas-wrap{display:flex;justify-content:center}.cmhp-canvas{position:relative;overflow:hidden;border:2px solid #94a3b8;border-radius:12px;background:#fff;touch-action:none}.cmhp-grid-on .cmhp-canvas{background-image:linear-gradient(to right,transparent 49.65%,#cbd5e1 49.65%,#cbd5e1 50.35%,transparent 50.35%),linear-gradient(to bottom,transparent 49.65%,#cbd5e1 49.65%,#cbd5e1 50.35%,transparent 50.35%),linear-gradient(45deg,transparent 49.75%,#e2e8f0 49.75%,#e2e8f0 50.25%,transparent 50.25%),linear-gradient(-45deg,transparent 49.75%,#e2e8f0 49.75%,#e2e8f0 50.25%,transparent 50.25%)}.cmhp-canvas svg,.cmhp-canvas canvas{display:block}.cmhp-status{min-height:26px;margin:14px 0;text-align:center;color:#334155}.cmhp-status[data-state=success]{color:#047857}.cmhp-status[data-state=warning]{color:#b45309}.cmhp-status[data-state=error]{color:#b91c1c}.cmhp-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cmhp-controls button{min-height:42px;padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer}.cmhp-controls .cmhp-primary{border-color:#2563eb;background:#2563eb;color:#fff}.cmhp-controls button:disabled{opacity:.45;cursor:not-allowed}.cmhp-error{padding:12px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:8px}@media(max-width:560px){.cmhp-widget{padding:13px}.cmhp-head{display:block}.cmhp-score{margin-top:10px}.cmhp-controls button{flex:1 1 calc(50% - 8px)}}