.kale-measurement[hidden], .kale-measurement-settings[hidden] { display: none !important; }
.kale-measurement { position: fixed; inset: auto 20px 20px; z-index: 20000; max-width: 820px; margin: auto; padding: 22px; border: 1px solid #555968; border-radius: 18px; color: #eeeef2; background: #252b35; box-shadow: 0 12px 50px #0006; font: 14px/1.5 Arial, sans-serif; max-height: calc(100dvh - 40px); overflow-y: auto; }
.kale-measurement h2 { margin: 0 0 8px; font-size: 20px; line-height: 1.3; }
.kale-measurement p { margin: 0 0 12px; color: #c2c7d0; }
.kale-measurement a { color: #f1c3c8; text-decoration: underline; }
.kale-measurement fieldset { margin: 0 0 16px; padding: 0; border: 0; display: grid; gap: 8px; }
.kale-measurement legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.kale-measurement label { display: flex; align-items: center; gap: 9px; cursor: pointer; }
.kale-measurement input { width: 18px; height: 18px; margin: 0; accent-color: #b9404e; flex: 0 0 auto; }
.kale-measurement-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.kale-measurement-actions button { flex: 1; min-height: 44px; min-width: 130px; padding: 10px 16px; border: 1px solid #6c6570; border-radius: 10px; background: #2f3540; color: #eeeef2; font: inherit; font-weight: 600; cursor: pointer; }
.kale-measurement-actions button:hover { background: #3f3541; }
.kale-measurement button:focus-visible, .kale-measurement input:focus-visible, .kale-measurement a:focus-visible, .kale-measurement-settings:focus-visible { outline: 3px solid #f1c3c8; outline-offset: 3px; }
.kale-measurement-settings { position: relative; display: block; width: max-content; max-width: calc(100% - 24px); margin: 16px auto 24px; border: 1px solid #5b6a72; border-radius: 8px; padding: 10px 14px; min-height: 44px; background: #252b35; color: #c2c7d0; font: 13px/1.4 Arial, sans-serif; cursor: pointer; }
@media (max-width: 640px) {
  .kale-measurement { inset: auto 10px 10px; padding: 16px; max-height: calc(100dvh - 20px); }
  .kale-measurement-actions { gap: 8px; }
  .kale-measurement-actions button { min-width: calc(50% - 8px); }
  .kale-storefront .kale-measurement-settings { margin-bottom: calc(86px + env(safe-area-inset-bottom)); }
}