:root{--bg-1: #eef2f9;--bg-2: #e3e9f4;--card: #ffffff;--ink: #16203a;--muted: #67718c;--line: #e3e7f0;--blue: #1f4bd8;--blue-ink: #16357f;--green: #0f9d58;--amber: #c98a00;--red: #d23b3b;--radius: 18px;--shadow: 0 10px 30px rgba(24, 40, 90, .08);--shadow-sm: 0 2px 8px rgba(24, 40, 90, .06)}*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg-1),var(--bg-2)) fixed;-webkit-font-smoothing:antialiased;line-height:1.5}.wrap{max-width:560px;margin:0 auto;padding:22px 16px 48px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand .dot{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--blue),#4b6ef5);box-shadow:0 2px 6px #1f4bd866}h1{font-size:1.3rem;font-weight:750;margin:0;letter-spacing:-.01em}.lead{color:var(--muted);margin:10px 2px 18px;font-size:.98rem}.lang{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow-sm)}.lang button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;font-weight:650;cursor:pointer;padding:5px 12px;border-radius:999px;transition:.15s}.lang button.active{background:var(--blue);color:#fff}.stage{background:radial-gradient(120% 120% at 50% 0%,#fbfcff,#eef1f8);border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:16px;min-height:140px;margin-top:16px}.stage-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.stage .size-block{margin-top:0;display:flex;flex-direction:column;align-items:center;gap:6px}.stage .seg-wrap{justify-content:center}.stage .switch{margin-top:0}.preview{width:100%;display:flex;align-items:center;justify-content:center}.plate-img,.preview .plate{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 6px 14px rgba(20,30,60,.16))}.preview .ph{color:var(--muted);font-size:.95rem;text-align:center;padding:24px 8px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-top:16px;box-shadow:var(--shadow-sm)}.field-label{display:block;font-size:.8rem;font-weight:650;color:var(--muted);margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase}.combo{width:100%;border:2px solid var(--line);border-radius:14px;background:#fbfcff;color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-weight:800;font-size:clamp(1.5rem,7vw,2.1rem);letter-spacing:.14em;text-align:center;text-transform:uppercase;padding:14px 12px;transition:.15s}.combo::placeholder{color:#c2c9d8;letter-spacing:.14em}.combo:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #1f4bd824}.hint{color:var(--muted);font-size:.82rem;margin-top:8px;text-align:center}.size-block{margin-top:16px}.switch{margin-top:14px}.seg{display:inline-flex;background:#f1f4fa;border:1px solid var(--line);border-radius:12px;padding:4px;gap:2px}.seg-wrap{display:flex;flex-wrap:wrap}.seg-wrap button{flex:1 1 auto;min-width:66px;text-align:center}.seg button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.88rem;font-weight:650;cursor:pointer;padding:8px 12px;border-radius:9px;transition:.15s;font-variant-numeric:tabular-nums}.seg button.active{background:#fff;color:var(--blue-ink);box-shadow:var(--shadow-sm)}.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--ink);-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.track{width:42px;height:25px;border-radius:999px;background:#cdd5e6;position:relative;transition:.18s;flex:none}.knob{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:.18s}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track .knob{transform:translate(17px)}.switch input:focus-visible+.track{box-shadow:0 0 0 4px #0f9d5838}.result{border-radius:var(--radius);padding:14px 16px;margin-top:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm)}.result-head{display:flex;align-items:center;gap:10px;font-size:1rem}.badge{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#fff;flex:none}.result.ok{background:#f0faf4;border-color:#bfe6cf}.result.ok .badge{background:var(--green)}.result.warn{background:#fff8ea;border-color:#f0dcab}.result.warn .badge{background:var(--amber)}.result.error{background:#fdf1f1;border-color:#f2c4c4}.result.error .badge{background:var(--red)}.result ul{margin:10px 0 0;padding-left:0;list-style:none;display:grid;gap:7px}.result .issue{position:relative;padding-left:18px;font-size:.9rem;color:#41506e}.result .issue:before{content:"";position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.5}.issue.error{color:var(--red)}.issue.warn{color:var(--amber)}.ref{color:var(--muted);font-size:.82em}.avail-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.btn{border:0;border-radius:12px;background:var(--blue);color:#fff;font:inherit;font-weight:650;font-size:.95rem;cursor:pointer;padding:11px 18px;transition:.15s;box-shadow:0 4px 12px #1f4bd840}.btn:hover{background:#1b40bd}.btn:active{transform:translateY(1px)}.avail-out{font-size:.92rem;color:var(--muted)}.avail-out.taken{color:var(--red);font-weight:600}.avail-out.free{color:var(--green);font-weight:600}.avail-out.warn{color:var(--amber)}.btn.ghost{background:#fff;color:var(--blue-ink);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{background:#f1f4fa}.btn.ghost[disabled]{opacity:.5;cursor:default}.link{display:inline-block;margin-top:12px;color:var(--blue);font-size:.9rem;text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.foot{margin-top:22px;text-align:center}.muted{color:var(--muted);font-size:.85rem;margin:6px 0}.muted.small{font-size:.76rem;opacity:.9}.seo{max-width:560px;margin:8px auto 40px;padding:0 16px;color:var(--ink)}.seo h2{font-size:1.15rem;font-weight:700;margin:18px 0 8px}.faq-sk>p,.faq-en>p{color:#41506e;font-size:.95rem}.seo details{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:0 14px;margin:8px 0;box-shadow:var(--shadow-sm)}.seo summary{cursor:pointer;font-weight:600;padding:12px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}.seo summary::-webkit-details-marker{display:none}.seo summary:after{content:"+";color:var(--blue);font-weight:700;font-size:1.2rem}.seo details[open] summary:after{content:"–"}.seo details p{margin:0 0 14px;color:#41506e;font-size:.92rem}.seo-foot{margin-top:22px;border-top:1px solid var(--line);padding-top:12px}.seo-foot p{color:var(--muted);font-size:.85rem;margin:6px 0}.seo-foot a{color:var(--blue)}.seo-foot .tiny{font-size:.76rem;opacity:.9}@media (max-width: 430px){.seg{justify-content:center}}