@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Playfair+Display:wght@600&family=Oswald:wght@500;700&display=swap');

.lg-preview-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  background: #f8f9fa;
  border: 1px dashed #dee2e6;
  border-radius: 6px;
  min-height: 120px;
}

.lg-label {
  background: #ffffff;
  border: 1px solid #d0d0d0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  padding: 6px 10px;
  box-sizing: border-box;
}

.lg-label span {
  display: block;
  width: 100%;
  overflow-wrap: break-word;
  line-height: 1.15;
}

/* --- Generic sizes (approximate on-screen px, not to a strict shared scale —
   this is a preview only; see README "print sizes" note) --- */
.lg-size-2x1        { width: 160px; height: 80px; }
.lg-size-3x1         { width: 220px; height: 80px; }
.lg-size-3x2         { width: 220px; height: 150px; }
.lg-size-3x3         { width: 220px; height: 220px; }
.lg-size-circle-2    { width: 150px; height: 150px; }
.lg-size-circle-3    { width: 220px; height: 220px; }

/* --- Avery template sizes ---
   5160: 1 x 2-5/8in | 5163: 2 x 4in | 22807: 2in round | 5294: 2.5in round */
.lg-size-avery-5160   { width: 205px; height: 78px; }
.lg-size-avery-5163   { width: 300px; height: 150px; }
.lg-size-avery-22807  { width: 150px; height: 150px; }
.lg-size-avery-5294   { width: 190px; height: 190px; }

/* --- Brother DK label sizes ---
   DK-1201: 1.1 x 3.5in address | DK-1203: 0.66 x 3.44in file folder | DK-1218: 2.4in round */
.lg-size-brother-dk1201  { width: 260px; height: 82px; }
.lg-size-brother-dk1203  { width: 255px; height: 50px; }
.lg-size-brother-dk1218  { width: 180px; height: 180px; }

/* --- DYMO LabelWriter sizes ---
   30336: 1 x 2-1/8in small multipurpose | 30252: 1-1/8 x 3-1/2in address | 30323: 2-1/8 x 4in multipurpose */
.lg-size-dymo-30336   { width: 160px; height: 78px; }
.lg-size-dymo-30252   { width: 260px; height: 84px; }
.lg-size-dymo-30323   { width: 310px; height: 165px; }

/* --- Shapes --- */
.lg-shape-rectangle          { border-radius: 0; }
.lg-shape-rounded-rectangle  { border-radius: 14px; }
.lg-shape-square             { border-radius: 0; }
.lg-shape-circle             { border-radius: 50%; }

/* --- Styles --- */
.lg-style-minimal {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: none;
  border-width: 1px;
}
.lg-style-minimal span { font-size: 1.05rem; }

.lg-style-modern {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-width: 2px;
  border-color: #212529;
}
.lg-style-modern span { font-size: 0.95rem; }

.lg-style-farmhouse {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: capitalize;
  border-width: 1px;
  border-color: #6b5b4d;
  background: #fdfbf7;
}
.lg-style-farmhouse span { font-size: 1.1rem; }

.lg-style-bold {
  font-family: 'Oswald', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-width: 3px;
  border-color: #000000;
}
.lg-style-bold span { font-size: 1.15rem; }