.ocm-widget{position:relative;max-width:1160px;margin:0 auto;padding:0 20px;font-family:Sen,sans-serif}.ocm-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.ocm-hint{font-size:14px;color:#627d98;margin-bottom:12px}.ocm-export-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:1px solid #000f29;border-radius:6px;background:#000f29;color:#fff;font-family:Sen,sans-serif;font-size:15px;font-weight:700;cursor:pointer}.ocm-export-btn:hover{background:#243b53;border-color:#243b53}.ocm-export-btn svg{width:16px;height:16px}.ocm-templates{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ocm-templates-label{font-size:14px;font-weight:700;color:#486581}.ocm-pill{padding:7px 16px;border:1px solid #d9e2ec;border-radius:20px;background:#fff;font-family:Sen,sans-serif;font-size:14px;color:#486581;cursor:pointer}.ocm-pill:hover{border-color:#3cc;color:#000f29}.ocm-pill-active{background:#000f29;border-color:#000f29;color:#fff}.ocm-pill-active:hover{color:#fff}.ocm-canvas{position:relative;height:620px;border:1px solid #d9e2ec;border-radius:8px;overflow:hidden;background-color:#fff;background-size:40px 40px;background-image:radial-gradient(circle,#d9e2ec 1px,#0000 1px)}.ocm-chart{width:100%;height:100%}.ocm-chart svg{display:block}.ocm-toolbar{position:absolute;bottom:12px;left:12px;display:flex;background:#fff;border:1px solid #d9e2ec;border-radius:6px;box-shadow:#00000014 0 1px 2px;z-index:5}.ocm-tool{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;border-right:1px solid #d9e2ec;border-radius:0;background:transparent;color:#486581;padding:0}.ocm-tool:first-child{border-radius:6px 0 0 6px}.ocm-tool:last-child{border-right:none;border-radius:0 6px 6px 0}.ocm-tool:hover{background:#f0f4f8;color:#000f29}.ocm-tool svg{width:18px;height:18px}.ocm-card-btn{width:24px;height:24px;border-radius:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border:1px solid #d9e2ec;color:#486581;box-shadow:#00000014 0 1px 2px;margin-left:6px}.ocm-card-btn svg{width:13px;height:13px}.ocm-card-btn:hover{color:#000f29;border-color:#9fb3c8}.ocm-add-child{background:#3cc;border-color:#3cc;color:#fff}.ocm-add-child:hover{background:#29a3a3;border-color:#29a3a3;color:#fff}.ocm-panel{position:absolute;top:12px;right:12px;bottom:12px;width:300px;max-width:calc(100% - 24px);background:#fff;border:1px solid #d9e2ec;border-radius:8px;box-shadow:#000f291f 0 8px 24px;padding:16px;overflow-y:auto;z-index:6;display:flex;flex-direction:column;gap:14px}.ocm-panel[hidden]{display:none}.ocm-panel-head{display:flex;align-items:center;justify-content:space-between}.ocm-panel-title{font-size:16px;font-weight:700;color:#000f29}.ocm-panel-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#486581;cursor:pointer;padding:0}.ocm-panel-close:hover{background:#f0f4f8;color:#000f29}.ocm-panel-close svg{width:16px;height:16px}.ocm-field{display:block}.ocm-field[hidden]{display:none}.ocm-field>span{display:block;font-size:13px;font-weight:700;color:#486581;margin-bottom:6px}.ocm-field input,.ocm-field select{width:100%;padding:10px 12px;border:1px solid #d9e2ec;border-radius:6px;background:#fff;font-family:Sen,sans-serif;font-size:15px;color:#000f29;box-sizing:border-box}.ocm-field input:focus,.ocm-field select:focus{outline:none;border-color:#3cc;box-shadow:0 0 0 3px #3cc3}.ocm-swatches{display:flex;flex-wrap:wrap;gap:8px}.ocm-swatch{width:26px;height:26px;border-radius:26px;border:1px solid #d9e2ec;cursor:pointer;padding:0}.ocm-swatch-none{background:#fff;background-image:linear-gradient(135deg,transparent 45%,#ef4e4e 45%,#ef4e4e 55%,transparent 55%)}.ocm-swatch-active{outline:2px solid #000f29;outline-offset:2px}.ocm-panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.ocm-btn{display:block;width:100%;padding:11px 16px;border-radius:6px;font-family:Sen,sans-serif;font-size:15px;font-weight:700;text-align:center;cursor:pointer}.ocm-btn-secondary{background:#fff;border:1px solid #33cccc;color:#29a3a3}.ocm-btn-secondary:hover{background:#33cccc1a}.ocm-btn-danger{background:#fff;border:1px solid #f0c4c4;color:#ef4e4e}.ocm-btn-danger:hover{background:#ef4e4e;border-color:#ef4e4e;color:#fff}.ocm-btn[hidden]{display:none}.ocm-gate{position:absolute;inset:0;background:#000f2973;display:flex;align-items:center;justify-content:center;padding:20px;z-index:8}.ocm-gate[hidden]{display:none}.ocm-gate-panel{position:relative;width:420px;max-width:100%;background:#fff;border-radius:10px;box-shadow:#000f2940 0 16px 48px;padding:28px}.ocm-gate-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#486581;cursor:pointer;padding:0}.ocm-gate-close:hover{background:#f0f4f8;color:#000f29}.ocm-gate-close svg{width:16px;height:16px}.ocm-gate-heading{font-family:Sen,sans-serif;font-size:22px;font-weight:700;color:#000f29;margin:0 0 8px}.ocm-gate-copy{font-size:15px;line-height:1.5;color:#486581;margin:0 0 18px}.ocm-gate form{display:flex;flex-direction:column;gap:10px;margin:0}.ocm-gate input[type=email]{width:100%;padding:12px 14px;border:1px solid #d9e2ec;border-radius:6px;font-family:Sen,sans-serif;font-size:15px;color:#000f29;box-sizing:border-box}.ocm-gate input[type=email]:focus{outline:none;border-color:#3cc;box-shadow:0 0 0 3px #3cc3}.ocm-gate-submit{padding:12px 20px;border:1px solid #33cccc;border-radius:6px;background:#3cc;color:#000f29;font-family:Sen,sans-serif;font-size:15px;font-weight:700;cursor:pointer}.ocm-gate-submit:hover{background:#29a3a3;border-color:#29a3a3}.ocm-gate-submit:disabled{opacity:.7;cursor:wait}.ocm-gate-error{margin-top:10px;font-size:14px;color:#ef4e4e}.ocm-gate-error[hidden]{display:none}.ocm-gate-smallprint{margin:14px 0 0;font-size:12px;line-height:1.5;color:#829ab1}.ocm-noscript{padding:24px;border:1px solid #d9e2ec;border-radius:8px;background:#f8fafc;color:#243b53;text-align:center;margin-top:12px}@media(max-width:767px){.ocm-canvas{height:65vh}.ocm-panel{inset:auto 8px 8px;width:auto;max-width:none;max-height:62%}}.tools-hero-improved[data-astro-cid-3upjssbd]{padding:60px 20px 40px;text-align:center}.tools-hero-subheading[data-astro-cid-3upjssbd]{font-size:18px;line-height:1.6;color:#486581;max-width:640px;margin:0 auto 28px;text-align:center}.ocm-section[data-astro-cid-3upjssbd]{padding:8px 0 70px}