body.chipak-archive-size-open { overflow: hidden; }
.chipak-archive-size-dialog:not([open]) { display: none !important; }
.chipak-archive-size-dialog[open] {
  position: fixed; inset: auto 0 var(--chipak-size-keyboard-inset, 0px); margin: 0 auto;
  display: block; width: min(760px, calc(100% - 24px)); max-width: 100%;
  max-height: calc(var(--chipak-size-viewport-height, 100dvh) - 20px); overflow: auto;
  box-sizing: border-box; border: 1px solid #dce3ea; border-radius: 22px 22px 0 0; padding: 0;
  color: #102235; background: #fff; box-shadow: 0 -12px 45px #10223535;
  font-family: inherit; text-align: right; animation: chipak-archive-size-enter .2s ease-out;
}
.chipak-archive-size-dialog::backdrop { background: #0c1a2bb3; }
.chipak-archive-size-dialog__head {
  display: flex; align-items: flex-start; gap: 12px; padding: 20px 20px 12px;
  position: sticky; top: 0; z-index: 2; background: #fff; border-bottom: 1px solid #e8edf2;
}
.chipak-archive-size-dialog__head h2 { margin: 0; color: #102235; font-size: 22px; line-height: 1.65; font-weight: 800; }
.chipak-archive-size-dialog__head p { margin: 6px 0 0; color: #526176; font-size: 14px; line-height: 1.8; }
.chipak-archive-size-dialog__head button {
  flex: 0 0 44px; min-width: 44px; min-height: 44px; margin-inline-start: auto;
  border: 1px solid #dce3ea; border-radius: 12px; background: #f5f7fa; color: #102235;
  font: inherit; font-size: 26px; line-height: 1; cursor: pointer;
}
.chipak-archive-size-dialog__body { padding: 16px 20px max(20px, env(safe-area-inset-bottom)); }
.chipak-archive-size-dialog [data-chipak-size-finder],
.chipak-archive-size-dialog [data-chipak-core-size-finder],
.chipak-archive-size-dialog .cp-category-preview-hero,
.chipak-archive-size-dialog .cp-size-preview {
  display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important;
  min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
#chipak-archive-size-dialog[open] .cp-category-preview-finder .cp-category-preview-hero {
  display: block !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important;
}
.chipak-archive-size-dialog .cp-category-preview-hero > :not(.cp-size-preview),
.chipak-archive-size-dialog .cp-size-preview > :not([data-size-form]),
.chipak-archive-size-dialog .chipak-size-finder__head,
.chipak-archive-size-dialog .chipak-core-size-finder__head { display: none !important; }
.chipak-archive-size-dialog [data-size-form] {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}
.chipak-archive-size-dialog [data-size-form] > div,
.chipak-archive-size-dialog [data-size-form] > label { display: block; min-width: 0; margin: 0; }
.chipak-archive-size-dialog [data-size-form] label { color: #102235; font-size: 14px; line-height: 1.8; }
.chipak-archive-size-dialog [data-size-form] input {
  box-sizing: border-box; width: 100%; min-width: 0; min-height: 50px; padding: 10px 8px;
  font-family: inherit; font-size: 18px; text-align: center; border: 1px solid #9aaabd; border-radius: 10px;
  color: #102235; background: #fff;
}
.chipak-archive-size-dialog [data-size-form] input:focus-visible { outline: 3px solid #d3a33d80; outline-offset: 2px; }
.chipak-archive-size-dialog [data-size-form] button[type="submit"] {
  grid-column: 1 / -1 !important; width: 100%; min-height: 48px; margin: 4px 0 0;
  border-radius: 12px; padding: 12px; font-family: inherit; font-size: 16px; font-weight: 700;
}
.chipak-archive-size-dialog [data-size-error] { display: block; overflow-wrap: anywhere; font-size: 12px; }
.chipak-archive-size-dialog .chipak-size-finder__hint,
.chipak-archive-size-dialog .chipak-core-size-finder__hint { margin: 12px 0; color: #526176; font-size: 12px; line-height: 1.8; }
.chipak-archive-size-dialog [data-results-list] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 600px) {
  .chipak-archive-size-dialog[open] { width: 100%; border-inline: 0; }
  .chipak-archive-size-dialog__head { padding: 14px 14px 10px; }
  .chipak-archive-size-dialog__head h2 { font-size: 20px; }
  .chipak-archive-size-dialog__body { padding-inline: 14px; }
  .chipak-archive-size-dialog [data-size-form] { gap: 8px !important; }
}
@media (max-width: 420px) { .chipak-archive-size-dialog [data-results-list] { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .chipak-archive-size-dialog[open] { animation: none; } }
@keyframes chipak-archive-size-enter { from { transform: translateY(35px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }