:root{--bg: #f7f7f5;--text: #1a1a1a;--muted: #8a8a8a;--border: #e4e4e0;--accent: #1a1a1a;--shadow: 0 2px 12px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#app{max-width:420px;margin:0 auto;padding:2.5rem 1.25rem 3rem}header{margin-bottom:2rem}.type-switcher{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap}.type-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.type-btn:hover{color:var(--text);border-color:#ccc}.type-btn.active{border-color:var(--text);background:var(--text);color:#fff}.type-btn.active .type-swatch{border-color:#ffffff59}.type-swatch{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.type-swatch--civilian{background:#fff}.type-swatch--diplomatic{background:#c41e24}.type-swatch--military{background:#1a1a1a}.content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.plate-section{display:flex;justify-content:center}.plate-wrap{filter:drop-shadow(var(--shadow))}.plate-ng{display:flex;width:265px;max-width:100%;border:2px solid #000;border-radius:8px;background:#000;color:#111;font-family:Arial,Verdana,sans-serif;overflow:hidden}.plate-ng__number{flex:0 0 196px;display:flex;justify-content:center;height:56px;margin-right:2px;background:#fff;border-top-left-radius:6px;border-bottom-left-radius:6px;overflow:hidden}.plate-ng__region{flex:0 0 63px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:56px;background:#fff;border-top-right-radius:6px;border-bottom-right-radius:6px;overflow:hidden;text-align:center}.plate-ng__number input,.plate-ng__region input{border:0;border-radius:0;background:#fff;color:inherit;font:inherit;text-transform:uppercase;outline:none;padding:0;margin:0;box-sizing:content-box}.plate-ng__number input{height:100%;line-height:56px;font-size:36px;font-weight:400;text-align:center}.plate-ng__number input::placeholder{color:#d0d0d0}.plate-ng__number .series1{width:30px;padding:0 4px 0 14px}.plate-ng__number .number{width:60px;padding:0 4px}.plate-ng__number .series2{width:60px;padding:0 14px 0 4px}.plate-ng__number .digits4{width:88px;padding:0 8px}.plate-ng__number .letters2{width:60px;padding:0 14px 0 4px}.plate-ng__number .dip-code{width:72px;padding:0 4px 0 10px}.plate-ng__number .plate-static{line-height:56px;font-size:28px;font-weight:700;padding:0 2px;-webkit-user-select:none;user-select:none}.plate-ng__region input{width:100%;height:30px;margin-top:4px;padding:0 5px;line-height:30px;font-size:24px;text-align:center}.plate-ng__region input::placeholder{color:#d0d0d0;font-size:20px}.plate-ng__rus{display:block;width:38px;height:11px;margin:2px auto 0;flex-shrink:0}.plate-ng__rus-text{display:flex;align-items:center;justify-content:center;flex:1;width:100%;margin:0;padding:0 2px 5px;font-family:Arial,Verdana,sans-serif;font-size:17px;font-weight:700;letter-spacing:.14em;line-height:1;color:#fff;-webkit-user-select:none;user-select:none}.plate-ng--military .plate-ng__region input,.plate-ng--diplomatic .plate-ng__region input{height:26px;margin-top:6px;line-height:26px;font-size:22px}.plate-ng--military{border-color:#333}.plate-ng--military .plate-ng__number,.plate-ng--military .plate-ng__region,.plate-ng--military .plate-ng__number input,.plate-ng--military .plate-ng__region input{background:#111;color:#fff}.plate-ng--military .plate-ng__number input::placeholder,.plate-ng--military .plate-ng__region input::placeholder{color:#444}.plate-ng--military .plate-ng__region{border-left:1px solid #333}.plate-ng--diplomatic{border-color:#8b0000;background:#8b0000}.plate-ng--diplomatic .plate-ng__number,.plate-ng--diplomatic .plate-ng__region,.plate-ng--diplomatic .plate-ng__number input,.plate-ng--diplomatic .plate-ng__region input{background:#c41e24;color:#fff}.plate-ng--diplomatic .plate-ng__number input::placeholder,.plate-ng--diplomatic .plate-ng__region input::placeholder{color:#fff6}.plate-ng--diplomatic .plate-static{color:#fff}.plate-ng--diplomatic .plate-ng__region{border-left:1px solid rgba(0,0,0,.15)}.plate-ng:focus-within{box-shadow:0 0 0 3px #0000000f}.diplomatic-variants{display:flex;gap:.35rem;justify-content:center}.variant-btn{padding:.35rem .7rem;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.variant-btn:hover{color:var(--text)}.variant-btn.active{border-color:var(--text);background:var(--text);color:#fff}.lookup-section{width:100%;max-width:265px;text-align:center}.lookup-result{display:flex;flex-direction:column;gap:.15rem;padding:.65rem 0;font-size:.9375rem;min-height:2.5rem}.lookup-result__title{font-weight:600;color:var(--text)}.lookup-result__detail{font-size:.8125rem;color:var(--muted)}.lookup-result__placeholder{color:var(--muted);font-size:.875rem}.lookup-result.found .lookup-result__title{color:var(--text)}.lookup-result.missing .lookup-result__title{color:#9a6b00}@media(max-width:520px){#app{padding-top:1.75rem}.plate-ng{width:240px;border-radius:6px}.plate-ng__number{flex:0 0 176px;height:50px;border-top-left-radius:4px;border-bottom-left-radius:4px}.plate-ng__region{flex:0 0 58px;height:50px;border-top-right-radius:4px;border-bottom-right-radius:4px}.plate-ng__number input{line-height:50px;font-size:32px}.plate-ng__number .series1{width:27px;padding-left:12px}.plate-ng__number .number{width:54px}.plate-ng__number .series2{width:54px;padding-right:12px}.plate-ng__region input{height:28px;line-height:28px;font-size:22px;margin-top:3px}.plate-ng__rus{width:36px;height:10px}.plate-ng__rus-text{font-size:15px;padding-bottom:4px}.plate-ng--military .plate-ng__region input,.plate-ng--diplomatic .plate-ng__region input{height:24px;margin-top:5px;line-height:24px;font-size:20px}.lookup-section{max-width:240px}}