/* Ensure any custom icon HTML stays contained within the preview box */
 .custom-icon-wrapper.svelte-ot5q3s {
  position: relative;
  overflow: hidden; /* clip anything that moves on hover */
  border-radius: 0.75rem; /* ensure clipping respects rounded corners */
  contain: layout paint;
 }
 /* Make the author-provided .icon-card and any inline SVG fill the box */
 .custom-icon-wrapper.svelte-ot5q3s .icon-card,
 .custom-icon-wrapper.svelte-ot5q3s svg {
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden; /* clip graphics that transform outside viewBox */
 }
 /* Normalize margins to avoid accidental overflow due to default margins */
 .custom-icon-wrapper.svelte-ot5q3s * {
  box-sizing: border-box;
  margin: 0;
 }
 /* In case the author relies on .icon-card for hover effects, keep it clipped */
 .custom-icon-wrapper.svelte-ot5q3s .icon-card {
  overflow: hidden;
  border-radius: 0.75rem; /* match rounded-xl */
 }
 /* Smooth transforms without layout jank */
 .custom-icon-wrapper.svelte-ot5q3s .icon-part {
  will-change: transform;
 }