.qr-dialog{max-width:1280px!important;width:96vw!important}.qr-workbench{display:grid;gap:16px}.qr-account{min-width:240px}.qr-grid{display:grid;grid-template-columns:175px minmax(0,1fr);gap:18px}.qr-images{display:flex;flex-direction:column;gap:10px;max-height:700px;overflow:auto}.qr-image{display:grid;gap:5px;text-align:left;width:100%;font-size:12px}.qr-image img{width:100%;height:90px;object-fit:contain;background:#f7f5f1}.qr-image.active{border:2px solid #c96442}.qr-image strong,.qr-image span,.qr-image small{white-space:normal;overflow-wrap:anywhere}.qr-viewport{height:470px;max-height:60vh;overflow:auto;background:#f3f0e9;padding:12px;margin:10px 0;border-radius:8px}.qr-canvas{position:relative;max-width:none}.qr-canvas>img{display:block;width:100%;max-width:none;height:auto}.qr-canvas svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.qr-canvas polygon{fill:#e7a33022;stroke:#cc7400;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer}.qr-canvas polygon.selected{fill:#03b47822;stroke:#078158}.qr-canvas circle{fill:white;stroke:#c05a38;stroke-width:2;vector-effect:non-scaling-stroke;cursor:grab}.qr-canvas text{fill:#b32727;paint-order:stroke;stroke:white;stroke-width:2;pointer-events:none}.qr-toolbar{flex-wrap:wrap}.qr-toolbar select{width:auto}.qr-region{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #efebe3}.qr-decoded{overflow-wrap:anywhere;font-size:12px;flex:1;min-width:100px;max-height:85px;overflow:auto}.qr-coordinates{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:12px 0}.qr-coordinates label{font-size:12px}.qr-coordinates input{width:100%;min-width:0}.qr-target{width:200px;height:200px;object-fit:contain}.qr-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qr-comparison figure{margin:0}.qr-comparison img{width:100%;max-height:480px;object-fit:contain}.qr-workbench details p{line-height:1.8}.qr-region input[type=checkbox],.qr-workbench input[type=checkbox]{width:auto}@media(max-width:760px){.qr-grid{grid-template-columns:1fr}.qr-images{flex-direction:row;max-height:190px}.qr-image{min-width:135px;width:135px}.qr-coordinates{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-comparison{grid-template-columns:1fr}.qr-account{min-width:180px}}
