@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Noto Sans,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f6f7fb;--surface: #ffffff;--text: #14181f;--muted: #566074;--primary: #ff7a18;--primary-2: #1c6ee8;--border: #d9e0ee;--shadow: 0 24px 60px rgba(20, 24, 31, .12);--radius: 16px;--maxw: 1140px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 56px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);padding-bottom:96px;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;width:480px;height:480px;background:radial-gradient(circle,#1c6ee82e,#1c6ee800);filter:blur(10px);z-index:-1;pointer-events:none}body:before{top:-160px;right:-120px}body:after{bottom:-200px;left:-120px;background:radial-gradient(circle,#ff7a1833,#ff7a1800)}a{color:var(--primary-2);text-decoration:none;font-weight:600}h1,h2,h3{font-family:Fraunces,Times New Roman,serif;letter-spacing:-.01em}.page{max-width:var(--maxw);margin:0 auto;padding:var(--space-5) var(--space-2) var(--space-6)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:var(--space-2)}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:.02em}.brand-text{display:flex;flex-direction:column}.site-name{font-size:1.25rem;font-weight:700}.site-domain{color:var(--muted);font-size:.92rem}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:.82rem;color:var(--muted);background:var(--surface)}.layout{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.main{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar{display:none;gap:var(--space-3);flex-direction:column}.hero{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:center;padding:var(--space-4);border-radius:calc(var(--radius) + 6px);background:linear-gradient(135deg,#ffffffd9,#ffffffa6);border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow)}.hero-text{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px;margin:0 auto}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.16em;color:var(--muted);margin-bottom:var(--space-1)}h1{font-size:clamp(2rem,2.9vw,2.75rem);margin:0 0 var(--space-2);line-height:1.1;max-width:16ch}.intro-text{font-size:.98rem;line-height:1.55;max-width:50ch}.hero-subtext{color:var(--muted);margin-top:var(--space-1);max-width:46ch;font-size:.95rem}.hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.trust-indicators{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:var(--space-2);font-size:.85rem;color:var(--muted)}.trust-indicators span{background:#0000000d;padding:6px 12px;border-radius:999px;font-size:.8rem}.hero-card{display:grid;gap:var(--space-2);justify-self:center;width:min(420px,100%)}.converter-card,.feature-card,.seo-block,.faq,.seo-links{background:var(--surface);border-radius:var(--radius);padding:var(--space-3);box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.04)}.converter-header h2{margin:0 0 8px}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);align-items:center;text-align:center;background:linear-gradient(135deg,#00000005,#00000003);position:relative;transition:border-color .2s ease,background .2s ease,transform .2s ease}.drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone.dragging{border-color:var(--primary);background:#ff7a1814;transform:translateY(-2px)}.drop-text{font-weight:600;font-size:1rem}.drop-hint{font-size:.9rem;color:var(--muted)}.drop-icon{width:44px;height:44px;border-radius:50%;background:#0000000f;display:grid;place-items:center;font-size:1.1rem}.selected-strip{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:#00000008}.selected-strip.is-empty{opacity:.6}.count-pill{background:var(--primary);color:#fff;padding:6px 12px;border-radius:999px;font-weight:600}.controls{display:flex;flex-direction:column;gap:var(--space-2)}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.control{display:flex;flex-direction:column;gap:8px;font-weight:600;color:var(--text)}.control input,.control select{padding:10px 12px;border-radius:12px;border:1px solid var(--border);font-size:.95rem;background:var(--surface)}.quality-control span{font-size:.85rem;color:var(--muted)}.quality-control.hidden{display:none}.resize-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-2)}.resize-controls.collapsed{display:none}.checkbox{display:flex;align-items:center;gap:10px;font-weight:600}.convert-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.sponsored-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#0000000f;font-size:.85rem}.sponsored-link.small{padding:6px 10px;font-size:.8rem}.primary-button,.secondary-button,.ghost-button{padding:12px 20px;border-radius:14px;border:none;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 12px 24px #0000001f}.primary-button.large{padding:14px 26px;font-size:1rem}.secondary-button{background:#0000000f;color:var(--text)}.ghost-button{background:transparent;border:1px solid var(--border);color:var(--text)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.progress-row{display:grid;gap:8px}.status-message{color:var(--muted);font-size:.9rem}.progress-track{width:100%;height:10px;border-radius:999px;background:#00000014;overflow:hidden}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--primary-2));transition:width .3s ease}.results{display:flex;flex-direction:column;gap:var(--space-2)}.results-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.result-card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);display:grid;gap:var(--space-1);background:#00000005;transition:border-color .2s ease,transform .2s ease}.result-card.ready{border-color:#00800066}.result-card.error{border-color:#c8000066}.result-card:hover{transform:translateY(-2px)}.result-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;background:#f2f4f8}.result-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-status,.result-size{color:var(--muted);font-size:.85rem}.result-download{padding:8px 12px;border-radius:999px;background:#00000014;font-size:.85rem;color:var(--text);text-align:center}.result-download.disabled{opacity:.5;pointer-events:none}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.feature-card h3{margin-top:0}.faq-intro,.seo-list,.feature-card p{color:var(--muted)}.faq-grid{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.faq-item{border-radius:var(--radius);border:1px solid var(--border);padding:var(--space-2);background:#fff}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{margin:10px 0 0}.seo-links .link-grid{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.link-grid a{background:#0000000f;padding:8px 12px;border-radius:999px}.ad-card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);background:linear-gradient(135deg,#ffffffe6,#fafafab3);display:grid;gap:8px}.ad-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.ad-body{display:grid;place-items:center;min-height:100px}#ad-top{min-height:120px}#ad-inline-1,#ad-results-native{min-height:140px}#ad-sidebar-1{min-height:250px}#ad-footer{min-height:120px}#ad-sticky-mobile{min-height:90px}.ad-fallback{font-size:.85rem;color:var(--muted)}.site-footer{margin-top:var(--space-4);display:grid;gap:var(--space-2)}.footer-meta{color:var(--muted);font-size:.85rem}.sticky-ad{position:fixed;left:0;right:0;bottom:0;padding:var(--space-1);background:#fffffff5;border-top:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-stack{position:fixed;right:20px;bottom:110px;display:grid;gap:8px;z-index:20}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);animation:toast-in .25s ease}.toast.success{border-left-color:#2e8b57}.toast.warn{border-left-color:#e07a1f}.toast.hide{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.site-header,.hero,.converter-card,.features,.seo-block,.faq,.seo-links,.site-footer{animation:fade-up .6s ease both}.hero{animation-delay:.05s}.converter-card{animation-delay:.1s}.features{animation-delay:.15s}.seo-block,.faq,.seo-links,.site-footer{animation-delay:.2s}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:960px){body{padding-bottom:0}.layout{grid-template-columns:minmax(0,1fr) 280px}.sidebar{display:flex}.sticky-ad{display:none}.hero{grid-template-columns:1.1fr .9fr}}@media(max-width:720px){.site-header{flex-direction:column;align-items:flex-start}.hero{padding:var(--space-2)}.toast-stack{left:16px;right:16px}}