/* PMP catalog legibility and high-end interaction pass. */
#createDesignDialog .create-search input{font-size:13px;line-height:1.35}
#createDesignDialog .design-category-nav button span{font-size:11.5px;line-height:1.2}
#createDesignDialog .design-category-nav button small{font-size:8.5px;line-height:1.2}
#createDesignDialog .design-format-top p{font-size:11.5px;line-height:1.45}
#createDesignDialog .design-format-count{font-size:10px}
#createDesignDialog .product-group-filters button{min-height:38px;font-size:10.5px;letter-spacing:.005em}
#createDesignDialog .catalog-product-controls{padding:11px 12px}
#createDesignDialog .catalog-product-controls label{font-size:9.5px;letter-spacing:.065em}
#createDesignDialog .catalog-product-controls select{height:36px;font-size:11.5px}
#createDesignDialog .catalog-control-note{font-size:10.5px;line-height:1.45}
#createDesignDialog .catalog-view-switch{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:4px;padding:3px;border:1px solid #c8d8dc;border-radius:8px;background:#eaf1f2}
#createDesignDialog .catalog-view-switch>span{padding:0 6px;color:#526a74;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
#createDesignDialog .catalog-view-switch button{height:29px;border:0;border-radius:6px;padding:0 10px;background:transparent;color:#49616b;font-size:10px;font-weight:850}
#createDesignDialog .catalog-view-switch button:hover{background:rgba(255,255,255,.72);color:#075f59}
#createDesignDialog .catalog-view-switch button.active{background:#fff;color:#076e67;box-shadow:0 2px 7px rgba(12,50,60,.13)}
#createDesignDialog .catalog-view-switch button:focus-visible{outline:2px solid #0aa99c;outline-offset:1px}

#createDesignDialog .design-format-card{border-color:#cad9dd;box-shadow:0 8px 24px rgba(9,37,48,.08);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#createDesignDialog .design-format-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent),#567 48%);box-shadow:0 16px 34px rgba(8,36,47,.15)}
#createDesignDialog .design-format-card:focus-within{border-color:#0aa99c;box-shadow:0 0 0 3px rgba(10,169,156,.15),0 16px 34px rgba(8,36,47,.13)}
#createDesignDialog .format-card-copy{padding:16px 16px 14px}
#createDesignDialog .format-card-kicker{font-size:10px;line-height:1.3;letter-spacing:.075em}
#createDesignDialog .format-card-copy>b{margin-top:7px;font-size:15.5px;line-height:1.25;white-space:normal}
#createDesignDialog .format-card-copy>small{margin-top:5px;font-size:11px;line-height:1.35;white-space:normal}
#createDesignDialog .format-description{min-height:32px;margin-top:9px;font-size:11px;line-height:1.45}
#createDesignDialog .format-production-meta{gap:6px;margin-top:11px}
#createDesignDialog .format-production-meta i{min-height:25px;padding:6px 8px;font-size:10px;line-height:1.2}
#createDesignDialog .format-size-picker{gap:8px;margin:10px 14px 0;padding:9px 10px}
#createDesignDialog .format-size-picker span{font-size:9.5px;letter-spacing:.055em}
#createDesignDialog .format-size-picker select{height:35px;font-size:11.5px}
#createDesignDialog .format-size-status{font-size:9.5px;line-height:1.35}
#createDesignDialog .format-card-actions{min-height:58px;gap:8px;padding:10px 14px 12px}
#createDesignDialog .format-card-actions button{height:38px;font-size:11px;letter-spacing:.005em}
#createDesignDialog .format-start-button{padding-inline:12px}
#createDesignDialog .format-spec-button,#createDesignDialog .format-compare-button{padding-inline:10px}

#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .design-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .design-format-card{min-height:0}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-card-main{display:grid;grid-template-columns:minmax(150px,38%) minmax(0,1fr);align-items:stretch}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-art{height:auto;min-height:222px;border-radius:10px 0 0 10px}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-card-copy{min-height:0;padding:18px 16px 15px}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-description{min-height:0}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-production-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-production-meta i{display:flex;align-items:center;justify-content:center;text-align:center}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-size-picker{margin-top:0;border-inline:0;border-bottom:0;border-radius:0;background:#f1f6f6}
#createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-card-actions{border-radius:0 0 10px 10px}

@media(max-width:760px){
  #createDesignDialog .design-category-nav button span{font-size:11px}
  #createDesignDialog .catalog-product-controls{padding:10px}
  #createDesignDialog .catalog-control-note{font-size:10px}
  #createDesignDialog .catalog-view-switch{grid-column:1/-1;justify-self:start}
  #createDesignDialog .format-card-copy{padding:15px 14px 13px}
  #createDesignDialog .format-card-actions{grid-template-columns:minmax(0,1fr) auto auto}
  #createDesignDialog #designFormatArea[data-catalog-card-view="production"] .design-format-grid{grid-template-columns:1fr}
  #createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-card-main{grid-template-columns:minmax(125px,34%) minmax(0,1fr)}
  #createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-art{min-height:205px}
}
@media(max-width:520px){
  #createDesignDialog .format-card-copy>b{font-size:16px}
  #createDesignDialog .format-description{font-size:11.5px}
  #createDesignDialog .format-card-actions button{min-width:72px}
  #createDesignDialog .format-start-button{min-width:0}
  #createDesignDialog .catalog-view-switch{width:100%;grid-template-columns:auto 1fr 1fr}
  #createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-card-main{grid-template-columns:112px minmax(0,1fr)}
  #createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-art{min-height:214px}
  #createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-card-copy{padding:14px 12px}
  #createDesignDialog #designFormatArea[data-catalog-card-view="production"] .format-production-meta{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){#createDesignDialog .design-format-card{transition:none}}