body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-ms-overflow-style:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0}#root,body{background:#0000!important}@keyframes spin{to{transform:rotate(1turn)}}#root,body,html{height:100%}.scraping-container{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;margin:0 auto;max-width:525px}.outer-card,.scraping-container{box-sizing:border-box;position:relative;width:100%}.outer-card{background-color:#f8f8f8;border:1px solid #eee;border-radius:15px;box-shadow:0 2px 5px 0 #0000000d;padding-bottom:20px;padding-top:75px}.header{align-items:center;display:flex;gap:10px;left:50%;position:absolute;top:22px;transform:translateX(-50%)}.header-icon-img{height:32px;width:32px}.header-title{white-space:nowrap}.header-icon{align-items:center;background:#4a5568;border-radius:6px;display:flex;height:32px;justify-content:center;width:32px}.header-title{color:#002147;font-size:18px;font-weight:600;letter-spacing:-.1px;line-height:22px;margin:0}.inner-card{background-color:#fff;border:1px solid #eee;border-radius:15px;box-shadow:0 2px 5px 0 #0000000d;box-sizing:border-box;display:flex;flex-direction:column;margin:0 12px 20px;padding:22px}.url-label{color:#002147;font-size:14px;font-weight:500;letter-spacing:-.1px;line-height:22px}.input-container{background-color:#fff;border:1px solid #eee;border-radius:8px;height:42px;margin-top:8px;width:100%}.url-input{background-color:initial;border:none;border-radius:8px;box-sizing:border-box;color:#002147;font-size:14px;font-weight:500;height:100%;letter-spacing:-.1px;outline:none;padding:0 16px;width:100%}.url-input::placeholder{color:#002147;opacity:.3}.run-button{align-items:center;background-color:#3c6dff;border:none;border-radius:12px;box-shadow:inset 0 3px 0 0 #ffffff40,inset 0 -1px 0 0 #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;height:51px;justify-content:center;letter-spacing:-.32px;margin-top:20px;transition:all .2s ease;width:100%}.run-button:hover{background-color:#2c5ce6;transform:translateY(1px)}.run-button:active{transform:translateY(2px)}.run-button:disabled{background-color:#93c5fd;cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:18px;width:18px}.results-area{align-items:center;aspect-ratio:16/9;background-color:#f8f8f8;border:1px solid #eee;border-radius:15px;box-shadow:0 2px 5px 0 #0000000d;display:flex;justify-content:center;margin-top:20px;min-height:280px;overflow:hidden;width:100%}.placeholder-content{align-items:center;display:flex;flex-direction:column;gap:11px;opacity:.5}.placeholder-icons{align-items:center;display:flex;gap:8px}.placeholder-text{font-size:14px;line-height:normal;text-align:center}.footer,.placeholder-text{color:#002147;font-weight:500;letter-spacing:-.32px}.footer{align-items:center;display:flex;font-size:10px;gap:19px;justify-content:center;opacity:.5;visibility:hidden}.error-message{color:#dc2626;font-size:12px;font-weight:500;left:22px;position:absolute;top:95px}.placeholder-icon{height:32px;width:32px}.loading-content{align-items:center;display:flex;flex-direction:column;gap:15px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3c6dff;height:40px;width:40px}.loading-text{color:#002147;font-size:14px;font-weight:500}.success-content{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:6px;width:100%}.success-text{color:#16a34a;font-size:14px;font-weight:500}.captured-image{display:block;height:100%;max-height:100%;object-fit:contain;width:100%}.footer.visible{visibility:visible!important}.run-button.error{animation:shake .5s ease-in-out;background-color:#dc2626!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media (max-width:768px){.scraping-container{align-items:flex-start;height:auto;justify-content:center;margin:0;min-height:100svh;padding:1rem;width:100%}.header-title{text-align:center;white-space:normal}.outer-card{border-radius:12px;height:auto;min-height:400px;position:relative}.header{gap:8px;top:16px}.header-icon-img{height:28px;width:28px}.header-title{font-size:16px}.inner-card{border-radius:12px;bottom:auto;height:auto;left:auto;margin:0 12px 20px;min-height:0;top:auto;width:auto}.url-label{font-size:13px;left:16px;top:16px}.input-container{height:40px;left:auto;top:auto;width:100%}.url-input{font-size:14px;padding:0 12px}.run-button{border-radius:10px;font-size:15px;height:48px}.results-area,.run-button{left:auto;top:auto;width:100%}.results-area{border-radius:12px;bottom:auto;height:auto;min-height:120px}.placeholder-content{gap:8px;padding:.5rem}.placeholder-icon{height:28px;width:28px}.placeholder-text{font-size:13px}.loading-spinner{height:32px;width:32px}.loading-text,.success-text{font-size:13px}.footer{bottom:12px;font-size:9px;gap:12px}}@media (max-width:480px){.scraping-container{align-items:flex-start;height:auto;justify-content:center;margin:0;min-height:100svh;padding:.5rem;width:100%}.header-title{text-align:center;white-space:normal}.outer-card{border-radius:10px;height:auto;min-height:350px;position:relative}.header{gap:6px;top:12px}.header-icon-img{height:24px;width:24px}.header-title{font-size:14px;line-height:18px}.inner-card{border-radius:10px;bottom:auto;height:auto;left:auto;margin:0 12px 20px;min-height:0;top:auto;width:auto}.url-label{font-size:12px;left:12px;top:12px}.input-container{height:38px;left:auto;top:auto;width:100%}.url-input{font-size:13px;padding:0 10px}.run-button{border-radius:8px;font-size:14px;height:44px}.results-area,.run-button{left:auto;top:auto;width:100%}.results-area{border-radius:10px;bottom:auto;height:auto;min-height:100px}.placeholder-content{gap:6px;padding:.25rem}.placeholder-icon{height:24px;width:24px}.placeholder-text{font-size:12px}.loading-spinner{height:28px;width:28px}.loading-text,.success-text{font-size:12px}.footer{bottom:8px;font-size:8px;gap:8px}}
/*# sourceMappingURL=main.e7d411ce.css.map*/