@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#20241f;background:#f6f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--ink:#20241f;--muted:#858a81;--green:#32634a;--lime:#d9f083;--line:#e8eae4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 2%,#fbfcf8,#f6f7f3 54%,#f3f5ef)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:76px;max-width:1140px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(228,231,223,.75)}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-1.1px}.brand-mark{height:30px;width:30px;border-radius:10px;background:#32634a;color:#f9fff1;display:grid;place-items:center;box-shadow:0 4px 9px #32634a24}.brand-dot{color:#78a844}.topbar-right{display:flex;align-items:center;gap:22px}.local-badge,.github-link,.field-label,.eyebrow,.supported-label{font-family:DM Mono,monospace;letter-spacing:.07em}.local-badge{font-size:10px;color:#73796f;display:flex;align-items:center;gap:7px}.live-dot{height:6px;width:6px;border-radius:50%;background:#70a45e;box-shadow:0 0 0 3px #70a45e1c}.github-link{font-size:10px;letter-spacing:.015em;color:#73796f;display:flex;align-items:center;gap:6px;transition:color .2s}.github-link:hover{color:var(--green)}main{max-width:760px;margin:0 auto;padding:55px 24px 32px}.hero{text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:11px;color:#879080;font-size:9px;letter-spacing:.14em}.eyebrow-line{height:1px;width:21px;background:#b6c0ae}.hero h1{font-family:Manrope,sans-serif;font-size:61px;line-height:1.08;letter-spacing:-3.8px;font-weight:700;margin:19px 0 14px;color:#20251f}.hero h1 span{color:#70924c}.hero-copy{font-size:14px;line-height:1.75;color:#747a70;margin:0}.download-panel{position:relative;margin:32px auto 0;padding:26px 28px 0;background:#fff;border:1px solid #e8eae3;border-radius:17px;box-shadow:0 12px 40px #2938200a,0 2px 6px #29382005;overflow:hidden}.field-label{font-size:9px;color:#81877c;letter-spacing:.1em;font-weight:500}.url-entry{height:54px;margin-top:10px;border:1px solid #e3e7df;border-radius:9px;background:#fbfcfa;display:flex;align-items:center;gap:11px;padding:0 8px 0 15px;transition:border .2s,box-shadow .2s}.url-entry:focus-within{border-color:#91ad75;box-shadow:0 0 0 3px #91ad7518}.url-icon{color:#8c9687;flex-shrink:0}.url-entry input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#343a32;font-size:13px}.url-entry input::placeholder{color:#a6aba2}.paste-button{height:34px;padding:0 11px;border:1px solid #e5e8e2;background:#fff;border-radius:7px;display:flex;gap:7px;align-items:center;color:#596155;font-size:11px;font-weight:600;transition:all .2s}.paste-button:hover{border-color:#b9c4ae;background:#f8faf5}.clear-input{border:0;background:none;color:#959b91;display:grid;place-items:center;padding:5px}.format-head{display:flex;justify-content:space-between;align-items:center;margin:23px 0 10px}.format-hint{font-size:10px;color:#a0a49b}.format-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.format-option{position:relative;text-align:left;display:flex;align-items:center;gap:8px;border:1px solid #e9ebe6;background:#fff;border-radius:8px;padding:10px 7px;min-height:58px;color:#62695e;transition:all .18s}.format-option:hover{border-color:#b7c3aa;background:#fbfcf9}.format-option.selected{border-color:#76965d;background:#f6faef;color:#35583b;box-shadow:inset 0 0 0 1px #76965d}.format-icon{height:26px;width:26px;border-radius:7px;display:grid;place-items:center;background:#f0f2ed;color:#7b8575;flex-shrink:0}.selected .format-icon{background:#e9f0df;color:#547944}.format-text{display:flex;min-width:0;flex-direction:column;gap:3px}.format-text strong{font-size:10px;white-space:nowrap;color:#3a4037;font-weight:600}.format-text small{font-size:9px;color:#999e94;white-space:nowrap}.radio-check{position:absolute;right:5px;top:5px;height:14px;width:14px;border-radius:50%;display:grid;place-items:center;background:#64884e;color:#fff}.submit-button{height:48px;width:100%;border:0;border-radius:8px;background:#32634a;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;margin:22px 0 17px;box-shadow:0 5px 12px #32634a20;transition:background .2s,transform .2s,box-shadow .2s}.submit-button:hover:not(:disabled){background:#284f3c;transform:translateY(-1px);box-shadow:0 7px 15px #32634a2a}.submit-button:disabled{cursor:not-allowed;opacity:.58}.submit-arrow{margin-left:auto;margin-right:11px;opacity:.65}.submit-button>svg:first-child{margin-left:auto}.panel-foot{height:44px;margin:0 -28px;padding:0 24px;background:#fafbf8;border-top:1px solid #eff0eb;display:flex;align-items:center;gap:8px;color:#93988d;font-size:10px}.panel-foot>svg{color:#779268}.panel-foot-spark{margin-left:auto;color:#9caa91;font-size:13px}.error-message{display:flex;align-items:flex-start;gap:8px;color:#a33c32;background:#fff5f2;border:1px solid #f1d9d3;border-radius:7px;padding:9px 11px;margin-top:13px;font-size:11px;line-height:1.4}.error-message span{font-family:DM Mono;font-weight:500}.supported-row{display:flex;align-items:center;justify-content:center;gap:9px;margin:24px 0 0}.supported-label{font-size:8px;color:#a0a59a;letter-spacing:.12em;margin-right:2px}.supported-pill{height:25px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #e6e9e1;background:#f9faf7;border-radius:50px;color:#737a6f;font-size:9px}.jobs-section{margin:39px auto 0;max-width:760px}.jobs-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.jobs-heading>div{display:flex;align-items:center;gap:9px}.job-count{font-family:DM Mono,monospace;font-size:9px;background:#eaeee6;color:#788570;border-radius:10px;padding:3px 6px}.clear-jobs{background:transparent;border:0;color:#91968d;font-size:10px}.clear-jobs:hover{color:#45543e}.job-list{display:grid;gap:9px}.job-card{display:flex;gap:13px;padding:13px;background:#fff;border:1px solid #e9ebe5;border-radius:10px;box-shadow:0 2px 5px #29382005}.job-art{position:relative;flex:0 0 58px;height:54px;border-radius:7px;background:#edf1e8;color:#718765;display:grid;place-items:center;overflow:hidden}.job-art img{height:100%;width:100%;object-fit:cover}.art-check{position:absolute;right:3px;bottom:3px;height:18px;width:18px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#5a8751;border:2px solid #fff}.job-main{flex:1;min-width:0}.job-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.job-title-group{display:flex;flex-direction:column;gap:3px;min-width:0}.job-title{font-size:11px;font-weight:600;color:#3e443b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:430px}.job-domain{font-size:9px;color:#9a9f95}.job-domain span{padding:0 3px}.dismiss-job{border:0;background:none;color:#a3a79f;padding:0}.get-file{display:flex;align-items:center;gap:6px;height:27px;padding:0 9px;border-radius:6px;background:#edf4e5;color:#496a3d;font-size:10px;font-weight:600;white-space:nowrap}.get-file:hover{background:#e0edcf}.progress-track{height:4px;border-radius:8px;background:#edf0e9;margin:12px 0 7px;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:#83a866;transition:width .5s}.queued-fill{background:#b4c59f}.job-meta{display:flex;align-items:center;gap:12px;color:#999f94;font-size:9px}.job-meta>span{display:flex;align-items:center;gap:4px}.complete-label{color:#60824f!important}.job-error{margin:10px 0 2px;color:#a54d43;font-size:10px}.footer{display:flex;justify-content:space-between;border-top:1px solid #e7e9e2;margin-top:53px;padding:16px 2px 0;color:#a1a69c;font-size:9px}.footer-heart{color:#93a978;margin-right:4px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.topbar{height:64px;padding:0 19px}.topbar-right{gap:12px}.github-link{font-size:0;gap:0}.github-link svg{width:15px;height:15px}.local-badge{font-size:8px}main{padding:44px 17px 24px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-copy{font-size:13px}.download-panel{margin-top:26px;padding:22px 17px 0}.url-entry{padding-left:11px;gap:8px}.url-entry input{font-size:12px}.paste-button{padding:0 8px}.format-head{align-items:flex-start;gap:8px}.format-hint{font-size:9px;text-align:right}.format-options{grid-template-columns:repeat(2,1fr)}.format-option{min-height:53px;padding:9px}.format-option:first-child{grid-column:span 2}.format-option:last-child{grid-column:span 2}.format-text strong{font-size:10px}.panel-foot{margin:0 -17px;padding:0 14px;font-size:9px}.supported-row{flex-wrap:wrap;gap:7px}.supported-label{flex-basis:100%;text-align:center;margin:0 0 2px}.jobs-section{margin-top:32px}.job-art{flex-basis:49px;height:47px}.job-card{gap:10px;padding:10px}.job-title{max-width:180px}.footer{margin-top:41px}.job-meta{gap:8px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.logout-button{height:32px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid #e2e6dd;background:#fbfcf9;border-radius:7px;color:#687263;font-size:10px;font-weight:600}.logout-button:hover{background:#f1f5ec;border-color:#cbd5c3}.login-main{max-width:560px;padding-top:72px}.login-hero h1{font-size:56px}.login-panel{margin-top:28px}.password-input{width:100%;height:50px;margin-top:10px;padding:0 13px;border:1px solid #e3e7df;border-radius:8px;background:#fbfcfa;color:#343a32;font-size:14px;outline:none}.password-input:focus{border-color:#91ad75;box-shadow:0 0 0 3px #91ad7518}.auth-loading{display:flex;justify-content:center;align-items:center;gap:10px;color:#747a70;font-size:12px;min-height:50vh}@media (max-width:640px){.logout-button{height:30px;padding:0 8px;font-size:9px}.login-main{padding-top:53px}.login-hero h1{font-size:49px}.login-panel{margin-top:25px}.password-input{height:48px}}.footer{width:calc(100% - 48px);max-width:760px;margin-left:auto;margin-right:auto}@media (max-width:640px){.footer{width:calc(100% - 34px)}}