@layer wertigo.features{.qr-scanner-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px;padding:16px;display:grid;box-shadow:0 16px 36px #0f172a14}.qr-scanner-panel__upload{min-width:0}.qr-scanner-panel__side,.qr-scanner-panel__upload{align-content:start;gap:14px;width:100%;display:grid}.qr-scanner-panel__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.qr-scanner-panel__eyebrow,.qr-scanner-panel__file-meta,.qr-scanner-panel__file-name,.qr-scanner-panel__note,.qr-scanner-panel__title{margin:0}.qr-scanner-panel__eyebrow{color:#6b7280;text-transform:uppercase;font-size:13px;font-weight:800;line-height:1.3}.qr-scanner-panel__title{color:#111827;margin-top:4px;font-size:24px;font-weight:800;line-height:1.2}.qr-scanner-panel__badge{min-height:30px;color:var(--primary-color);background:#ea55551a;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.qr-scanner-panel__file{background:#fff;border:1px solid #11182714;border-radius:8px;align-items:center;gap:12px;min-height:62px;padding:10px 10px 10px 12px;display:flex}.qr-scanner-panel__file-icon{width:40px;height:40px;color:var(--primary-color);background:#ea55551a;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.qr-scanner-panel__file-icon svg{width:22px;height:22px}.qr-scanner-panel__file-copy{flex:auto;min-width:0}.qr-scanner-panel__file-name{color:#111827;overflow-wrap:anywhere;font-size:15px;font-weight:800;line-height:1.35}.qr-scanner-panel__file-meta{color:#6b7280;margin-top:5px;font-size:14px;line-height:1.35}.qr-scanner-panel__remove{color:#4b5563;cursor:pointer;background:#1118270f;border:0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .18s,color .18s;display:inline-flex}.qr-scanner-panel__remove:hover:not(:disabled){color:var(--primary-color);background:#ea55551f}.qr-scanner-panel__remove:disabled{cursor:not-allowed;opacity:.55}.qr-scanner-panel__remove svg{width:20px;height:20px}.qr-scanner-panel__area{gap:10px;min-width:0;display:grid}.qr-scanner-panel__area-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.qr-scanner-panel__area-caption,.qr-scanner-panel__area-label{margin:0}.qr-scanner-panel__area-label{color:#111827;font-size:15px;font-weight:900;line-height:1.3}.qr-scanner-panel__area-caption{color:#6b7280;margin-top:3px;font-size:13px;line-height:1.4}.qr-scanner-panel__area-toggle{flex:none}.qr-scanner-panel__preview-wrap{background-color:#f9fafb;background-image:linear-gradient(45deg,#11182709 25%,#0000 0),linear-gradient(-45deg,#11182709 25%,#0000 0),linear-gradient(45deg,#0000 75%,#11182709 0),linear-gradient(-45deg,#0000 75%,#11182709 0),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid #1118271a;border-radius:8px;justify-content:center;align-items:center;min-height:180px;max-height:min(54vh,520px);padding:10px;display:flex;overflow:hidden}.qr-scanner-panel__preview-wrap--inactive{background:#f9fafb}.qr-scanner-panel__canvas{pointer-events:none;touch-action:auto;-webkit-user-select:none;user-select:none;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:min(50vh,500px);display:block;box-shadow:0 10px 28px #0f172a24}.qr-scanner-panel__canvas--selecting{pointer-events:auto;touch-action:none}.qr-scanner-panel__summary{flex-wrap:wrap;gap:8px;display:flex}.qr-scanner-panel__summary-item{color:#374151;background:#fff;border:1px solid #11182714;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 10px;display:inline-flex}.qr-scanner-panel__summary-item svg{width:17px;height:17px;color:var(--primary-color)}.qr-scanner-panel__summary-item span{font-size:13px;font-weight:800;line-height:1.2}.qr-scanner-panel__note{color:#4b5563;font-size:14px;line-height:1.5}.qr-scanner-panel__submit{align-self:end}@media (max-width:900px){.qr-scanner-panel{grid-template-columns:1fr}.qr-scanner-panel__side{justify-self:stretch;max-width:none}}@media (max-width:560px){.qr-scanner-panel{padding:12px}.qr-scanner-panel__area-head{display:grid}.qr-scanner-panel__area-toggle{width:100%}.qr-scanner-panel__preview-wrap{min-height:150px;max-height:48vh;padding:8px}.qr-scanner-panel__canvas{max-height:calc(48vh - 16px)}.qr-scanner-panel__file{min-height:58px}}}