.converter{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}.converter a{color:inherit;text-decoration:none}.converter button{cursor:pointer;font-family:inherit}.blob{pointer-events:none;z-index:-1;filter:blur(80px);opacity:.45;border-radius:50%;position:fixed}.blob-a{background:radial-gradient(circle,#f9731659 0%,#0000 70%);width:500px;height:500px;top:-10%;left:-10%}.blob-b{background:radial-gradient(circle,#fdba7466 0%,#0000 70%);width:500px;height:500px;top:30%;right:-10%}nav.top{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--line);background:#fff8efb8;justify-content:space-between;align-items:center;padding:18px 32px;font-size:14px;display:flex;position:sticky;top:0}.brand{color:var(--fg);align-items:center;gap:10px;font-weight:500;display:flex}.brand-mark{width:22px;height:22px;color:var(--fg);display:inline-block}.brand-mark svg{width:100%;height:100%;display:block}.brand b{font-weight:500}.brand i{color:var(--fg-dim);font-style:normal;font-weight:400}.btn{border:1px solid var(--line-2);color:var(--fg);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:#1c19170a}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 18px -6px var(--accent-glow)}.btn.primary:hover{background:var(--fg);border-color:var(--fg)}.btn:disabled{opacity:.4;cursor:not-allowed}.converter main{z-index:1;max-width:1280px;margin:0 auto;padding:50px 32px 80px;position:relative}.crumb{color:var(--fg-muted);margin-bottom:18px;font-size:13px}.crumb a:hover{color:var(--fg)}.crumb .sep{color:var(--fg-dim)}h1.page{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(32px,4.5vw,48px);font-weight:500;line-height:1.05}h1.page .serif{font-family:var(--serif);color:var(--accent);font-style:italic;font-weight:400}.lede{color:var(--fg-muted);max-width:560px;margin:0 0 40px;font-size:16px;line-height:1.5}.pf-section{margin-bottom:36px}.pf-label{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.pf-label h3{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);margin:0;font-size:11px;font-weight:500}.pf-label .sub{color:var(--fg-muted);font-size:12px}.pf-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (max-width:1100px){.pf-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:720px){.pf-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:440px){.pf-grid{grid-template-columns:repeat(2,1fr)}}.pf{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);text-align:left;cursor:pointer;color:inherit;padding:16px 14px 14px;transition:all .2s;position:relative}.pf:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 10px 24px -14px #1c191726}.pf.active{border-color:var(--accent);background:var(--bg-2);box-shadow:0 0 0 1px var(--accent) inset, 0 12px 30px -16px var(--accent-glow)}.pf-icon-sm{color:#fff;background:linear-gradient(135deg, var(--ic1,#78716c), var(--ic2,#44403c));width:32px;height:32px;box-shadow:0 4px 12px -4px var(--ic1,#78716c);border-radius:9px;justify-content:center;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.pf[data-pf=instagram]{--ic1:#e1306c;--ic2:#f77737}.pf[data-pf=ig-story]{--ic1:#833ab4;--ic2:#e1306c}.pf[data-pf=whatsapp]{--ic1:#25d366;--ic2:#128c7e}.pf[data-pf=wa-dp]{--ic1:#25d366;--ic2:#075e54}.pf[data-pf=twitter]{--ic1:#1d9bf0;--ic2:#0a84d8}.pf[data-pf=facebook]{--ic1:#1877f2;--ic2:#0e5fc6}.pf[data-pf=linkedin]{--ic1:#0a66c2;--ic2:#084d96}.pf[data-pf=email]{--ic1:#78716c;--ic2:#44403c}.pf[data-pf=web]{--ic1:var(--accent-2);--ic2:var(--accent)}.pf[data-pf=custom]{--ic1:#a8a29e;--ic2:#78716c}.pf-name{font-size:13px;font-weight:500;line-height:1.2}.pf-dim{font-family:var(--mono);color:var(--fg-muted);margin-top:4px;font-size:10.5px}.layout{grid-template-columns:1fr 360px;gap:24px;display:grid}@media (max-width:980px){.layout{grid-template-columns:1fr}}.dropzone{border:1.5px dashed var(--line-2);border-radius:var(--radius-lg);text-align:center;background:var(--bg-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:60px 32px;transition:border-color .2s,background .2s;display:flex}.dropzone.over{border-color:var(--accent);background:var(--bg-3)}.drop-icon{background:var(--bg-3);width:56px;height:56px;color:var(--accent);pointer-events:none;border-radius:14px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.dropzone h2{letter-spacing:-.02em;pointer-events:none;margin:0 0 8px;font-size:26px;font-weight:500}.dropzone p{color:var(--fg-muted);pointer-events:none;margin:0 0 22px;font-size:14px}.dropzone .or{color:var(--fg-dim);pointer-events:none;margin:16px 0 0;font-size:12px}.has-files .dropzone{min-height:0;padding:22px}.has-files .dropzone h2{margin-bottom:4px;font-size:17px}.has-files .dropzone p{margin-bottom:12px;font-size:13px}.has-files .drop-icon{border-radius:10px;width:36px;height:36px;margin-bottom:12px}.files{flex-direction:column;gap:8px;margin-top:16px;display:flex}.file{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);grid-template-columns:44px 1fr 80px auto auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.file-thumb{width:44px;height:44px;font-family:var(--mono);color:#fff;background:linear-gradient(135deg,#ffd6a1 0%,#d97757 70%,#2d3a5e 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:500;display:flex;overflow:hidden}.file-info{min-width:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.file-meta{font-family:var(--mono);color:var(--fg-muted);margin-top:3px;font-size:11px}.file-progress{background:#1c191714;border-radius:999px;width:80px;height:4px;overflow:hidden}.file-progress i{background:var(--accent);border-radius:999px;width:0%;height:100%;transition:width .3s;display:block}.file[data-status=converting] .file-progress i{animation:1.6s ease-in-out infinite pulse-progress}@keyframes pulse-progress{0%{opacity:1;width:20%}50%{opacity:.8;width:72%}to{opacity:1;width:20%}}.file-status{font-family:var(--mono);border:1px solid var(--line-2);color:var(--fg-muted);background:var(--bg);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px}.file-status.queued{color:var(--fg-muted)}.file-status.done{color:var(--good);background:#16a34a0f;border-color:#16a34a4d}.file-status.converting{color:var(--accent);background:#f973160f;border-color:#f973164d}.file-status.error{color:#dc2626;background:#dc26260f;border-color:#dc26264d}.file-download{border:1px solid var(--line-2);background:var(--bg-2);width:32px;height:32px;color:var(--fg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.file-download:hover{background:var(--bg-3);border-color:var(--accent);color:var(--accent)}.file-download svg{pointer-events:none;width:14px;height:14px}.file-download.disabled{opacity:.28;cursor:default;pointer-events:none}.side{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);align-self:start;padding:26px 24px;position:sticky;top:76px;box-shadow:0 12px 30px -20px #1c19171f}.side h3{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);margin:0 0 14px;font-size:11px;font-weight:500}.group+.group{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.preset-display{border:1px solid var(--line-2);background:var(--bg-3);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.preset-display .pd-icon{color:#fff;background:linear-gradient(135deg, var(--pi1,#78716c), var(--pi2,#44403c));width:36px;height:36px;box-shadow:0 4px 12px -4px var(--pi1,#78716c);border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.preset-display .pd-name{font-size:14px;font-weight:500}.preset-display .pd-spec{font-family:var(--mono);color:var(--fg-muted);margin-top:3px;font-size:11px}.specs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.spec{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:10px 12px}.spec .k{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}.spec .v{font-family:var(--mono);color:var(--fg);margin-top:4px;font-size:13px;font-weight:500}.slider-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;display:flex}.slider-row .val{font-family:var(--mono);color:var(--fg-muted)}input[type=range]{appearance:none;background:#1c19171a;border-radius:999px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:0 2px 6px -2px var(--accent-glow);border:2px solid #fff;border-radius:50%}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.tg{cursor:pointer;background:#1c191726;border-radius:999px;flex:0 0 32px;width:32px;height:18px;transition:background .2s;position:relative}.tg:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001a}.toggle.on .tg{background:var(--accent)}.toggle.on .tg:after{left:16px}.convert-btn{background:var(--accent);color:#fff;width:100%;box-shadow:0 8px 20px -8px var(--accent-glow);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.convert-btn:disabled{opacity:.3;box-shadow:none;cursor:not-allowed}.convert-btn:not(:disabled):hover{background:var(--fg)}.convert-btn svg{width:14px;height:14px}.zip-btn{color:var(--fg);border:1px solid var(--line-2);box-shadow:none;background:0 0;margin-top:10px}.zip-btn:not(:disabled):hover{background:var(--bg-3)}.privacy-note{border-top:1px solid var(--line);color:var(--fg-muted);gap:10px;margin-top:16px;padding-top:16px;font-size:12px;line-height:1.5;display:flex}.privacy-note svg{color:var(--good);flex:0 0 14px;margin-top:1px}.converter footer{border-top:1px solid var(--line);color:var(--fg-dim);text-align:center;background:var(--bg-3);padding:30px 28px;font-size:12px}.converter footer a:hover{color:var(--fg)}