/* free label maker (label-maker.html) */
.lm { display:grid; grid-template-columns:minmax(0,420px) minmax(0,1fr); gap:20px; align-items:start; }
@media (max-width:820px) { .lm { grid-template-columns:1fr; } }
.lm form { border:1px solid var(--line); border-radius:10px; padding:14px; }
.lm fieldset { border:0; padding:0; margin:0 0 10px; }
.lm legend { font-weight:700; margin-bottom:6px; color:var(--brand); }
.lm .f { display:block; margin:0 0 8px; }
.lm .f span { display:block; font-size:.85rem; color:var(--muted); margin-bottom:2px; }
.lm .f small { display:block; font-size:.8rem; color:var(--muted); }
.lm .row { display:flex; gap:8px; flex-wrap:wrap; }
.lm .row .f { flex:1 1 120px; }
.lm input, .lm textarea, .lm select { width:100%; }
.lm-previews { display:flex; gap:16px; flex-wrap:wrap; align-items:flex-start; }
.lm-previews figure { margin:0; }
.lm-previews figcaption { font-size:.8rem; color:var(--muted); margin-top:4px; }
.lm-previews svg { background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.25); max-width:100%; height:auto; }
.lm-warnings:empty { display:none; }
.lm-warnings { background:#fff4ea; color:#9a3b00; border-radius:6px; padding:8px 10px; font-size:.85rem; margin:10px 0; }
#print-area { display:none; }
@page { size:3in 4in; margin:0; }
@media print {
  .wrap { display:none !important; }
  #print-area { display:block; }
  .pl { width:3in; height:4in; overflow:hidden; break-after:page; }
  .pl:last-child { break-after:auto; }
  .pl svg { display:block; }
}