.jdqr{--jdqr-red:#FF002B;--jdqr-red-strong:#CC0022;--jdqr-teal:#08484A;--jdqr-bg:#222222;--jdqr-surface:#2B2B2B;--jdqr-surface-soft:#262626;--jdqr-white:#FFFFFF;--jdqr-text-secondary:#E4E4E4;--jdqr-text-muted:#B5B5B5;--jdqr-border:#555555;--jdqr-ease:cubic-bezier(0.16, 1, 0.3, 1);background:var(--jdqr-bg);font-family:'Montserrat',sans-serif;color:var(--jdqr-white);display:grid;grid-template-columns:1.6fr 1fr;gap:1px;border:1px solid var(--jdqr-border);border-radius:16px;overflow:hidden;box-sizing:border-box}.jdqr *,.jdqr *::before,.jdqr *::after{box-sizing:border-box}.jdqr-panel{background:var(--jdqr-bg);padding:32px;display:flex;flex-direction:column;gap:18px}.jdqr-title{font-family:'Hanken Grotesk',sans-serif;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin:0;color:var(--jdqr-white)}.jdqr-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;background:var(--jdqr-surface-soft);border:1px solid var(--jdqr-border);border-radius:12px;padding:10px}.jdqr-tabs button.jdqr-tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif!important;font-size:13px;font-weight:600;padding:10px 12px;border-radius:9px;transition:background 200ms var(--jdqr-ease),color 200ms var(--jdqr-ease),border-color 200ms var(--jdqr-ease);background:transparent!important;color:var(--jdqr-text-muted)!important;border:1px solid transparent!important}.jdqr-tabs button.jdqr-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jdqr-tab-icon{flex:none}.jdqr-tabs button.jdqr-tab:hover{background:rgba(255,255,255,.06)!important;color:var(--jdqr-white)!important}.jdqr-tabs button.jdqr-tab.is-active{background:var(--jdqr-white)!important;border-color:var(--jdqr-white)!important;color:var(--jdqr-bg)!important}.jdqr-step{display:flex;align-items:center;gap:12px;margin-top:4px}.jdqr-step-num{flex:none;width:26px;height:26px;border-radius:8px;background:var(--jdqr-surface);border:1px solid var(--jdqr-border);display:inline-flex;align-items:center;justify-content:center;font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:800;color:var(--jdqr-white)}.jdqr-step h3{margin:0;font-family:'Hanken Grotesk',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--jdqr-white)}.jdqr-pane{display:none;flex-direction:column;gap:8px}.jdqr-pane.is-active{display:flex}.jdqr-pane label{font-size:14px;font-weight:600;color:var(--jdqr-text-secondary)}.jdqr-pane input,.jdqr-pane textarea,.jdqr-pane select{width:100%;background:var(--jdqr-surface);border:1px solid var(--jdqr-border);border-radius:10px;padding:12px 14px;color:var(--jdqr-white);font-family:'Montserrat',sans-serif;font-size:16px;line-height:1.6;transition:border-color 200ms var(--jdqr-ease)}.jdqr-pane input::placeholder,.jdqr-pane textarea::placeholder{color:var(--jdqr-text-muted)}.jdqr-pane input:focus,.jdqr-pane textarea:focus,.jdqr-pane select:focus{outline:none;border-color:var(--jdqr-white)}.jdqr-pane textarea{resize:vertical}.jdqr-checkbox-label{display:flex!important;align-items:center;gap:8px;font-weight:500!important;cursor:pointer;color:var(--jdqr-text-secondary)}.jdqr-checkbox-label input[type="checkbox"]{width:auto;accent-color:var(--jdqr-red);cursor:pointer}.jdqr-options{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.jdqr-option{display:flex;flex-direction:column;gap:6px}.jdqr-option label{font-size:13px;font-weight:600;color:var(--jdqr-text-muted);text-transform:uppercase;letter-spacing:.04em}.jdqr-option input[type="color"]{width:44px;height:36px;padding:2px;background:var(--jdqr-surface);border:1px solid var(--jdqr-border);border-radius:8px;cursor:pointer}.jdqr-option select{background:var(--jdqr-surface);border:1px solid var(--jdqr-border);border-radius:8px;color:var(--jdqr-white);padding:9px 10px;font-family:'Montserrat',sans-serif;font-size:14px}.jdqr-option-logo{max-width:220px}.jdqr-option input[type="file"]{font-family:'Montserrat',sans-serif;font-size:13px;color:var(--jdqr-text-secondary);max-width:220px}.jdqr-hint{font-size:13px;line-height:1.6;color:var(--jdqr-text-muted);font-weight:400}.jdqr-contrast-warning{display:flex;align-items:flex-start;gap:8px;background:var(--jdqr-surface);border:1px solid var(--jdqr-border);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.6;color:var(--jdqr-text-secondary)}.jdqr-contrast-warning[hidden]{display:none}.jdqr-contrast-warning-icon{flex:none;margin-top:2px}.jdqr-error{margin:0;font-size:14px;line-height:1.6;color:#FF8A8A}.jdqr-error[hidden]{display:none}.jdqr-result{background:var(--jdqr-surface-soft);padding:32px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.jdqr-result .jdqr-step{justify-content:center}.jdqr-result-box{width:100%;aspect-ratio:1 / 1;max-width:240px;background:var(--jdqr-white);border:1px solid var(--jdqr-border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.jdqr-canvas{width:100%;height:100%;object-fit:contain}.jdqr-canvas[hidden]{display:none}.jdqr-placeholder{margin:0;padding:0 16px;font-size:14px;line-height:1.6;color:#555}.jdqr-format-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;justify-content:center}.jdqr-result button.jdqr-download{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;display:inline-block;width:100%;font-family:'Hanken Grotesk',sans-serif!important;font-size:19px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--jdqr-red)!important;color:var(--jdqr-white)!important;border:1px solid var(--jdqr-red)!important;padding:15px 24px;border-radius:10px;transition:background 200ms var(--jdqr-ease)}.jdqr-result button.jdqr-download:hover:not(:disabled){background:var(--jdqr-red-strong)!important;border-color:var(--jdqr-red-strong)!important}.jdqr-result button.jdqr-download:disabled{background:var(--jdqr-surface)!important;border-color:var(--jdqr-border)!important;color:var(--jdqr-text-muted)!important;cursor:not-allowed}@media (max-width:720px){.jdqr{grid-template-columns:1fr}.jdqr-result{padding:28px}}.jdqr-postdownload{width:100%;text-align:left;background:var(--jdqr-teal);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;opacity:0;transition:opacity 250ms var(--jdqr-ease)}.jdqr-postdownload.is-visible{opacity:1}.jdqr-postdownload-title{margin:0;font-family:'Hanken Grotesk',sans-serif;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;line-height:1.3;color:var(--jdqr-red)}.jdqr-postdownload p{margin:0;font-size:16px;line-height:1.6;color:var(--jdqr-white)}.jdqr-postdownload a.jdqr-postdownload-btn{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;display:inline-block;align-self:flex-start;font-family:'Hanken Grotesk',sans-serif!important;font-size:19px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--jdqr-red)!important;color:var(--jdqr-white)!important;border:1px solid var(--jdqr-red)!important;padding:13px 26px;border-radius:10px;transition:background 200ms var(--jdqr-ease);margin-top:6px}.jdqr-postdownload a.jdqr-postdownload-btn:hover{background:var(--jdqr-red-strong)!important;border-color:var(--jdqr-red-strong)!important}@media (prefers-reduced-motion:reduce){.jdqr *{transition-duration:0.001ms!important;animation-duration:0.001ms!important}}.jdqr button:focus-visible,.jdqr a:focus-visible,.jdqr input:focus-visible,.jdqr select:focus-visible,.jdqr textarea:focus-visible{outline:2px solid var(--jdqr-white);outline-offset:2px}