.tiptap{display:flex;flex-direction:column;gap:1;padding:0 15px;outline:none;max-height:500px;overflow-y:auto}.scanner{width:min(100%,640px);margin:0 auto;padding:24px;box-sizing:border-box}.scanner__header{margin-bottom:16px}.scanner__header h1{margin:0 0 8px;font-size:1.5rem}.scanner__status{min-height:24px;color:#555}.scanner__status .success{color:#087f3f;font-weight:600}.scanner__camera{position:relative;width:100%;max-width:380px;aspect-ratio:9 / 16;margin:0 auto;overflow:hidden;background:#111;border-radius:8px}.scanner__video,.scanner__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scanner__canvas{pointer-events:none}.scanner__loading{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;color:#fff;background:#000000b3;border-radius:8px;transform:translate(-50%,-50%)}.scanner__loading-spinner{width:22px;height:22px;border:3px solid rgb(255 255 255 / 35%);border-top-color:#fff;border-radius:50%;animation:scanner-spin .7s linear infinite}@keyframes scanner-spin{to{transform:rotate(360deg)}}.scanner__guide{position:absolute;top:10%;right:10%;bottom:10%;left:10%;pointer-events:none}.scanner__guide-corner{position:absolute;width:28px;height:28px;border-color:#fff;border-style:solid;transition:border-color .15s ease}.scanner__guide.is-detected .scanner__guide-corner{border-color:#0f6}.scanner__guide-corner.top-left{top:0;left:0;border-width:3px 0 0 3px}.scanner__guide-corner.top-right{top:0;right:0;border-width:3px 3px 0 0}.scanner__guide-corner.bottom-left{bottom:0;left:0;border-width:0 0 3px 3px}.scanner__guide-corner.bottom-right{right:0;bottom:0;border-width:0 3px 3px 0}.scanner__actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.scanner__actions button{padding:10px 16px;cursor:pointer}.scanner__actions button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:600px){.scanner{padding:16px}.scanner__camera{max-width:100%}}