/* =========================================================
   PREVIEWS
   assets/css/components/previews.css
   =========================================================
   Shared preview system card base — surface, border, radius,
   shadow. Tool-specific sizing overrides live in each tool's
   page CSS.

   Loaded by:
     palette-builder.php
     typography-builder.php
   ========================================================= */

.tool-preview-system {
    background: var(--surface-primary);
    border: 1px solid var(--border-primary);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: var(--shadow-md);
}