.camera-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;display:flex;flex-direction:column}.camera-view__video-container{flex:1;position:relative;overflow:hidden}.camera-view__video{width:100%;height:100%;object-fit:cover}.camera-view__canvas{display:none}.camera-view__controls{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;justify-content:center;gap:32px}.camera-view__capture-btn{width:72px;height:72px;border-radius:50%;border:4px solid #fff;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.camera-view__capture-btn:before{content:"";width:56px;height:56px;border-radius:50%;background:#fff;transition:transform .15s ease}.camera-view__capture-btn:active:before{transform:scale(.9)}.camera-view__secondary-btn{width:48px;height:48px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.camera-view__secondary-btn:active{background:#ffffff4d}.camera-view__top-bar{position:absolute;top:0;left:0;right:0;padding:16px;background:linear-gradient(rgba(0,0,0,.5),transparent);display:flex;justify-content:space-between;align-items:center}.camera-view__close-btn{width:44px;height:44px;border-radius:50%;border:none;background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-tap-highlight-color:transparent}.camera-view__error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#fff}.camera-view__error-icon{font-size:64px;margin-bottom:16px}.camera-view__error-text{font-size:16px;line-height:1.5;margin-bottom:24px;max-width:300px}.camera-view__error-btn{padding:12px 32px;border-radius:24px;border:none;background:#3b82f6;color:#fff;font-size:16px;font-weight:500;cursor:pointer;min-height:48px}.camera-view__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff}.camera-view__spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.capture-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;display:flex;flex-direction:column}.capture-preview__image-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.capture-preview__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.capture-preview__actions{padding:24px;background:#111;display:flex;gap:12px}.capture-preview__btn{flex:1;padding:16px;border-radius:12px;border:none;font-size:16px;font-weight:500;cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent}.capture-preview__btn--secondary{background:#333;color:#fff}.capture-preview__btn--primary{background:#3b82f6;color:#fff}.capture-preview__btn:active{opacity:.9}.page-thumbnails{display:flex;gap:8px;padding:12px 16px;background:#111;overflow-x:auto;scrollbar-width:none}.page-thumbnails::-webkit-scrollbar{display:none}.page-thumbnails__item{flex-shrink:0;width:60px;height:80px;border-radius:4px;overflow:hidden;border:2px solid transparent;cursor:pointer;position:relative}.page-thumbnails__item--active{border-color:#3b82f6}.page-thumbnails__image{width:100%;height:100%;object-fit:cover}.page-thumbnails__number{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000000b3;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.page-thumbnails__remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#ef4444e6;color:#fff;font-size:12px;border:none;cursor:pointer;display:none;align-items:center;justify-content:center}.page-thumbnails__item:hover .page-thumbnails__remove{display:flex}.ocr-result{display:flex;flex-direction:column;height:100%;background:#f5f5f5}.ocr-result__header{padding:16px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;gap:12px}.ocr-result__back-btn{width:44px;height:44px;border-radius:50%;border:none;background:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center}.ocr-result__title{flex:1;font-size:18px;font-weight:600}.ocr-result__badge{padding:4px 12px;border-radius:16px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:500}.ocr-result__content{flex:1;padding:16px;overflow-y:auto}.ocr-result__textarea{width:100%;min-height:300px;padding:16px;border:1px solid #e5e5e5;border-radius:12px;font-size:14px;line-height:1.6;resize:vertical;background:#fff;font-family:inherit}.ocr-result__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.scan-actions{padding:16px;background:#fff;border-top:1px solid #e5e5e5;display:flex;flex-direction:column;gap:12px}.scan-actions__btn{width:100%;padding:16px;border-radius:12px;border:none;font-size:16px;font-weight:500;cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent}.scan-actions__btn--primary{background:#3b82f6;color:#fff}.scan-actions__btn--secondary{background:#f0f0f0;color:#333}.scan-actions__btn:active{opacity:.9}.scan-actions__row{display:flex;gap:12px}.scan-actions__row .scan-actions__btn{flex:1}.scan-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.scan-loading__icon{width:64px;height:64px;margin-bottom:24px}.scan-loading__icon svg{width:100%;height:100%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.scan-loading__text{font-size:18px;font-weight:500;margin-bottom:8px}.scan-loading__subtext{font-size:14px;opacity:.7}.scan-loading__progress{width:200px;height:4px;background:#fff3;border-radius:2px;margin-top:24px;overflow:hidden}.scan-loading__progress-bar{height:100%;background:#3b82f6;border-radius:2px;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%;margin-left:0}50%{width:70%;margin-left:0}to{width:0%;margin-left:100%}}.gallery-input{display:none}@media(prefers-color-scheme:dark){.ocr-result{background:#1a1a1a}.ocr-result__header{background:#222;border-color:#333}.ocr-result__back-btn{background:#333;color:#fff}.ocr-result__title{color:#fff}.ocr-result__textarea{background:#222;border-color:#333;color:#fff}.scan-actions{background:#222;border-color:#333}.scan-actions__btn--secondary{background:#333;color:#fff}}