@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#edf0f4;--surface:#fff;--border:#d4dae5;--accent:#f90;--accent-glow:#ff990024;--text:#1c2333;--text-muted:#6b7589;--shadow:0 1px 3px #0000000f,0 4px 14px #00000012;--font-body:"Amazon Ember",Arial,sans-serif;--font-mono:"JetBrains Mono",monospace}.App{background:#edf0f4;background:var(--bg);font-family:Amazon Ember,Arial,sans-serif;font-family:var(--font-body);min-height:100vh}.app-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:460px 1fr;margin:0 auto;max-width:1800px;padding:28px 40px}.form-panel{position:-webkit-sticky;position:sticky;top:70px}.frames-panel{min-height:200px}@media (max-width:1080px){.app-layout{grid-template-columns:1fr;max-width:800px;padding:20px 16px}.form-panel{position:static}}@media screen{.print-version{display:none}.container{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;padding:0}.vehicle-frame{background:#fff;background:var(--surface);border:2px dashed #b0b9c8;box-shadow:0 1px 3px #0000000f,0 4px 14px #00000012;box-shadow:var(--shadow);cursor:pointer;flex-shrink:0;height:189px;position:relative;transition:border-color .18s ease,box-shadow .18s ease;width:310px}.vehicle-frame:after{bottom:7px;color:#b0b9c8;content:"↓ PNG";font-family:Amazon Ember,Arial,sans-serif;font-family:var(--font-body);font-size:9px;font-weight:500;letter-spacing:.6px;position:absolute;right:10px;text-transform:uppercase;transition:color .18s ease}.vehicle-frame:hover{border-color:#f90;border-color:var(--accent);border-style:solid;box-shadow:0 0 0 3px #ff990024,0 1px 3px #0000000f,0 4px 14px #00000012;box-shadow:0 0 0 3px var(--accent-glow),var(--shadow)}.vehicle-frame:hover:after{color:#f90;color:var(--accent)}.vehicle-frame.capturing:after{display:none}.license-plate,.shortcode,.title,.vin{position:absolute}.title{color:#6b7589;color:var(--text-muted);font-size:17px;font-weight:400;left:45px;top:13px}.shortcode,.title{font-family:Amazon Ember,Arial,sans-serif;font-family:var(--font-body)}.shortcode{color:#1c2333;color:var(--text);font-size:34px;font-weight:700;left:20px;top:45px}.license-plate{color:#6b7589;color:var(--text-muted);font-family:Amazon Ember,Arial,sans-serif;font-family:var(--font-body);font-size:12px;left:8px;top:113px}.license-plate .bold-text{color:#1c2333;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-weight:600}.vin{color:#6b7589;color:var(--text-muted);font-family:Amazon Ember,Arial,sans-serif;font-family:var(--font-body);font-size:12px;left:8px;top:136px}.vin .bold-text{color:#1c2333;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px;font-weight:600}.qr-code{height:120px;overflow:hidden;position:absolute;right:15px;top:15px;width:120px}.qr-code canvas,.qr-code svg{height:100%!important;width:100%!important}.bold-text{font-weight:600}.form-container{margin:0 auto;max-width:800px;padding:20px}.input-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.input-field{flex:1 1;margin-right:10px}.input-field:last-child{margin-right:0}@media (max-width:600px){.input-row{align-items:stretch;flex-direction:column}.input-field{margin-bottom:10px;margin-right:0}}}@media print{.App{display:none}.print-version{display:block}@page{size:A4 portrait;margin:10mm}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-page{align-content:flex-start;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:277mm;page-break-after:always;width:100%}.print-page:last-child{page-break-after:auto}.vehicle-frame-print{background-color:#fff;border:2px dashed #000;box-sizing:border-box;flex-shrink:0;height:189px;position:relative;width:310px}.vehicle-frame-print .title{font-size:17px;font-weight:400;left:45px;position:absolute;top:13px}.vehicle-frame-print .shortcode{font-size:34px;font-weight:700;left:20px;position:absolute;top:45px}.vehicle-frame-print .license-plate{font-size:12px;left:8px;position:absolute;top:113px}.vehicle-frame-print .vin{font-size:12px;left:8px;position:absolute;top:136px}.vehicle-frame-print .qr-code{height:120px;overflow:hidden;position:absolute;right:15px;top:15px;width:120px}.vehicle-frame-print .qr-code canvas,.vehicle-frame-print .qr-code svg{height:100%!important;width:100%!important}.bold-text{font-weight:700}}.App-header{background:#0f1923;box-shadow:0 2px 16px #00000059;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{gap:20px;margin:0 auto;max-width:900px;padding:14px 24px}.header-brand,.header-inner{align-items:baseline;display:flex}.header-brand{gap:8px}.header-logo{color:#f90;font-size:26px;font-weight:900;letter-spacing:4px;text-transform:uppercase}.header-divider,.header-logo{font-family:Amazon Ember Display,Amazon Ember,sans-serif;line-height:1}.header-divider{color:#3a4555;font-size:22px;font-weight:400}.header-title{color:#fff;font-family:Amazon Ember Display,Amazon Ember,sans-serif;font-size:26px;font-weight:900;letter-spacing:4px;line-height:1;text-transform:uppercase}.header-subtitle{color:#5a6a7e;font-family:Amazon Ember,sans-serif;font-size:11px;font-weight:400;letter-spacing:.8px;text-transform:uppercase}@media print{.App-header{display:none}}
/*# sourceMappingURL=main.475a0996.css.map*/