.scanner-steps{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;padding:0;list-style:none;color:var(--muted,#53636c);font-size:.9rem}.scanner-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:1.5rem}.scanner-main{min-width:0}.scanner-stage{position:relative;margin:24px auto;max-width:680px;line-height:0;background:#e8ecec;border:1px solid #a9b6bb}.scanner-stage canvas{display:block;width:100%;height:auto;touch-action:none}.scanner-corner{position:absolute!important;z-index:2;width:40px;height:40px;min-height:40px!important;padding:0!important;border:3px solid #fff!important;border-radius:50%!important;background:#075568!important;color:#fff!important;transform:translate(-50%,-50%);touch-action:none;cursor:grab;box-shadow:0 0 0 2px #075568;font:600 14px sans-serif!important}.scanner-corner:focus-visible{outline:4px solid #c77b1c!important;outline-offset:3px}.scanner-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.scanner-actions button{min-height:44px}.scanner-fields{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.scanner-fields label{flex:1;min-width:135px}.scanner-pages{padding-left:0;list-style:none;display:grid;gap:.8rem;align-content:start;max-height:850px;overflow:auto}.scanner-page{padding:.7rem;border:1px solid #c8d1d3;border-radius:8px;overflow-wrap:anywhere;background:#fff}.scanner-page[aria-current=true]{border:2px solid #075568}.scanner-page img{width:100%;height:110px;object-fit:contain;background:#edf0f0}.scanner-page button{padding:.3rem .6rem;min-height:38px}.scanner-page .scanner-actions{gap:.25rem;margin:.4rem 0 0}.scanner-page p{font-size:.8rem;margin:.5rem 0}.scanner-preview{display:block;max-width:100%;max-height:560px;margin:1rem auto;object-fit:contain;background:#e8ecec}.scanner-note{padding:.8rem 1rem;border-left:3px solid #075568;background:#eef4f4;font-size:.9rem}.scanner-workspace [hidden]{display:none!important}.scanner-workspace input[type=file]{max-width:100%}.scanner-workspace button,.scanner-workspace select,.scanner-workspace input{max-width:100%}.scanner-workspace button:disabled{opacity:.55;cursor:wait}.scanner-export{border-top:1px solid #c8d1d3;margin-top:1.5rem;padding-top:1rem}.scanner-workspace{padding:clamp(16px,3vw,32px)!important}.scanner-camera{display:block;margin-top:.8rem}.scanner-empty{padding:2rem 1rem;text-align:center;color:#53636c;background:#eef2f2;border:1px dashed #a9b6bb;border-radius:8px}.scanner-page h3{font-size:1rem;margin:.4rem 0}.scanner-stage-wrap{padding:0 20px}.scanner-status{min-height:1.5em}.scanner-workspace :focus-visible{outline:3px solid #c77b1c;outline-offset:3px}
@media(max-width:700px){.scanner-layout{grid-template-columns:1fr}.scanner-pages{grid-template-columns:repeat(2,minmax(0,1fr));max-height:450px}.scanner-stage-wrap{padding:0 16px}.scanner-corner{width:36px;height:36px;min-height:36px!important}.scanner-fields{gap:.7rem}.scanner-actions button{flex:1}.scanner-pages .scanner-actions button{flex:auto}}