.scan-page{background:linear-gradient(175deg,#fdfbf7 0%,#f5ece0 100%);flex-direction:column;align-items:center;min-height:calc(100vh - 140px);padding:24px 16px 40px;font-family:system-ui,Segoe UI,Roboto,sans-serif;display:flex}.scan-page__title{color:#a83232;text-align:center;margin:0 0 4px;font-size:26px;font-weight:800}.scan-page__subtitle{color:#7a5230;text-align:center;max-width:320px;margin:0 0 24px;font-size:14px;line-height:1.5}.scan-page__file-input{display:none}.scan-page__viewport{aspect-ratio:3/4;background:#1a1a1a;border-radius:20px;width:100%;max-width:380px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f}.scan-page__placeholder{cursor:default;background:#a832320a;border:2px dashed #a8323233;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.scan-page__camera-icon{opacity:.65;font-size:52px;line-height:1}.scan-page__capture-text{color:#7a5230;font-size:15px;font-weight:600}.scan-page__capture-hint{color:#9e8a78;font-size:13px}.scan-page__video{object-fit:cover;width:100%;height:100%;display:block}.scan-page__preview{object-fit:cover;width:100%;height:100%;animation:.3s scan-fade-in;display:block}.scan-page__actions{gap:12px;width:100%;max-width:380px;margin-top:20px;display:flex}.scan-page__actions--camera{justify-content:space-between;align-items:center}.scan-page__btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:56px;font-size:15px;font-weight:700;transition:background-color .25s,transform .15s,opacity .25s;display:flex}.scan-page__btn:active{transform:scale(.96)}.scan-page__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.scan-page__btn--primary{color:#fff;background:#a83232}.scan-page__btn--primary:hover:not(:disabled){background:#8f2828}.scan-page__btn--secondary{color:#a83232;background:#a832321a}.scan-page__btn--secondary:hover:not(:disabled){background:#a832322e}.scan-page__btn-icon{font-size:20px;line-height:1}.scan-page__capture-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:4px solid #a83232;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .15s;display:flex}.scan-page__capture-btn:active{transform:scale(.9)}.scan-page__capture-ring{background:#a83232;border-radius:50%;width:56px;height:56px;transition:background-color .2s}.scan-page__capture-btn:hover .scan-page__capture-ring{background:#8f2828}.scan-page__overlay{z-index:1300;-webkit-backdrop-filter:blur(12px);background:#fdfbf7e0;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.25s scan-fade-in;display:flex;position:fixed;inset:0}@keyframes scan-fade-in{0%{opacity:0}to{opacity:1}}.scan-page__spinner{border:4px solid #a8323226;border-top-color:#a83232;border-radius:50%;width:52px;height:52px;animation:.8s linear infinite scan-spin}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan-page__overlay-text{color:#a83232;font-size:18px;font-weight:700}.scan-page__message{text-align:center;border-radius:14px;width:100%;max-width:380px;margin-top:16px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s scan-slide-up}@keyframes scan-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scan-page__message--error{color:#b91c1c;background:#dc262614;border:1px solid #dc262626}.scan-page__message--warning{color:#92400e;background:#d9770614;border:1px solid #d9770626}@media (width>=600px){.scan-page{padding:40px 32px 64px}.scan-page__title{font-size:32px}.scan-page__viewport,.scan-page__actions,.scan-page__message{max-width:440px}}