// Demo-only utility helpers (not exported for production use unless imported)
// Provides frame + spacing utilities used in pattern examples to reduce inline styles

/**
 * @section Demo Utilities
 */

/** @public Example frame for demo containers */
.example-frame {
  border: 2px solid hsl(var(--border));
  border-radius: var(--radius-md);
  overflow: hidden;
  position: relative;
  background: transparent;
}
.example-frame.border-dashed { border-style: dashed; }

/** @public 300px height helper */
.h-300 { height: 300px; }

/** @public 400px height helper */
.h-400 { height: 400px; }