.qrp76{display:grid;gap:16px;min-width:0}.qrp76-card{padding:20px;background:var(--card,#fff);color:var(--text,#132943);border:1px solid var(--line,#d6e2f0);border-radius:18px;min-width:0}.qrp76-card h1,.qrp76-card h2{margin:0 0 12px}.qrp76 p{line-height:1.6}.qrp76-en{display:block;font-size:.82em;font-weight:400;margin-top:4px}.qrp76-tabs,.qrp76-actions{display:flex;flex-wrap:wrap;gap:10px}.qrp76-tabs button{flex:1 1 150px;min-height:44px}.qrp76-tabs [aria-selected=true]{border:2px solid var(--accent,#1265ce);background:var(--soft,#edf5ff);font-weight:700}.qrp76-editor{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:16px;align-items:start}.qrp76-field{display:grid;gap:8px;margin:16px 0}.qrp76-field input{max-width:100%;box-sizing:border-box;min-height:44px}.qrp76-field input[type=range]{width:100%;accent-color:#1265ce}.qrp76-help{font-size:.9em;color:var(--muted,#52667c)}.qrp76 fieldset{border:1px solid var(--line,#d6e2f0);border-radius:12px;margin:16px 0;padding:12px}.qrp76-preview canvas{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;background:white;border:1px solid #d0d8e2;border-radius:8px}.qrp76-preview canvas[data-invalid=true]{outline:3px solid #b42318;outline-offset:2px}.qrp76-preview-label{padding:12px;background:var(--soft,#edf5ff);border-left:4px solid #1265ce}.qrp76-error,.qrp76-notice{padding:14px 18px;border-radius:12px;margin:0}.qrp76-error{color:var(--danger,#b42318);border:1px solid currentColor;background:var(--card,#fff)}.qrp76-notice{background:var(--soft,#edf5ff);border:1px solid var(--accent,#1265ce)}.qrp76 :is(button,input):focus-visible{outline:3px solid #2282ff;outline-offset:3px}.qrp76 button{min-height:44px}.qrp76 output{font-variant-numeric:tabular-nums}[data-theme=dark] .qrp76-card{background:#13263d;color:#edf5ff;border-color:#38516b}[data-theme=dark] .qrp76-help{color:#becddd}[data-theme=dark] .qrp76 :is(fieldset,.qrp76-tabs [aria-selected=true]){border-color:#84baff}[data-theme=dark] .qrp76 :is(.qrp76-notice,.qrp76-preview-label,.qrp76-tabs [aria-selected=true]){background:#1c3550}[data-theme=dark] .qrp76-error{color:#ffaaa3;background:#13263d}@media(max-width:700px){.qrp76-editor{grid-template-columns:minmax(0,1fr)}.qrp76-card{padding:16px}.qrp76-tabs button{flex-basis:100%}.qrp76-actions>*{flex:1 1 100%}.qrp76-preview{order:2}.qrp76-preview canvas{max-height:70vh}}
[data-theme=dark] .qrp76-tabs [aria-selected=true],[data-theme=dark] .qrp76-notice{color:#edf5ff}