/*
Theme Name: VoicePress Transcriber
Theme URI: https://example.com/
Author: OpenAI
Description: Professional browser-side audio/video transcription theme for WordPress using Whisper via Transformers.js. No paid transcription API required for local uploads.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: voicepress
*/
:root{--vp-bg:#f6f7fb;--vp-card:#fff;--vp-text:#101828;--vp-muted:#667085;--vp-line:#e4e7ec;--vp-primary:#6d3ef2;--vp-primary2:#8b5cf6;--vp-dark:#111827;--vp-shadow:0 18px 55px rgba(16,24,40,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--vp-bg);color:var(--vp-text)}a{color:inherit;text-decoration:none}.vp-wrap{width:min(1180px,calc(100% - 32px));margin:auto}.vp-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--vp-line)}.vp-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.vp-logo{display:flex;align-items:center;gap:11px;font-weight:850;font-size:22px}.vp-logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--vp-primary),var(--vp-primary2));display:grid;place-items:center;color:#fff;font-weight:900}.vp-menu{display:flex;gap:28px;align-items:center;font-weight:650;color:#344054}.vp-menu a:hover{color:var(--vp-primary)}.vp-cta{background:var(--vp-dark);color:white;padding:11px 17px;border-radius:12px}.vp-hero{padding:72px 0 36px;background:radial-gradient(circle at 80% 0,#ede9fe 0,transparent 35%),radial-gradient(circle at 0 25%,#e0f2fe 0,transparent 32%)}.vp-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.vp-kicker{display:inline-flex;gap:8px;align-items:center;background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.vp-title{font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.045em;margin:18px 0}.vp-title span{color:var(--vp-primary)}.vp-lead{font-size:19px;line-height:1.7;color:var(--vp-muted);max-width:650px}.vp-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.vp-pill{background:white;border:1px solid var(--vp-line);padding:9px 12px;border-radius:999px;font-size:13px;font-weight:700}.vp-panel{background:rgba(255,255,255,.96);border:1px solid #e8e6f0;border-radius:28px;box-shadow:var(--vp-shadow);padding:22px}.vp-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f4f7;border-radius:14px;padding:5px;margin-bottom:18px}.vp-tab{border:0;background:transparent;padding:11px;border-radius:10px;font-weight:800;cursor:pointer}.vp-tab.active{background:#fff;box-shadow:0 2px 10px rgba(16,24,40,.08)}.vp-drop{border:2px dashed #c7b9ff;border-radius:20px;padding:36px 20px;text-align:center;background:#faf9ff;transition:.2s}.vp-drop.drag{border-color:var(--vp-primary);background:#f3efff}.vp-upload-icon{width:62px;height:62px;border-radius:18px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;margin:0 auto 14px;font-size:28px}.vp-drop h3{margin:0 0 8px}.vp-drop p{color:var(--vp-muted);margin:0 0 16px}.vp-file{display:none}.vp-btn{border:0;cursor:pointer;border-radius:12px;padding:13px 18px;font-weight:800;font-size:15px}.vp-btn-primary{background:linear-gradient(135deg,var(--vp-primary),var(--vp-primary2));color:white}.vp-btn-dark{background:var(--vp-dark);color:#fff}.vp-btn-light{background:#fff;border:1px solid var(--vp-line);color:#344054}.vp-btn:disabled{opacity:.55;cursor:not-allowed}.vp-urlbox{display:none}.vp-urlrow{display:flex;gap:10px}.vp-input,.vp-select{width:100%;border:1px solid var(--vp-line);background:#fff;border-radius:12px;padding:13px 14px;font-size:15px;outline:none}.vp-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fffaeb;color:#7a2e0e;font-size:13px;line-height:1.5}.vp-selected{display:none;margin-top:14px;padding:12px;border-radius:12px;border:1px solid var(--vp-line);background:#fff}.vp-selected.show{display:block}.vp-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.vp-status{display:none;margin-top:16px;padding:14px;border-radius:14px;background:#f9fafb;border:1px solid var(--vp-line)}.vp-status.show{display:block}.vp-status-row{display:flex;align-items:center;gap:12px}.vp-spinner{width:20px;height:20px;border:3px solid #ddd6fe;border-top-color:var(--vp-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vp-progress{height:8px;background:#eee;border-radius:999px;overflow:hidden;margin-top:11px}.vp-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vp-primary),var(--vp-primary2));transition:.2s}.vp-result{display:none;margin-top:20px}.vp-result.show{display:block}.vp-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.vp-actions{display:flex;gap:8px;flex-wrap:wrap}.vp-output{width:100%;min-height:260px;border:1px solid var(--vp-line);border-radius:16px;padding:16px;font:15px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;background:#fcfcfd}.vp-trust{padding:28px 0 6px}.vp-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vp-trust-card{background:white;border:1px solid var(--vp-line);border-radius:16px;padding:16px}.vp-trust-card b{display:block;margin-bottom:5px}.vp-trust-card span{font-size:13px;color:var(--vp-muted)}.vp-section{padding:78px 0}.vp-section h2{font-size:38px;letter-spacing:-.03em;margin:0 0 12px}.vp-section-sub{color:var(--vp-muted);font-size:17px;margin-bottom:30px}.vp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vp-card{background:white;border:1px solid var(--vp-line);border-radius:20px;padding:24px}.vp-card .num{width:40px;height:40px;border-radius:12px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;font-weight:900;margin-bottom:14px}.vp-card h3{margin:0 0 8px}.vp-card p{margin:0;color:var(--vp-muted);line-height:1.6}.vp-faq details{background:#fff;border:1px solid var(--vp-line);border-radius:14px;padding:17px 18px;margin-bottom:10px}.vp-faq summary{cursor:pointer;font-weight:800}.vp-faq p{color:var(--vp-muted);line-height:1.6}.vp-footer{background:#111827;color:#d0d5dd;padding:44px 0;margin-top:40px}.vp-footer-row{display:flex;justify-content:space-between;gap:24px;align-items:center}.vp-footer small{color:#98a2b3}.vp-post-shell{width:min(880px,calc(100% - 32px));margin:50px auto;background:white;border:1px solid var(--vp-line);border-radius:22px;padding:34px}.vp-post-shell h1{font-size:42px;letter-spacing:-.03em}.vp-post-shell img{max-width:100%;height:auto}@media(max-width:900px){.vp-hero-grid{grid-template-columns:1fr}.vp-menu{display:none}.vp-trust-row,.vp-grid3{grid-template-columns:1fr 1fr}.vp-hero{padding-top:46px}}@media(max-width:620px){.vp-wrap{width:min(100% - 22px,1180px)}.vp-title{font-size:43px}.vp-panel{padding:14px;border-radius:20px}.vp-trust-row,.vp-grid3{grid-template-columns:1fr}.vp-urlrow{flex-direction:column}.vp-controls{grid-template-columns:1fr}.vp-footer-row{display:block}.vp-actions{margin-top:10px}}

/* v1.1 navigation, free messaging, other tools and mobile refinements */
.vp-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.vp-panel-title h2{font-size:22px;margin:4px 0 0;letter-spacing:-.02em}.vp-mini-label{display:block;color:var(--vp-muted);font-size:11px;font-weight:850;letter-spacing:.11em}.vp-free-badge{display:inline-flex;align-items:center;justify-content:center;background:#ecfdf3;color:#027a48;border:1px solid #abefc6;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850}
.vp-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--vp-line);border-radius:11px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.vp-menu-toggle span{display:block;width:19px;height:2px;background:var(--vp-dark);border-radius:4px;transition:.2s}.vp-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.vp-menu-toggle.open span:nth-child(2){opacity:0}.vp-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.vp-tools-menu{position:relative}.vp-tools-trigger{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#344054;font:inherit;font-weight:650;cursor:pointer;padding:8px 0}.vp-tools-trigger span{font-size:14px}.vp-tools-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-5px);width:290px;background:#fff;border:1px solid var(--vp-line);border-radius:16px;padding:8px;box-shadow:0 18px 50px rgba(16,24,40,.14);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.vp-tools-dropdown:before{content:"";position:absolute;top:-9px;left:50%;width:16px;height:16px;background:#fff;border-left:1px solid var(--vp-line);border-top:1px solid var(--vp-line);transform:translateX(-50%) rotate(45deg)}.vp-tools-menu:hover .vp-tools-dropdown,.vp-tools-menu.open .vp-tools-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.vp-tools-dropdown a{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px}.vp-tools-dropdown a:hover{background:#f9fafb}.vp-tool-icon{width:38px;height:38px;border-radius:10px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;font-size:18px}.vp-tools-dropdown b{display:block;color:#101828;font-size:14px}.vp-tools-dropdown small{display:block;color:var(--vp-muted);font-size:12px;margin-top:2px;line-height:1.4}
.vp-tools-section{padding-top:30px}.vp-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vp-tool-card{display:flex;gap:17px;align-items:flex-start;background:#fff;border:1px solid var(--vp-line);border-radius:20px;padding:22px;transition:.2s}.vp-tool-card:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(16,24,40,.08);border-color:#d6ccff}.vp-tool-card-icon{flex:0 0 auto;width:50px;height:50px;border-radius:14px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;font-size:23px}.vp-tool-card h3{margin:0 0 6px}.vp-tool-card p{margin:0 0 10px;color:var(--vp-muted);line-height:1.55}.vp-tool-link{font-weight:800;color:var(--vp-primary);font-size:14px}
@media(max-width:900px){.vp-menu-toggle{display:flex}.vp-nav{position:relative}.vp-menu{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border:1px solid var(--vp-line);border-radius:16px;padding:12px;box-shadow:0 18px 50px rgba(16,24,40,.13);flex-direction:column;align-items:stretch;gap:3px}.vp-menu.open{display:flex}.vp-menu>a,.vp-tools-trigger{padding:12px 13px;border-radius:10px;width:100%;justify-content:space-between}.vp-menu>a:hover,.vp-tools-trigger:hover{background:#f9fafb}.vp-cta{text-align:center;margin-top:5px}.vp-tools-dropdown{position:static;width:100%;transform:none!important;box-shadow:none;margin-top:4px;display:none;opacity:1;visibility:visible;pointer-events:auto;border-radius:12px}.vp-tools-dropdown:before{display:none}.vp-tools-menu:hover .vp-tools-dropdown{display:none}.vp-tools-menu.open .vp-tools-dropdown{display:block}.vp-tools-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.vp-hero{padding-top:34px}.vp-title{font-size:40px}.vp-lead{font-size:17px}.vp-panel-title h2{font-size:20px}.vp-tools-grid{grid-template-columns:1fr}.vp-drop{padding:28px 15px}.vp-output{min-height:220px}.vp-result-head{align-items:flex-start;flex-direction:column}.vp-actions{width:100%}.vp-actions .vp-btn{flex:1}.vp-menu{left:-1px;right:-1px}}

/* v1.2 built-in background remover */
.vp-tool-hero{padding:64px 0 42px;background:radial-gradient(circle at 10% 12%,#e0f2fe 0,transparent 31%),radial-gradient(circle at 88% 5%,#ede9fe 0,transparent 34%)}
.vp-tool-hero-inner{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center}.vp-tool-copy h1{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.045em;margin:18px 0}.vp-tool-copy h1 span{color:var(--vp-primary)}.vp-tool-copy>p{font-size:18px;color:var(--vp-muted);line-height:1.7;max-width:580px}
.vp-bg-app{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:22px;box-shadow:var(--vp-shadow)}.vp-bg-drop{min-height:390px;border:2px dashed #c7b9ff;border-radius:22px;background:#faf9ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;transition:.2s}.vp-bg-drop.drag{border-color:var(--vp-primary);background:#f1edff;transform:scale(1.005)}.vp-bg-upload-icon{width:68px;height:68px;border-radius:20px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;font-size:36px;font-weight:300;margin-bottom:14px}.vp-bg-drop h2{font-size:26px;margin:0 0 8px}.vp-bg-drop p{color:var(--vp-muted);margin:0 0 18px}.vp-bg-drop small{display:block;margin-top:14px;color:#98a2b3}
.vp-bg-workspace{display:block}.vp-bg-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vp-bg-preview-card{min-width:0;border:1px solid var(--vp-line);border-radius:17px;overflow:hidden;background:#fff}.vp-bg-preview-head{height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid var(--vp-line);font-size:13px}.vp-bg-preview-head span{color:var(--vp-muted)}.vp-bg-canvas{height:340px;background:#f2f4f7;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.vp-bg-canvas img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.vp-checker{background-color:#fff;background-image:linear-gradient(45deg,#e8e8e8 25%,transparent 25%),linear-gradient(-45deg,#e8e8e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e8e8 75%),linear-gradient(-45deg,transparent 75%,#e8e8e8 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.vp-bg-placeholder{margin:20px;padding:14px 16px;text-align:center;color:#667085;background:rgba(255,255,255,.86);border-radius:12px;font-size:13px}.vp-bg-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:15px}.vp-bg-status{margin-top:14px;padding:14px;border:1px solid var(--vp-line);background:#f9fafb;border-radius:14px}.vp-tool-info{padding-top:54px}
@media(max-width:900px){.vp-tool-hero-inner{grid-template-columns:1fr}.vp-tool-copy{text-align:center}.vp-tool-copy>p{margin-left:auto;margin-right:auto}.vp-tool-copy .vp-points{justify-content:center}.vp-bg-canvas{height:300px}}
@media(max-width:620px){.vp-tool-hero{padding-top:36px}.vp-tool-copy h1{font-size:42px}.vp-bg-app{padding:13px;border-radius:20px}.vp-bg-drop{min-height:330px;padding:22px 14px}.vp-bg-preview-grid{grid-template-columns:1fr}.vp-bg-canvas{height:300px}.vp-bg-actions{display:grid;grid-template-columns:1fr}.vp-bg-actions .vp-btn{width:100%}}

/* ===== PDF / IMAGE TOOLS ===== */
.vp-tool-hero{padding:64px 0 28px;background:radial-gradient(circle at 90% 0,#ede9fe 0,transparent 35%),radial-gradient(circle at 0 20%,#e0f2fe 0,transparent 30%)}
.vp-tool-head{max-width:780px;margin:0 auto 28px;text-align:center}.vp-tool-head .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:13px;font-weight:800;border:1px solid #ddd6fe}.vp-tool-head h1{font-size:clamp(38px,6vw,62px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 14px}.vp-tool-head p{font-size:18px;line-height:1.7;color:var(--vp-muted);margin:0 auto;max-width:690px}
.vp-tool-shell{width:min(920px,calc(100% - 32px));margin:0 auto 70px;background:#fff;border:1px solid var(--vp-line);border-radius:28px;box-shadow:var(--vp-shadow);padding:24px}.vp-tool-drop{border:2px dashed #c4b5fd;border-radius:20px;background:#faf9ff;padding:42px 20px;text-align:center;transition:.2s}.vp-tool-drop.drag{border-color:var(--vp-primary);background:#f5f3ff}.vp-tool-drop .icon{width:64px;height:64px;border-radius:18px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;margin:0 auto 14px;font-size:28px}.vp-tool-drop h3{margin:0 0 7px;font-size:22px}.vp-tool-drop p{margin:0 0 18px;color:var(--vp-muted);line-height:1.55}
.vp-tool-files{margin-top:18px;display:grid;gap:10px}.vp-file-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--vp-line);border-radius:14px;background:#fff}.vp-file-thumb{width:72px;height:58px;border-radius:10px;object-fit:cover;background:#f2f4f7}.vp-file-meta{min-width:0}.vp-file-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-file-meta small{color:var(--vp-muted)}.vp-file-actions{display:flex;gap:6px}.vp-mini{border:1px solid var(--vp-line);background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:700}
.vp-tool-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.vp-option label{display:block;font-size:12px;font-weight:800;color:#475467;margin:0 0 6px}.vp-tool-mainbtn{width:100%;margin-top:16px;padding:15px 18px;font-size:16px}.vp-tool-note{margin-top:14px;background:#f9fafb;border:1px solid var(--vp-line);border-radius:13px;padding:12px 14px;color:var(--vp-muted);font-size:13px;line-height:1.5}.vp-tool-status{display:none;margin-top:16px;padding:14px;border:1px solid var(--vp-line);border-radius:14px;background:#fcfcfd}.vp-tool-status.show{display:block}.vp-tool-status .bar{height:8px;border-radius:999px;background:#eaecf0;overflow:hidden;margin-top:10px}.vp-tool-status .bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vp-primary),var(--vp-primary2));transition:.2s}
.vp-pdf-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.vp-pdf-card{border:1px solid var(--vp-line);border-radius:16px;padding:12px;background:#fff}.vp-pdf-card img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#f8fafc;border-radius:10px}.vp-pdf-card .meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.vp-pdf-card .meta strong{font-size:13px}.vp-tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.vp-tools-index{padding:64px 0}.vp-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vp-tool-card{background:#fff;border:1px solid var(--vp-line);border-radius:20px;padding:22px;transition:.18s;display:block}.vp-tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(16,24,40,.08)}.vp-tool-card .tool-icon{width:46px;height:46px;border-radius:13px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;font-weight:900;margin-bottom:14px}.vp-tool-card h3{margin:0 0 8px}.vp-tool-card p{margin:0;color:var(--vp-muted);line-height:1.55}
.vp-dropdown{position:relative}.vp-dropdown-menu{display:none;position:absolute;top:calc(100% + 12px);right:0;min-width:220px;background:#fff;border:1px solid var(--vp-line);border-radius:14px;box-shadow:0 16px 40px rgba(16,24,40,.12);padding:8px;z-index:80}.vp-dropdown:hover .vp-dropdown-menu{display:block}.vp-dropdown-menu a{display:block;padding:10px 12px;border-radius:10px}.vp-dropdown-menu a:hover{background:#f5f3ff;color:var(--vp-primary)}
@media(max-width:800px){.vp-tool-options{grid-template-columns:1fr}.vp-pdf-results{grid-template-columns:1fr 1fr}.vp-tools-grid{grid-template-columns:1fr}}@media(max-width:560px){.vp-tool-shell{width:min(100% - 20px,920px);padding:14px;border-radius:20px}.vp-tool-drop{padding:30px 14px}.vp-file-row{grid-template-columns:58px 1fr}.vp-file-thumb{width:58px;height:50px}.vp-file-actions{grid-column:1/-1;justify-content:flex-end}.vp-pdf-results{grid-template-columns:1fr}.vp-tool-head h1{font-size:39px}}


/* ===== v1.5 tools + dropdown improvements ===== */
.vp-dropdown{position:relative;padding-bottom:14px;margin-bottom:-14px}
.vp-dropdown>a{display:inline-flex;align-items:center;gap:5px}
.vp-dropdown-menu{
  display:block!important;visibility:hidden;opacity:0;pointer-events:none;
  position:absolute;top:100%;right:0;min-width:245px;background:#fff;
  border:1px solid var(--vp-line);border-radius:14px;
  box-shadow:0 18px 45px rgba(16,24,40,.14);padding:8px;z-index:100;
  transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease
}
.vp-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-16px;height:18px}
.vp-dropdown:hover .vp-dropdown-menu,
.vp-dropdown:focus-within .vp-dropdown-menu,
.vp-dropdown.open .vp-dropdown-menu{
  visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)
}
.vp-dropdown-menu a{display:block;padding:10px 12px;border-radius:9px;font-weight:650}
.vp-dropdown-menu a:hover{background:#f5f3ff;color:var(--vp-primary)}

.vp-doc-preview{margin-top:18px;border:1px solid var(--vp-line);border-radius:16px;background:#f8fafc;padding:14px;max-height:540px;overflow:auto}
.vp-doc-sheet{background:#fff;box-shadow:0 5px 20px rgba(16,24,40,.08);margin:0 auto;padding:34px;max-width:794px;min-height:1123px;color:#111}
.vp-doc-sheet img{max-width:100%;height:auto}
.vp-doc-sheet table{border-collapse:collapse;width:100%}.vp-doc-sheet td,.vp-doc-sheet th{border:1px solid #ddd;padding:5px}
.vp-convert-summary{margin-top:14px;padding:12px 14px;background:#f9fafb;border:1px solid var(--vp-line);border-radius:12px;color:var(--vp-muted);font-size:13px}
.vp-format-warning{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fffaeb;border:1px solid #fedf89;color:#7a2e0e;font-size:13px;line-height:1.5}
.vp-doc-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.vp-doc-card{border:1px solid var(--vp-line);border-radius:16px;padding:12px;background:#fff}
.vp-doc-card img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#f8fafc;border-radius:10px}
.vp-doc-card .meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}
.vp-mobile-tools-toggle{display:none}
@media(max-width:900px){
  .vp-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}
  .vp-dropdown-menu{right:auto;left:0}
  .vp-doc-results{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .vp-menu{display:none}
  .vp-doc-sheet{padding:18px;min-height:auto}
  .vp-doc-results{grid-template-columns:1fr}
}

/* v1.5.2 document renderer */
.vp-format-warning{background:#f5f7ff!important;border-color:#d9e0ff!important;color:#475467!important}
.vp-docx-render .docx-wrapper{background:transparent!important;padding:0!important}
.vp-docx-render section.docx{margin:0 auto 18px!important;box-shadow:0 4px 16px rgba(16,24,40,.10)!important}
.vp-doc-downloadall{margin-top:14px}


/* ===== v1.6 multi-format Word + bulk background ===== */
.vp-format-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.vp-format-badge{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--vp-line);font-size:12px;font-weight:800;color:#475467}
.vp-format-badge.warn{background:#fffaeb;border-color:#fedf89;color:#7a2e0e}
.vp-bulk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.vp-bulk-card{border:1px solid var(--vp-line);border-radius:16px;background:#fff;padding:12px}
.vp-bulk-stage{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:
linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),
linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);
background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0px;display:grid;place-items:center}
.vp-bulk-stage img{width:100%;height:100%;object-fit:contain}
.vp-bulk-name{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 7px}
.vp-bulk-status{font-size:12px;color:var(--vp-muted);min-height:18px}
.vp-bulk-actions{display:flex;gap:7px;margin-top:10px}.vp-bulk-actions .vp-btn{flex:1;padding:9px 10px;font-size:12px}
.vp-home-tools{padding:70px 0;background:#fff}
.vp-home-tools .vp-tools-grid{grid-template-columns:repeat(3,1fr)}
.vp-section-title{font-size:38px;letter-spacing:-.03em;margin:0 0 12px;text-align:center}
.vp-section-lead{color:var(--vp-muted);font-size:17px;max-width:700px;margin:0 auto 30px;text-align:center;line-height:1.6}
@media(max-width:900px){.vp-bulk-grid,.vp-home-tools .vp-tools-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.vp-bulk-grid,.vp-home-tools .vp-tools-grid{grid-template-columns:1fr}}


/* ===== v1.7 News + Contact ===== */
.vp-news-hero{padding:62px 0 34px;background:radial-gradient(circle at 85% 0,#ede9fe 0,transparent 35%),radial-gradient(circle at 0 20%,#e0f2fe 0,transparent 30%)}
.vp-news-head{text-align:center;max-width:760px;margin:auto}.vp-news-head h1{font-size:clamp(40px,6vw,64px);letter-spacing:-.045em;margin:14px 0}.vp-news-head p{font-size:18px;color:var(--vp-muted);line-height:1.7}
.vp-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:56px 0}
.vp-news-card{background:#fff;border:1px solid var(--vp-line);border-radius:20px;overflow:hidden;transition:.18s;display:flex;flex-direction:column}
.vp-news-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(16,24,40,.09)}
.vp-news-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f4f3ff}
.vp-news-card-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.vp-news-card .meta{font-size:12px;color:var(--vp-muted);font-weight:700}.vp-news-card h2{font-size:21px;line-height:1.25;margin:0}.vp-news-card p{color:var(--vp-muted);line-height:1.6;margin:0}
.vp-news-read{margin-top:auto;color:var(--vp-primary);font-weight:800;font-size:14px}
.vp-article{width:min(900px,calc(100% - 30px));margin:46px auto;background:#fff;border:1px solid var(--vp-line);border-radius:24px;overflow:hidden;box-shadow:0 15px 45px rgba(16,24,40,.06)}
.vp-article-hero img{width:100%;display:block;aspect-ratio:16/8;object-fit:cover;background:#f5f3ff}
.vp-article-inner{padding:40px}.vp-article-kicker{font-size:13px;color:var(--vp-primary);font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.vp-article h1{font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:-.04em;margin:10px 0 14px}.vp-article .article-meta{color:var(--vp-muted);font-size:14px;margin-bottom:28px}
.vp-article-content{font-size:17px;line-height:1.78;color:#344054}.vp-article-content h2{color:var(--vp-text);font-size:30px;line-height:1.2;margin:38px 0 12px}.vp-article-content h3{color:var(--vp-text);font-size:22px;margin:28px 0 10px}
.vp-article-content a:not(.vp-article-cta){color:var(--vp-primary);text-decoration:underline;text-underline-offset:3px}.vp-article-content ul{padding-left:22px}
.vp-article-cta{display:inline-flex;align-items:center;justify-content:center;margin:18px 0 22px;background:linear-gradient(135deg,var(--vp-primary),var(--vp-primary2));color:#fff!important;text-decoration:none!important;padding:14px 20px;border-radius:12px;font-weight:850}
.vp-inline-toolbox{background:#f8f7ff;border:1px solid #ddd6fe;padding:18px;border-radius:16px;margin:24px 0}
.vp-contact-wrap{width:min(900px,calc(100% - 30px));margin:60px auto}.vp-contact-card{background:#fff;border:1px solid var(--vp-line);border-radius:24px;box-shadow:var(--vp-shadow);padding:36px}
.vp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.vp-contact-box{border:1px solid var(--vp-line);border-radius:16px;padding:20px}.vp-contact-box h3{margin:0 0 8px}.vp-contact-box p{color:var(--vp-muted);line-height:1.6}
.vp-footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.vp-footer-links a{color:#d0d5dd;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.vp-news-grid{grid-template-columns:1fr 1fr}.vp-contact-grid{grid-template-columns:1fr}}
@media(max-width:620px){.vp-news-grid{grid-template-columns:1fr;padding-top:34px}.vp-article-inner{padding:24px}.vp-contact-card{padding:24px}}


/* ===== v1.7.3 mobile navigation fix ===== */
.vp-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid var(--vp-line);
  border-radius:12px;
  background:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}
.vp-menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:var(--vp-dark);
  transition:transform .18s ease,opacity .18s ease;
}
.vp-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.vp-menu-toggle.open span:nth-child(2){opacity:0}
.vp-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
  .vp-nav{height:68px;position:relative}
  .vp-logo{font-size:20px}
  .vp-logo-mark{width:36px;height:36px}
  .vp-menu-toggle{display:flex}

  .vp-menu{
    display:none;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px;
    background:#fff;
    border:1px solid var(--vp-line);
    border-radius:16px;
    box-shadow:0 18px 42px rgba(16,24,40,.14);
    max-height:calc(100vh - 90px);
    overflow:auto;
  }
  .vp-menu.open{display:flex}
  .vp-menu>a,
  .vp-dropdown>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:13px 12px;
    border-radius:10px;
    font-weight:750;
  }
  .vp-menu>a:hover,
  .vp-dropdown>a:hover{background:#f7f5ff}
  .vp-menu .vp-cta{
    margin-top:6px;
    justify-content:center;
    background:var(--vp-dark);
    color:#fff;
  }

  .vp-dropdown{
    padding:0;
    margin:0;
  }
  .vp-dropdown-menu{
    position:static!important;
    min-width:0;
    margin:0 0 4px;
    padding:4px 8px 8px;
    border:0;
    box-shadow:none;
    border-radius:0;
    background:#faf9ff;
    display:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .vp-dropdown.open .vp-dropdown-menu{display:block!important}
  .vp-dropdown-menu:before{display:none}
  .vp-dropdown-menu a{
    padding:11px 12px;
    font-size:14px;
  }
}


/* ===== v1.7.4 mobile Other Tools submenu fix ===== */
@media(max-width:900px){
  #vpToolsDropdown > a span{transition:transform .18s ease}
  #vpToolsDropdown.open > a span{transform:rotate(180deg)}
  #vpToolsDropdown.open > a{background:#f5f3ff;color:var(--vp-primary)}
  #vpToolsDropdown.open > .vp-dropdown-menu{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    margin-top:4px;
    border-radius:10px;
  }
}


/* ===== v1.7.5 reliable mobile Other Tools toggle ===== */
.vp-tools-toggle{
  border:0;
  background:transparent;
  color:#344054;
  font:inherit;
  font-weight:650;
  cursor:pointer;
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.vp-tools-toggle span{transition:transform .18s ease}
.vp-dropdown.open > .vp-tools-toggle span{transform:rotate(180deg)}

@media(min-width:901px){
  .vp-dropdown:hover > .vp-dropdown-menu,
  .vp-dropdown:focus-within > .vp-dropdown-menu,
  .vp-dropdown.open > .vp-dropdown-menu{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }
}

@media(max-width:900px){
  /* On touch screens, submenu state is controlled ONLY by the button click. */
  .vp-dropdown:hover > .vp-dropdown-menu,
  .vp-dropdown:focus-within > .vp-dropdown-menu{
    display:none!important;
  }
  .vp-dropdown.open > .vp-dropdown-menu{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .vp-tools-toggle{
    width:100%;
    justify-content:space-between;
    padding:13px 12px;
    border-radius:10px;
    color:#344054;
    font-weight:750;
    text-align:left;
  }
  .vp-dropdown.open > .vp-tools-toggle{
    background:#f5f3ff;
    color:var(--vp-primary);
  }
}


/* ===== v1.8 Document Scanner ===== */
.vp-scan-section{padding:0 0 70px;background:linear-gradient(180deg,#f7f8fc 0,#fff 100%)}
.vp-scan-shell{width:min(1100px,calc(100% - 30px));margin:0 auto;background:#fff;border:1px solid var(--vp-line);border-radius:26px;padding:24px;box-shadow:var(--vp-shadow)}
.vp-scan-upload{border:2px dashed #c4b5fd;border-radius:20px;padding:44px 20px;text-align:center;background:#faf9ff}
.vp-scan-icon{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;margin:0 auto 14px;background:#ede9fe;color:var(--vp-primary);font-size:34px;font-weight:900}
.vp-scan-upload h2{font-size:28px;margin:0 0 8px}.vp-scan-upload p{color:var(--vp-muted);max-width:620px;margin:0 auto 20px;line-height:1.6}.vp-scan-upload small{display:block;color:var(--vp-muted);margin-top:14px}
.vp-scan-source-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.vp-scan-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vp-scan-card{border:1px solid var(--vp-line);border-radius:18px;overflow:hidden;background:#fff}.vp-scan-card-head{padding:14px 16px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--vp-line);font-size:13px}.vp-scan-card-head span{color:var(--vp-muted)}
.vp-scan-stage{min-height:380px;background:#f2f4f7;display:grid;place-items:center;padding:16px}.vp-scan-stage img,.vp-scan-stage canvas{display:block;max-width:100%;max-height:620px;object-fit:contain}.vp-scan-paper{background:#e8e9ec}
.vp-scan-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:18px}.vp-scan-controls input[type=range]{width:100%;accent-color:var(--vp-primary);margin-top:10px}.vp-scan-rotate{width:100%}
.vp-scan-status{margin-top:16px;padding:13px 14px;border:1px solid var(--vp-line);border-radius:13px;background:#fcfcfd}.vp-scan-actions{margin-top:16px;justify-content:center}.vp-scan-actions .vp-btn{min-width:150px}
.vp-scan-seo{background:#fff}
@media(max-width:800px){.vp-scan-preview-grid{grid-template-columns:1fr}.vp-scan-controls{grid-template-columns:1fr}.vp-scan-stage{min-height:260px}.vp-scan-actions{display:grid;grid-template-columns:1fr 1fr}.vp-scan-actions .vp-btn{min-width:0;width:100%}}
@media(max-width:520px){.vp-scan-shell{width:calc(100% - 18px);padding:12px;border-radius:20px}.vp-scan-upload{padding:30px 14px}.vp-scan-source-actions{display:grid}.vp-scan-source-actions .vp-btn{width:100%}.vp-scan-actions{grid-template-columns:1fr}.vp-scan-stage{padding:8px;min-height:220px}.vp-scan-card-head{font-size:12px}.vp-scan-hero .vp-tool-head h1{font-size:38px}}


/* ===== v1.8.2 mobile menu + real document crop ===== */
.vp-scan-stepbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.vp-scan-stepbar span{padding:8px 11px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:12px;font-weight:800}.vp-scan-stepbar .active{background:#ede9fe;color:var(--vp-primary)}
.vp-scan-card-head>div{display:flex;flex-direction:column;gap:3px}.vp-scan-card-head small{color:var(--vp-muted);font-weight:500;line-height:1.35}
.vp-scan-editor-stage{overflow:hidden}.vp-crop-frame{position:relative;display:inline-block;max-width:100%;line-height:0;touch-action:none;user-select:none}.vp-crop-frame img{display:block;max-width:100%;max-height:620px;width:auto;height:auto}
.vp-crop-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vp-crop-overlay polygon{fill:rgba(124,58,237,.08);stroke:#7c3aed;stroke-width:.7;vector-effect:non-scaling-stroke}
.vp-corner{position:absolute;width:30px;height:30px;border:4px solid #fff;border-radius:50%;background:#7c3aed;box-shadow:0 2px 12px rgba(76,29,149,.35);transform:translate(-50%,-50%);z-index:4;cursor:grab;touch-action:none;padding:0}.vp-corner:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.12)}
.vp-corner-help{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--vp-line);background:#fcfcfd}.vp-corner-help span{font-size:12px;color:var(--vp-muted);line-height:1.4}
.vp-scan-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:280px;color:#667085;padding:24px}.vp-scan-empty strong{color:#344054}.vp-scan-empty span{font-size:13px}

@media(max-width:900px){
  .vp-header{position:relative;z-index:99990}.vp-nav{position:relative;z-index:99991}
  .vp-menu{position:fixed!important;top:76px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 92px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:0!important;padding:10px!important;border-radius:16px!important;z-index:99999!important;-webkit-overflow-scrolling:touch}
  .vp-menu>a,.vp-tools-toggle{min-height:48px!important;width:100%!important;box-sizing:border-box!important;flex:0 0 auto!important}
  .vp-dropdown{width:100%!important;flex:0 0 auto!important}.vp-dropdown-menu{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}
  .vp-menu .vp-cta{width:100%!important;box-sizing:border-box!important;margin-bottom:2px!important}.vp-menu.open{display:flex!important}
  .vp-corner{width:34px;height:34px}.vp-corner-help{align-items:flex-start;flex-direction:column}.vp-corner-help .vp-btn{width:100%}
}
@media(max-width:520px){.vp-menu{top:70px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 82px)!important}.vp-scan-preview-grid{gap:12px}.vp-scan-stage{min-height:210px}.vp-crop-frame img{max-height:70vh}.vp-scan-empty{min-height:220px}}

/* v1.8.3 scanner output preservation */
#vpScanCanvas{background:#fff;object-fit:contain}


/* ===== v1.8.4 definitive mobile menu layout fix ===== */
@media(max-width:900px){
  html.vp-menu-open, body.vp-menu-open{overflow:hidden!important}
  .vp-header{z-index:100000!important}
  .vp-nav{height:68px!important;position:relative!important}
  .vp-menu{
    display:none!important;
    position:fixed!important;
    top:72px!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 84px)!important;
    margin:0!important;
    padding:10px!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    align-content:stretch!important;
    gap:2px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#fff!important;
    border:1px solid var(--vp-line)!important;
    border-radius:16px!important;
    box-shadow:0 18px 50px rgba(16,24,40,.18)!important;
    z-index:100001!important;
    -webkit-overflow-scrolling:touch;
  }
  .vp-menu.open{display:flex!important}
  .vp-menu > a,
  .vp-menu > .vp-dropdown,
  .vp-tools-toggle{
    flex:0 0 auto!important;
    width:100%!important;
    min-height:46px!important;
    box-sizing:border-box!important;
  }
  .vp-menu > a,
  .vp-tools-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:12px 13px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:16px!important;
    line-height:1.25!important;
  }
  .vp-menu .vp-cta{
    justify-content:center!important;
    margin-top:5px!important;
    margin-bottom:0!important;
  }
  .vp-dropdown{
    position:static!important;
    padding:0!important;
    margin:0!important;
  }
  .vp-dropdown-menu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    margin:3px 0 5px!important;
    padding:5px!important;
    box-sizing:border-box!important;
    background:#f8f7ff!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  .vp-dropdown:not(.open) > .vp-dropdown-menu{display:none!important}
  .vp-dropdown.open > .vp-dropdown-menu{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .vp-dropdown-menu a{
    display:block!important;
    width:100%!important;
    padding:11px 12px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
}
@media(max-width:520px){
  .vp-menu{top:70px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 80px)!important}
}


/* ===== v1.9 categorized navigation + HEIC converters ===== */
.vp-menu{gap:18px}
.vp-dropdown-group{position:relative}
.vp-dropdown-group>.vp-cat-toggle{border:0;background:transparent;padding:10px 0;font:inherit;font-weight:700;color:#344054;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.vp-cat-toggle span{font-size:11px;transition:transform .18s ease}
.vp-dropdown-group.open>.vp-cat-toggle span{transform:rotate(180deg)}
.vp-cat-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);min-width:235px;background:#fff;border:1px solid var(--vp-line);border-radius:14px;box-shadow:0 18px 45px rgba(16,24,40,.14);padding:8px;z-index:110;opacity:0;visibility:hidden;pointer-events:none;transition:.16s}
.vp-cat-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px}
.vp-dropdown-group:hover>.vp-cat-menu,.vp-dropdown-group:focus-within>.vp-cat-menu,.vp-dropdown-group.open>.vp-cat-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.vp-cat-menu a{display:block;padding:10px 12px;border-radius:9px;font-weight:650;white-space:nowrap}
.vp-cat-menu a:hover{background:#f5f3ff;color:var(--vp-primary)}

.vp-heic-shell{width:min(960px,calc(100% - 30px));margin:-30px auto 70px;background:#fff;border:1px solid var(--vp-line);border-radius:24px;box-shadow:var(--vp-shadow);padding:24px;position:relative;z-index:2}
.vp-heic-drop{border:2px dashed #c9bcff;border-radius:18px;padding:38px 22px;text-align:center;background:#fbfaff}
.vp-heic-drop .icon{width:64px;height:64px;border-radius:18px;background:#eee9ff;color:var(--vp-primary);display:grid;place-items:center;margin:0 auto 14px;font-weight:900;font-size:18px}
.vp-heic-drop h3{margin:0 0 8px;font-size:22px}.vp-heic-drop p{margin:0 0 18px;color:var(--vp-muted);line-height:1.55}
.vp-heic-files{display:grid;gap:10px;margin:16px 0}.vp-heic-file{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--vp-line);border-radius:12px;padding:12px 14px;background:#fff}.vp-heic-file small{color:var(--vp-muted)}
.vp-heic-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.vp-heic-option label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.vp-heic-option select{width:100%;padding:12px;border:1px solid var(--vp-line);border-radius:10px;background:#fff}
.vp-heic-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.vp-heic-actions .vp-btn{flex:1;min-width:180px}
.vp-heic-status{display:none;margin-top:15px;padding:14px;border:1px solid var(--vp-line);border-radius:12px;background:#f9fafb}.vp-heic-status.show{display:block}.vp-heic-status .bar{height:7px;background:#e5e7eb;border-radius:999px;margin-top:8px;overflow:hidden}.vp-heic-status .bar span{display:block;height:100%;width:0;background:var(--vp-primary);transition:width .2s}
.vp-heic-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.vp-heic-result{border:1px solid var(--vp-line);border-radius:14px;padding:12px;background:#fff}.vp-heic-result img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f8fafc;border-radius:9px}.vp-heic-result strong{display:block;margin:9px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-heic-result .vp-btn{width:100%;padding:9px 10px;font-size:12px}
.vp-heic-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f8f7ff;border:1px solid #ddd6fe;color:#5b5470;font-size:13px;line-height:1.55}
.vp-seo-copy{width:min(900px,calc(100% - 30px));margin:0 auto 70px}.vp-seo-copy h2{font-size:30px;margin:30px 0 10px}.vp-seo-copy p,.vp-seo-copy li{color:#475467;line-height:1.75;font-size:16px}
@media(max-width:1150px){.vp-menu{gap:10px}.vp-menu>a,.vp-cat-toggle{font-size:14px!important}}
@media(max-width:900px){
  .vp-menu{gap:0!important}
  .vp-dropdown-group{width:100%}
  .vp-dropdown-group>.vp-cat-toggle{width:100%;padding:13px 12px;justify-content:space-between;border-radius:10px;text-align:left}
  .vp-dropdown-group.open>.vp-cat-toggle{background:#f5f3ff;color:var(--vp-primary)}
  .vp-cat-menu,.vp-dropdown-group:hover>.vp-cat-menu,.vp-dropdown-group:focus-within>.vp-cat-menu{display:none;position:static;transform:none;min-width:0;width:100%;opacity:1;visibility:visible;pointer-events:auto;border:0;box-shadow:none;background:#faf9ff;margin:0 0 4px;padding:4px 8px 8px}
  .vp-dropdown-group.open>.vp-cat-menu{display:block!important}
  .vp-cat-menu:before{display:none}.vp-cat-menu a{white-space:normal;padding:11px 12px}
  .vp-heic-options{grid-template-columns:1fr}.vp-heic-results{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){.vp-heic-shell{padding:16px}.vp-heic-drop{padding:28px 14px}.vp-heic-results{grid-template-columns:1fr}.vp-heic-actions .vp-btn{min-width:100%}}


/* ===== v2.0 Presentation/POT converters ===== */
.vp-pres-shell{width:min(960px,calc(100% - 30px));margin:0 auto 48px;background:#fff;border:1px solid var(--vp-line);border-radius:24px;padding:24px;box-shadow:var(--vp-shadow)}
.vp-pres-drop{border:2px dashed #c4b5fd;background:#faf9ff;border-radius:20px;padding:48px 20px;text-align:center}.vp-pres-drop.drag{background:#f3efff;border-color:var(--vp-primary)}
.vp-pres-drop .icon{width:64px;height:64px;border-radius:18px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;margin:0 auto 14px;font-weight:900;font-size:21px}
.vp-pres-files{margin-top:16px}.vp-pres-file{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--vp-line);border-radius:14px;padding:14px}.vp-pres-file strong{display:block}.vp-pres-file small{color:var(--vp-muted)}
.vp-pres-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.vp-pres-option label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.vp-pres-option select{width:100%;height:48px;border:1px solid var(--vp-line);border-radius:12px;padding:0 12px;background:#fff}
.vp-pres-actions{display:flex;gap:10px;flex-wrap:wrap}.vp-pres-actions .vp-btn{flex:1;min-width:180px}
.vp-pres-status{display:none;margin-top:15px;border:1px solid var(--vp-line);border-radius:14px;padding:14px}.vp-pres-status.show{display:block}.vp-pres-status .bar{height:6px;background:#eee;border-radius:99px;margin-top:10px;overflow:hidden}.vp-pres-status .bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vp-primary),var(--vp-primary2));transition:width .2s}
.vp-pres-results{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.vp-pres-result{border:1px solid var(--vp-line);border-radius:14px;padding:14px}.vp-pres-result img{width:100%;border-radius:10px;border:1px solid #eee;margin-bottom:10px}.vp-pres-note{margin-top:18px;background:#faf9ff;border:1px solid #ddd6fe;border-radius:14px;padding:15px;color:#667085;line-height:1.6;font-size:14px}
.vp-pres-hidden-stage{position:fixed;left:-200vw;top:0;width:1280px;pointer-events:none;opacity:.01;z-index:-1}
@media(max-width:720px){.vp-pres-options{grid-template-columns:1fr}.vp-pres-results{grid-template-columns:1fr}.vp-pres-shell{padding:15px}.vp-pres-drop{padding:34px 15px}}


/* ===== v2.1 universal converter menus + 70 converters ===== */
@media(min-width:901px){
  .vp-wrap.vp-nav{width:min(1540px,calc(100% - 24px));height:auto;min-height:76px;padding:8px 0;align-items:flex-start}
  .vp-logo{flex:0 0 auto;margin-top:4px}
  .vp-menu{flex:1;display:flex!important;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px;font-size:12px;line-height:1.2}
  .vp-menu>a,.vp-cat-toggle{padding:8px 7px!important}
  .vp-dropdown-group{position:relative}
  .vp-cat-menu{max-height:460px;overflow:auto;min-width:205px}
}
.vp-pres-card{background:#fff;border:1px solid var(--vp-line);border-radius:24px;box-shadow:var(--vp-shadow);padding:24px;margin:0 auto;max-width:960px}
.vp-pres-drop{border:2px dashed #c7b9ff;border-radius:20px;padding:38px 20px;text-align:center;background:#faf9ff}.vp-pres-icon{width:64px;height:64px;border-radius:18px;background:#ede9fe;color:var(--vp-primary);display:grid;place-items:center;margin:0 auto 14px;font-weight:900}.vp-pres-files{display:grid;gap:8px;margin-top:14px}.vp-pres-file{border:1px solid var(--vp-line);padding:12px 14px;border-radius:12px;display:flex;justify-content:space-between;gap:10px}.vp-pres-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.vp-pres-options label{font-size:12px;font-weight:800}.vp-pres-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.vp-pres-results{display:grid;gap:14px;margin-top:18px}.vp-pres-result{border:1px solid var(--vp-line);border-radius:16px;padding:14px;background:#fff}.vp-pres-result img{max-width:220px;max-height:220px;display:block;margin-bottom:10px;border-radius:8px}.vp-tool-body{padding:0 0 56px}.vp-tool-hero{padding:44px 0 32px;background:linear-gradient(135deg,#eef6ff,#f7f3ff)}.vp-tool-head{text-align:center;max-width:760px;margin:auto}.vp-tool-head h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.04em;margin:12px 0}.vp-tool-head p{color:var(--vp-muted);font-size:17px;line-height:1.65}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:850}
@media(max-width:900px){.vp-pres-options{grid-template-columns:1fr}.vp-pres-actions{grid-template-columns:1fr}.vp-pres-card{padding:14px}.vp-pres-drop{padding:28px 14px}}