.preview-container{background:#f9fafb;border-radius:12px;padding:16px;border:1px solid #e5e7eb}#preview-image{display:block;max-height:180px;border-radius:8px}.progress-bar{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px rgb(0 0 0 / .1)}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);background-size:200% 100%;border-radius:6px;transition:width 0.3s ease;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}#output-text{font-family:'Consolas','Monaco','Courier New',monospace;line-height:1.6;background:#fafafa}#output-text:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgb(99 102 241 / .1)}#copy-btn,#download-txt-btn{display:inline-flex;align-items:center;font-weight:500}#copy-btn.copied{background:#10b981;color:#fff}#language-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}#extract-btn.loading{pointer-events:none;opacity:.7}#extract-btn.loading::after{content:'';display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid #fff;border-top-color:#fff0;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#word-count{font-family:'Inter',system-ui,sans-serif}@media (max-width:640px){.preview-container{padding:12px}#preview-image{max-height:150px}#output-text{height:200px;font-size:13px}#output-box .flex{flex-direction:column;gap:8px}#output-box .flex>div{justify-content:center}}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(255 255 255 / .9);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px}.processing-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}