.uploader-root{flex-direction:column;gap:.5rem;display:flex}.uploader-dropzone-wrapper{position:relative}.uploader-dropzone-wrapper.drag-active:after{content:"";background-color:var(--gray-a4);pointer-events:none;border-radius:.5rem;position:absolute;inset:0}.uploader-previews{flex-wrap:wrap;gap:.5rem;display:flex}.uploader-thumb{border:1px solid var(--gray-5);box-sizing:border-box;border-radius:4px;width:64px;height:64px;padding:2px;display:inline-flex;position:relative;overflow:hidden}.uploader-thumb-remove{background:var(--gray-4);width:16px;height:16px;color:var(--gray-11);cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.uploader-thumb:hover .uploader-thumb-remove{opacity:1}.uploader-thumb-remove:hover{background:var(--red-4);color:var(--red-11)}.uploader-thumb-inner{width:100%;min-width:0;display:flex;overflow:hidden}.uploader-thumb-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}
.example-row{cursor:pointer;transition:background-color .1s}.example-row:last-child td{--table-row-box-shadow:none}.example-row:hover{background-color:var(--gray-a2)}.example-row--selected{background-color:var(--accent-a3)}.example-row--selected:hover{background-color:var(--accent-a4)}.example-thumb{border:1px solid var(--gray-5);border-radius:4px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.example-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.example-thumb-pdf{background-color:var(--gray-3);width:100%;height:100%;color:var(--gray-11);letter-spacing:.05em;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}
.img-modal-backdrop{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.img-modal-content{-o-object-fit:contain;object-fit:contain;cursor:default;border-radius:6px;max-width:90vw;max-height:90vh;box-shadow:0 8px 40px #0009}
.page-card{box-shadow:var(--shadow-4);border-radius:var(--radius-4);display:block;position:relative}.img-btn{all:unset;cursor:pointer;line-height:0;display:block}.img-btn:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px;border-radius:var(--radius-2)}.page-card.analyzing,.page-card.occlusion{border-color:var(--amber-6)}.page-card.done{border-color:var(--green-6)}.page-card.error{border-color:var(--red-6)}
@keyframes content-enter{0%{opacity:0}to{opacity:1}}.content.snap-to-anki{animation:.2s .35s both content-enter}.snap-to-anki .snap-layout{flex-direction:column}@media (min-width:768px){.snap-to-anki .snap-layout{flex-direction:row;align-items:flex-start}}.snap-to-anki .snap-results{flex:1;min-width:0;max-height:calc(100vh - 120px);overflow-y:auto}.snap-to-anki .page-thumbnail{flex-shrink:0;width:100px;min-width:100px}.snap-to-anki .page-thumbnail img{border:1px solid var(--gray-5);border-radius:4px;width:100%;height:auto}.snap-to-anki .thumbnail-remove{background:var(--gray-4);width:20px;height:20px;color:var(--gray-11);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.snap-to-anki .thumbnail-remove:hover{background:var(--red-4);color:var(--red-11)}.snap-to-anki .clickable-thumb{cursor:zoom-in}.snap-to-anki .card-field-img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--gray-5);border-radius:3px;max-width:80px;max-height:60px;display:block}