:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0a1020;background:#f7f7f9}*{box-sizing:border-box}body{margin:0}.nav{height:92px;display:flex;align-items:center;gap:42px;padding:0 5.2%;background:#f7f7f9}.brand{font-weight:800;font-size:24px;letter-spacing:-.8px;display:flex;align-items:center;gap:10px}.spark{font-size:32px}.dot{font-weight:500}.nav nav{display:flex;gap:28px;flex:1}.link{background:none;border:0;color:#111827;text-decoration:none;font-size:17px;cursor:pointer}.actions{display:flex;gap:14px}.ghost,.black{padding:15px 20px;border-radius:13px;text-decoration:none;border:1px solid #e1e4e9;color:#111827;background:#fff;font-size:16px}.black{background:#050505;color:#fff;border-color:#050505}.hero{text-align:center;padding:75px 20px 40px;overflow:hidden}.hero h1{font-size:66px;letter-spacing:-3px;margin:0 0 28px;font-weight:850}.hero>p{font-size:23px;line-height:1.65;color:#49627f;margin:0}.tabs{display:inline-flex;margin:45px 0 28px;padding:5px;border-radius:22px;background:#eceef2}.tab{border:0;background:transparent;padding:14px 26px;border-radius:17px;font-size:17px;color:#718096;cursor:pointer}.tab.active{background:#fff;color:#111;box-shadow:0 1px 5px #ccd0d6}.tab small{color:#2463eb;font-size:11px}.drop{position:relative;max-width:1120px;min-height:510px;margin:auto;border:2px solid #eceef2;border-radius:34px;background:repeating-conic-gradient(#fff 0 25%,#fafafa 0 50%) 50%/24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 70px #dce0e844;transition:.15s}.drop.drag{border-color:#2563eb;transform:scale(1.01)}.uploadPanel{position:relative;z-index:2}.pick{border:0;background:#2463ed;color:#fff;border-radius:17px;padding:22px 42px;font-size:22px;font-weight:750;box-shadow:0 10px 25px #2463ed33;cursor:pointer}.pick span{font-size:27px}.uploadPanel>p{font-size:20px;margin:20px 0 4px}.hint{font-size:14px!important;color:#7b8794}.decor{position:absolute;width:190px;height:230px;border-radius:18px;opacity:.45;filter:blur(2px)}.left{left:-95px;top:55px;transform:rotate(-8deg);background:linear-gradient(135deg,#69e4ee,#e96aa6)}.right{right:-95px;bottom:35px;transform:rotate(8deg);background:linear-gradient(135deg,#f06c88,#375b76)}.hidden{display:none!important}.workArea{position:relative;z-index:2;width:100%;padding:26px}.resultHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:17px}.reset{border:1px solid #ddd;background:#fff;border-radius:10px;padding:9px 15px;cursor:pointer}.compareGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.mediaCard{background:#fff;border:1px solid #e4e7eb;border-radius:20px;padding:12px;overflow:hidden;box-shadow:0 8px 30px #00000008}.cleanCard{border-color:#cfd9ea}.mediaLabel{font-size:12px;font-weight:800;letter-spacing:.8px;color:#68778a;padding:6px 6px 12px}.mediaFrame{width:100%;height:360px;border-radius:14px;overflow:hidden;background:#eef0f3;display:flex;align-items:center;justify-content:center}.media{display:block;width:100%;height:100%;object-fit:contain;background:#eef0f3}.videoMedia{object-fit:contain}.resultActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}.big,.removeButton{cursor:pointer}.removeButton{border:0;background:#2463ed;color:#fff;border-radius:12px;padding:13px 18px;font-weight:750;font-size:15px}.removeButton:disabled{opacity:.6;cursor:wait}.progressWrap{height:7px;background:#e7ebf1;border-radius:99px;overflow:hidden;margin:14px 4px 0}.progressBar{height:100%;width:0;background:#2463ed;transition:width .12s}.errorText{color:#b42318;background:#fff2f0;border:1px solid #ffd6d1;padding:12px 14px;border-radius:12px;margin:14px 0 0}.trust{max-width:880px;margin:70px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust div{background:#fff;border:1px solid #e7e9ed;border-radius:16px;padding:20px;text-align:left}.trust b,.trust span{display:block}.trust span{color:#68778a;margin-top:7px;font-size:14px}.seo{max-width:880px;margin:45px auto;text-align:left}.seo h2{font-size:30px}.seo p{color:#64748b;line-height:1.7}footer{padding:35px;text-align:center;color:#7b8794;font-size:14px}footer a{color:inherit}@media(max-width:900px){.nav{height:auto;padding:20px;flex-wrap:wrap;gap:18px}.nav nav{order:3;width:100%;flex-basis:100%}.actions{margin-left:auto}.hero{padding-top:55px}.hero h1{font-size:44px}.hero>p{font-size:18px}.drop{min-height:430px}.decor{display:none}.compareGrid{grid-template-columns:1fr}.mediaFrame{height:330px}.trust{grid-template-columns:1fr;margin:45px 20px}.seo{margin:45px 20px}}@media(max-width:600px){.brand{font-size:19px}.actions .ghost{display:none}.black{padding:12px 14px;font-size:14px}.hero h1{font-size:36px;letter-spacing:-1.5px}.pick{font-size:18px;padding:18px 24px}.drop{min-height:330px}.workArea{padding:14px}.mediaFrame{height:240px}}.videoResultPreview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eef0f3;position:relative}.videoResultPreview canvas{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}.frameCounter{position:absolute;left:10px;bottom:10px;background:#050505d1;color:#fff;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.frameProgress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 4px 0;padding:9px 11px;border-radius:10px;background:#f4f6f9;color:#526174;font-size:12px}.frameProgress b{color:#111827}.frameProgress span{padding:5px 8px;border-radius:999px;background:#e8f0ff;color:#245fd4;font-weight:800}.mediaFrame:has(.videoResultPreview){height:360px}@media(max-width:900px){.mediaFrame:has(.videoResultPreview){height:330px}}@media(max-width:600px){.mediaFrame:has(.videoResultPreview){height:240px}.frameProgress{font-size:11px}}.seoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.seoGrid article{background:#fff;border:1px solid #e7e9ed;border-radius:16px;padding:20px}.seoGrid h3{margin:0 0 9px;font-size:17px}.seoGrid p,.seoGrid li{color:#64748b;line-height:1.65;font-size:14px}.faq{margin-top:34px}.faq h2{font-size:25px}.faq details{background:#fff;border:1px solid #e7e9ed;border-radius:13px;padding:15px 17px;margin:10px 0;text-align:left}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:#64748b;line-height:1.65;font-size:14px}@media(max-width:700px){.seoGrid{grid-template-columns:1fr}}.pick{display:inline-flex;align-items:center;justify-content:center}.pick{position:relative!important;overflow:hidden!important;isolation:isolate}.pick>span,.pick~p{pointer-events:none}.pick span{font-size:27px;pointer-events:none}.fileInput:focus+.pick{outline:3px solid #9bbcff;outline-offset:3px}.pick:focus-visible{outline:3px solid #9bbcff;outline-offset:3px}.pick{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;isolation:isolate!important}.pick>span{position:relative!important;z-index:1!important;pointer-events:none!important}.pick[tabindex="0"]:focus-visible{outline:3px solid #9bbcff;outline-offset:4px}.pick{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;background:#2463ed;color:#fff;border-radius:17px;padding:22px 42px;font-size:22px;font-weight:750;box-shadow:0 10px 25px #2463ed33;cursor:pointer;z-index:2}.pick>span{pointer-events:none}.pick:focus-visible{outline:3px solid #9bbcff;outline-offset:4px}.drop>.errorText{position:relative;z-index:2;width:calc(100% - 52px);max-width:900px;text-align:left;margin:0 0 22px}