:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf1f8;background:#080b14;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -12%,#19213a,#080b14 43%)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{width:min(1100px,calc(100% - 40px));margin:auto;padding:21px 0;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:760;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f2f4f8;color:#090c15}.tool-name{color:#7f899d;font-size:13px}main{width:min(980px,calc(100% - 30px));margin:auto;flex:1;padding:56px 0 75px}.hero{text-align:center;max-width:760px;margin:auto auto 36px}.privacy{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid #283148;background:#10162a;color:#9faac0;font-size:12px}.hero h1{font-size:clamp(40px,7vw,68px);line-height:.98;letter-spacing:-.06em;margin:17px 0 18px}.hero h1 em{font-style:normal;color:#aab5ca}.hero p{color:#939eb3;font-size:16px;line-height:1.6;max-width:630px;margin:auto}.upload-card,.workspace{background:#0f1422e0;border:1px solid #252e43;border-radius:24px;padding:12px;box-shadow:0 24px 70px #0000003b}.dropzone{min-height:390px;border:1.5px dashed #46516a;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:0;transition:.2s}.dropzone:hover,.dropzone:focus-visible,.dropzone.dragging{background:#131a2c;border-color:#8a96b0}.upload-icon{width:60px;height:60px;border-radius:17px;display:grid;place-items:center;background:#eef1f6;color:#0b0e17;margin-bottom:18px}.dropzone h2{margin:0 0 7px;font-size:21px}.dropzone p{margin:0;color:#98a3b7}.dropzone small{color:#68748a;margin-top:20px;font-size:11px}.head{display:flex;justify-content:space-between;align-items:center;margin:3px 3px 19px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#707d95}.head h2{margin:4px 0 0;font-size:23px}.icon{border:1px solid #2d374d;background:#11172a;color:#aab4c5;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.icon:hover{background:#192035;color:#fff}.previews{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid #293349;border-radius:16px;overflow:hidden;background:#0b0f19;min-width:0}.panel-title{height:47px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242c40;color:#c5ccda;font-size:12px}.stage{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:#0b0f19}.stage img{max-width:100%;max-height:100%;object-fit:contain}.stage.checker{background-color:#e7eaf0;background-image:linear-gradient(45deg,#d2d7df 25%,transparent 25%),linear-gradient(-45deg,#d2d7df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d2d7df 75%),linear-gradient(-45deg,transparent 75%,#d2d7df 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.empty{color:#58647a;font-size:12px}.ready{display:flex;gap:5px;align-items:center;color:#9bdfba}.working{color:#aab4c7}.processing{display:flex;align-items:center;justify-content:center;gap:8px;color:#919cb1;font-size:12px;padding:14px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #252e42;margin-top:12px;padding:17px 4px 2px}.control>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.control strong{display:flex;align-items:center;gap:6px;font-size:12px;color:#c8cfdd}.control output{font-size:11px;color:#8793a9}.control input{width:100%;accent-color:#dfe5ef;margin:12px 0 5px}.control small{display:block;color:#667289;font-size:10px}.actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:18px 0 4px}.primary,.secondary{min-height:45px;padding:0 17px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:650}.primary{border:0;background:#eff2f7;color:#090c14}.primary:hover{background:#fff}.secondary{border:1px solid #303a51;background:#11172a;color:#d0d6e1}.secondary:hover{background:#182035}.stats{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;color:#626e84;font-size:10px;margin-top:7px}.method-note{text-align:center;color:#69758b;font-size:11px;display:flex;justify-content:center;align-items:center;gap:5px;margin:15px 4px 2px}.error{margin:12px 3px 2px;padding:11px 13px;border-radius:11px;border:1px solid #56343e;background:#24151a;color:#efb5be;font-size:12px;display:flex;align-items:flex-start;gap:8px}.how{padding:66px 0 0}.how h2,.faq h2{font-size:23px;letter-spacing:-.03em;margin:0 0 19px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{border-top:1px solid #283147;padding-top:15px}.cards b{color:#67738a;font-size:11px}.cards h3{font-size:14px;margin:9px 0 5px}.cards p{font-size:12px;line-height:1.55;color:#78849a;margin:0}.faq{max-width:720px;margin:65px auto 0}.faq details{border-top:1px solid #252e41;padding:16px 0}.faq details:last-child{border-bottom:1px solid #252e41}.faq summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:#d3d9e4}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#6c7890;font-size:17px}.faq details[open] summary:after{content:"−"}.faq p{font-size:12px;line-height:1.6;color:#7c879c;margin:9px 25px 0 0}footer{text-align:center;padding:24px;color:#606c82;font-size:11px}footer a{text-decoration:none;color:#a8b1c1}footer a:hover{text-decoration:underline;color:#fff}@media(max-width:700px){.topbar{width:calc(100% - 28px);padding:17px 0}.tool-name{display:none}main{width:calc(100% - 22px);padding:40px 0 55px}.hero{margin-bottom:25px}.hero p{font-size:14px}.dropzone{min-height:325px}.workspace{padding:13px;border-radius:19px}.previews,.controls{grid-template-columns:1fr}.controls{gap:17px}.cards{grid-template-columns:1fr;gap:18px}.how{padding-top:49px}.faq{margin-top:50px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}