.qr-modes,.qr-shapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0}.qr-modes button,.qr-shapes button{min-width:0;border:1px solid #d5dfe5;border-radius:11px;padding:13px 4px;background:#fff;color:#607b8c;cursor:pointer;font-size:22px}.qr-modes strong,.qr-modes small{display:block;font-size:11px;margin-top:7px}.qr-modes small{font-size:8px;font-weight:400}.qr-modes button[aria-pressed=true],.qr-shapes button[aria-pressed=true]{border-color:#00a3c7;background:#e7faff;color:#08607a;box-shadow:0 0 0 1px #00a3c7}.qr-shapes button{font-size:9px;padding:12px 3px}.qr-shapes span{display:block;font-size:27px;line-height:1.4;margin-bottom:5px}.qr-shapes button[data-shape=bear] span{font-size:17px;padding:7px 0}.qr-modes button:focus-visible,.qr-shapes button:focus-visible{outline:3px solid #00a3c7;outline-offset:3px}#code-view{position:absolute;inset:0;display:grid;place-items:center;padding:40px;background:#e9f2f7}#code-view canvas{width:min(100%,440px);height:auto;max-height:100%;object-fit:contain;image-rendering:pixelated;touch-action:auto}.qr-digital{margin-top:10px!important}.qr-digital button{padding:12px!important}#export-status{display:block;font-size:12px;color:#497181;margin-top:12px}@media(max-width:400px){.qr-modes small{font-size:7px}#code-view{padding:22px}}
.qr-placement{margin-top:16px;border-top:1px solid #dbe5ec;padding-top:13px}.qr-placement summary{font-size:12px;font-weight:700;cursor:pointer}.qr-placement output{font-size:11px;color:#607b8c}.qr-placement button{margin-top:12px}.qr-placement input:disabled{opacity:.45}.qr-scan-status{font-size:12px;line-height:1.7;color:#075d77;padding:10px 14px;background:#e0f7fd;border-radius:10px}.qr-scan-status[data-state=error]{background:#fff2da;color:#795319}

.qr-scale-controls{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:12px;align-items:center}.qr-scale-controls input[type=range]{padding:0;accent-color:#00a3c7}.qr-field-error{color:#9c3030;font-size:12px;line-height:1.6;margin:0;padding:8px 12px;background:#fff0ef;border-radius:8px}input[aria-invalid=true]{border-color:#c44747!important}

#qrScale-scan[data-state=error]{color:#9c3030;background:#fff0ef;border-radius:8px;padding:8px 12px}#qrScale-scan[data-state=ok]{color:#075d77}

.qr-position-controls{border-top:1px solid #dbe5ec;padding-top:12px}.qr-position-controls button{margin-top:10px;width:100%}#move-code[aria-pressed=true]{background:#e0f7fd;border-color:#00a3c7;color:#075d77}#model-canvas{touch-action:none}

.qr-placement-warning{padding:10px 12px;background:#fff2da;color:#795319;border-radius:9px;font-size:12px;line-height:1.6}