/* V2.3.1 Real-time License Plate Preview */
.preview-card{overflow:hidden}
.preview-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.preview-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:800;letter-spacing:.06em}
.plate-stage{min-height:260px;border-radius:16px;background:linear-gradient(180deg,#f8fafc,#eef2f7);display:flex;align-items:center;justify-content:center;padding:32px 22px;margin-top:18px;overflow:auto}
.live-plate{position:relative;width:min(720px,92vw);aspect-ratio:520/110;border-radius:7px;border:3px solid #111;display:flex;align-items:center;justify-content:center;transition:all .22s ease;box-shadow:0 8px 24px rgba(15,23,42,.10);overflow:hidden}
.plate-number{font-size:clamp(40px,7.3vw,92px);line-height:1;font-weight:900;letter-spacing:.05em;white-space:nowrap;transform:scaleX(.94);transform-origin:center;transition:all .2s ease}
.plate-watermark{position:absolute;right:12px;bottom:5px;font:700 7px/1 Arial,sans-serif;letter-spacing:.08em;opacity:.28}
.plate-hole{display:block;position:absolute;top:50%;width:10px;height:10px;border-radius:50%;border:2px solid currentColor;opacity:.6;transform:translateY(-50%)}
.hole-left{left:14px}.hole-right{right:14px}
.live-plate.no-holes .plate-hole{display:none}

.plate-white-black{background:#fff;color:#080808;border-color:#151515}
.plate-yellow-black{background:#ffd400;color:#070707;border-color:#111}
.plate-black-white{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.plate-black-yellow{background:#090909;color:#ffd400;border-color:#090909}

.plate-flat .plate-number{text-shadow:none}
.plate-raised .plate-number{text-shadow:1px 1px 0 rgba(255,255,255,.32),2px 2px 0 rgba(0,0,0,.26),3px 3px 3px rgba(0,0,0,.18)}
.plate-embossed .plate-number{text-shadow:-1px -1px 0 rgba(255,255,255,.45),1px 1px 0 rgba(0,0,0,.35),2px 2px 1px rgba(0,0,0,.22)}

.font-government{font-family:Arial Black,Arial,sans-serif;font-weight:900}
.font-uk{font-family:"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;font-weight:900;letter-spacing:.035em}
.font-square{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:800;letter-spacing:.035em}
.font-round{font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;font-weight:800;letter-spacing:.03em}
.font-euro{font-family:Helvetica,Arial,sans-serif;font-weight:800;letter-spacing:.08em}

.preview-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.preview-meta span{padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:700}

@media(max-width:700px){
  .plate-stage{min-height:190px;padding:22px 10px}
  .live-plate{width:100%}
  .plate-number{font-size:clamp(34px,12vw,64px)}
  .preview-title-row{display:block}
  .preview-badge{margin-top:10px}
}