:root{--bg:#f6f7fb;--surface:#ffffff;--text:#0b1020;--text-muted:#667085;--primary:#6d4aff;--primary-2:#9b5cff;--primary-dark:#5a34e0;--primary-soft:#f1edff;--border:#e9ebf3;--success:#12a150;--danger:#e5484d;--radius:20px;--radius-sm:12px;--shadow-sm:0 1px 2px rgba(16,24,40,0.05);--shadow:0 4px 6px rgba(16,24,40,0.04),0 12px 32px rgba(16,24,40,0.08);--shadow-lg:0 8px 12px rgba(16,24,40,0.05),0 24px 56px rgba(109,74,255,0.16);--grad:linear-gradient(135deg,#6d4aff,#9b5cff 55%,#c774ff)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}body>main{flex:1 0 auto}body>footer{flex-shrink:0}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 20px}.header{background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-inner{justify-content:space-between;height:68px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:11px;font-weight:800;font-size:1.18rem;letter-spacing:-.02em}.logo-badge{width:36px;height:36px;border-radius:11px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 6px 16px rgba(109,74,255,.35)}.lang-toggle{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface)}.lang-toggle button{border:none;background:transparent;padding:7px 15px;font-size:.85rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.lang-toggle button.active{background:var(--grad);color:#fff}.hero{position:relative;text-align:center;padding:92px 0 72px;overflow:hidden;background:radial-gradient(70% 120% at 50% -10%,#ece5ff 0,rgba(246,247,251,0) 60%),var(--bg)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;pointer-events:none}.hero:before{width:340px;height:340px;background:#b794ff;top:-120px;left:-80px}.hero:after{width:300px;height:300px;background:#7ec8ff;top:-60px;right:-60px}.hero .container{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:24px}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(18,161,80,.16)}.hero h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:850;letter-spacing:-.035em;line-height:1.08;margin-bottom:20px}.hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero p{color:var(--text-muted);font-size:1.15rem;max-width:640px;margin:0 auto}.stats-counter{margin-top:34px;display:inline-flex;align-items:baseline;gap:10px;padding:14px 26px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.stats-number{font-size:1.6rem;font-weight:850;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats-label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.section-heading{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:52px 0 22px;text-align:center}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;gap:20px;padding-bottom:24px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;display:flex;flex-direction:column;gap:12px;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden}.tool-card.ready:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(109,74,255,.5),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .22s ease;pointer-events:none}.tool-card.ready:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.tool-card.ready:hover:after{opacity:1}.tool-card.disabled{opacity:.55}.tool-icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:inset 0 0 0 1px rgba(16,24,40,.04)}.tool-card h3{font-size:1.1rem;font-weight:750;letter-spacing:-.01em}.tool-card p{font-size:.9rem;color:var(--text-muted);flex:1 1}.badge{position:absolute;top:16px;right:16px;font-size:.68rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;padding:4px 11px;border-radius:999px}.badge.soon{background:#f2f4f7;color:var(--text-muted)}.badge.free{background:rgba(18,161,80,.12);color:var(--success)}.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:20px;gap:20px;margin:14px 0 72px}.why-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.why-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.why-item .emoji{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:var(--primary-soft);font-size:1.7rem;margin-bottom:6px}.why-item h3{margin:10px 0 6px;font-size:1.08rem;font-weight:750}.why-item p{font-size:.9rem;color:var(--text-muted)}.tool-page{max-width:720px;margin:0 auto;padding:64px 20px 72px;text-align:center}.tool-page-icon{width:72px;height:72px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;font-size:2.1rem;margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(16,24,40,.04),0 10px 26px rgba(16,24,40,.08)}.tool-page h1{font-size:clamp(1.8rem,4vw,2.3rem);font-weight:820;letter-spacing:-.03em;margin-bottom:10px}.tool-page .subtitle{color:var(--text-muted);font-size:1.05rem;margin-bottom:32px}.dropzone{position:relative;border:2px dashed #cbb8ff;border-radius:var(--radius);background:linear-gradient(180deg,#faf8ff,#f3efff);padding:56px 24px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.dropzone.dragover,.dropzone:hover{border-color:var(--primary);background:linear-gradient(180deg,#f3efff,#e9e1ff);box-shadow:var(--shadow)}.dropzone.dragover{transform:scale(1.01)}.dropzone .dz-icon{font-size:2.6rem;margin-bottom:12px}.dropzone .dz-main{font-weight:750;font-size:1.1rem}.dropzone .dz-sub{color:var(--text-muted);font-size:.9rem;margin-top:6px}.file-list{margin-top:24px;text-align:left;display:flex;flex-direction:column;gap:10px}.file-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:.92rem;box-shadow:var(--shadow-sm)}.file-row .name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.file-row .size,.icon-btn{color:var(--text-muted);font-size:.8rem;flex-shrink:0}.icon-btn{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:5px 10px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.icon-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.icon-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#fef2f2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;border-radius:999px;padding:15px 38px;font-size:1rem;font-weight:750;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn.primary{background:var(--grad);color:#fff;box-shadow:0 10px 24px rgba(109,74,255,.32)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(109,74,255,.42)}.btn.primary:disabled{background:#c9bdf5;box-shadow:none;cursor:not-allowed;transform:none}.btn.ghost{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.btn.ghost:hover{color:var(--text);border-color:#d3d7e2}.actions{margin-top:30px;gap:12px;flex-wrap:wrap}.actions,.note{display:flex;justify-content:center}.note{margin-top:26px;font-size:.85rem;color:var(--text-muted);align-items:center;gap:6px}.alert{margin-top:22px;border-radius:var(--radius-sm);padding:13px 18px;font-size:.92rem;font-weight:500}.alert.error{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.alert.success{background:#ecfdf3;color:var(--success);border:1px solid #a6f4c5}.spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.option-group{margin-top:24px;display:flex;flex-direction:column;gap:11px;text-align:left}.option-row{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;cursor:pointer;font-size:.95rem;font-weight:500;transition:border-color .15s ease,background .15s ease}.option-row.selected{border-color:var(--primary);background:var(--primary-soft)}.option-row input[type=radio]{accent-color:var(--primary);width:17px;height:17px}.range-inputs{display:flex;align-items:center;gap:10px;margin-left:28px;flex-wrap:wrap}.range-inputs input{width:82px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;font-size:.95rem;font-family:inherit}.range-inputs input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.range-inputs label{font-size:.85rem;color:var(--text-muted)}.seo-content{max-width:900px;padding-bottom:64px}.seo-cols{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:32px;gap:32px;margin-top:12px}@media (max-width:720px){.seo-cols{grid-template-columns:1fr}}.seo-block h2{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin-bottom:16px;text-align:left}.steps{text-align:left;padding-left:0;list-style:none;counter-reset:step;flex-direction:column}.steps,.steps li{display:flex;gap:14px}.steps li{counter-increment:step;align-items:baseline;font-size:.95rem;color:var(--text)}.steps li:before{content:counter(step);flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;transform:translateY(5px);box-shadow:0 4px 10px rgba(109,74,255,.3)}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:11px;text-align:left;transition:box-shadow .15s ease}.faq-item[open]{box-shadow:var(--shadow-sm)}.faq-item summary{cursor:pointer;padding:14px 18px;font-weight:650;font-size:.95rem;list-style:none;display:flex;gap:8px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"＋";color:var(--primary);font-weight:800}.faq-item[open] summary:before{content:"−"}.faq-item p{padding:0 18px 16px 40px;font-size:.9rem;color:var(--text-muted)}.ad-slot{margin:28px auto;min-height:90px;max-width:728px}.legal{max-width:760px;padding-top:56px;padding-bottom:72px}.legal h1{font-size:1.9rem;font-weight:820;letter-spacing:-.02em;margin-bottom:8px}.legal .legal-updated{color:var(--text-muted);font-size:.85rem;margin-bottom:24px}.legal h2{font-size:1.15rem;font-weight:750;margin:28px 0 8px}.legal p{margin-bottom:11px;font-size:.96rem}.legal a{color:var(--primary);text-decoration:underline}.legal hr{border:none;margin:40px 0}.footer,.legal hr{border-top:1px solid var(--border)}.footer{background:var(--surface);padding:34px 0;margin-top:40px}.footer-nav{display:flex;justify-content:center;gap:28px;margin-bottom:16px;flex-wrap:wrap}.footer-nav a{font-size:.88rem;font-weight:600;color:var(--text-muted);transition:color .15s ease}.footer-nav a:hover{color:var(--primary)}.footer p{font-size:.85rem;color:var(--text-muted);text-align:center;max-width:640px;margin:0 auto}@media (max-width:600px){.hero{padding:60px 0 44px}.tool-page{padding-top:40px}.section-heading{margin-top:40px}}