:root{--ink: #14161a;--ink-2: #4a515c;--muted: #737c8a;--line: #e3e6eb;--line-2: #eef0f4;--bg: #f6f7f9;--surface: #ffffff;--red: #c12e1f;--red-dark: #a02618;--red-tint: rgba(193, 46, 31, .1);--green: #157f4a;--amber: #8a5a00;--radius: 16px;--radius-sm: 11px;--shadow: 0 1px 2px rgba(16, 20, 28, .05), 0 8px 24px rgba(16, 20, 28, .06);--shadow-lift: 0 2px 4px rgba(16, 20, 28, .07), 0 16px 40px rgba(16, 20, 28, .1);--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--plate-font: "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", Impact, var(--sans);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--ink: #eef1f5;--ink-2: #b6bdc8;--muted: #8b93a1;--line: #2a2f38;--line-2: #222731;--bg: #14171c;--surface: #1b1f26;--red: #e0523f;--red-dark: #c1402f;--red-tint: rgba(224, 82, 63, .14);--green: #4cc38a;--amber: #e0a63f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .36);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .45), 0 16px 40px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{max-width:1180px;margin:0 auto;padding:0 16px 132px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 14px}.brand{display:inline-block;font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;white-space:nowrap}.brand em{color:var(--red);font-style:normal}.top .tag{color:var(--muted);font-size:13.5px;text-align:right}.layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start}.col-stage{position:sticky;top:18px}}.stage{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:radial-gradient(120% 100% at 50% 0%,#3c414c,#21242b 60%,#1a1c22);aspect-ratio:4 / 3;touch-action:none}@media(min-width:640px){.stage{aspect-ratio:16 / 10}}.stage canvas{display:block;width:100%;height:100%}.stage .hint{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:#ffffff80;font-size:12.5px;pointer-events:none}.flip{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:0;border-radius:999px;background:#ffffff1f;color:#fff;font:600 13px var(--sans);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,transform .15s}.flip:hover{background:#fff3}.flip:active{transform:scale(.96)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.card>h2{margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:.01em}.card>h2 .opt{color:var(--muted);font-weight:500}.plate-input{width:100%;padding:15px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:700 26px/1.2 var(--plate-font);letter-spacing:.1em;text-align:center;text-transform:uppercase;transition:border-color .15s,box-shadow .15s}.plate-input::placeholder{color:var(--muted);letter-spacing:.06em;font-weight:600}.plate-input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.plate-input[aria-invalid=true]{border-color:var(--red)}.msg{margin-top:7px;font-size:13px;min-height:19px}.msg.ok{color:var(--green)}.msg.warn{color:var(--amber)}.msg.bad{color:var(--red)}.brands{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;scroll-snap-type:x proximity}.brands::-webkit-scrollbar{display:none}.brand-opt{flex:0 0 auto;width:98px;height:78px;display:grid;place-items:center;gap:5px;padding:8px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);cursor:pointer;scroll-snap-align:start;transition:border-color .15s,transform .15s,box-shadow .15s,color .15s}.brand-opt:active{transform:scale(.96)}.brand-opt img{max-width:100%;max-height:30px;object-fit:contain}.brand-opt .nm{font-size:11px}.brand-opt[aria-pressed=true]{border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint);color:var(--ink)}.brand-opt[aria-pressed=true] .nm{font-weight:700}.brand-opt .none{font-size:21px;line-height:1}.qty{display:flex;align-items:center;gap:12px}.step{width:42px;height:42px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:20px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.step:hover:not(:disabled){border-color:var(--ink-2)}.step:disabled{opacity:.4;cursor:not-allowed}.qty output{min-width:34px;text-align:center;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.qty .line-total{margin-left:auto;color:var(--muted);font-size:14px}.lines{display:grid;gap:8px}.line{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.line .reg{font:700 16px var(--plate-font);letter-spacing:.07em}.line .sub{color:var(--muted);font-size:12.5px}.line .money{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.drop{border:0;background:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;line-height:1;font-size:18px}.drop:hover{color:var(--red);background:var(--red-tint)}.fields,.fields .row{display:grid;gap:12px}@media(min-width:520px){.fields .row.two{grid-template-columns:1fr 1fr}}label>.lbl{display:block;margin-bottom:5px;font-size:12.5px;font-weight:600;color:var(--ink-2)}.input,textarea.input{width:100%;padding:12px 13px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:400 15.5px/1.45 var(--sans);transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-tint)}.input[aria-invalid=true]{border-color:var(--red)}textarea.input{resize:vertical;min-height:76px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:1.5px solid transparent;border-radius:var(--radius-sm);font:700 15.5px var(--sans);cursor:pointer;transition:background .15s,transform .12s,border-color .15s,opacity .15s}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover:not(:disabled){background:var(--red-dark)}.btn.ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn.ghost:hover:not(:disabled){border-color:var(--ink-2)}.btn.wide{width:100%}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 88%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bar .total{line-height:1.15}.bar .total .k{font-size:11.5px;color:var(--muted)}.bar .total .v{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.bar .grow{flex:1}.alert{border:1px solid var(--red);background:var(--red-tint);color:var(--ink);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px}.alert ul{margin:6px 0 0;padding-left:20px}.alert li+li{margin-top:3px}.done{text-align:center;padding:26px 0 10px}.done .tick{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:var(--red-tint);color:var(--red);font-size:27px}.done h1{margin:0 0 6px;font-size:23px;letter-spacing:-.01em}.done p{margin:0;color:var(--muted)}.kv{display:grid;gap:8px;font-size:14.5px}.kv>div{display:flex;gap:12px}.kv .k{color:var(--muted);min-width:92px}.kv .v{color:var(--ink)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--line-2) 25%,var(--line) 37%,var(--line-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}