/* VNLIKE AI Metadata Cleaner. Standalone, no external CSS or fonts. */
:root{color-scheme:dark;--bg:#070c19;--bg2:#0c1325;--surface:#111b34;--surface2:#141f3c;--ink:#f3f5ff;--muted:#91a1c3;--edge:#293554;--violet:#8470ff;--aqua:#62e2d3;--warn:#eabf83;--good:#69e6b2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.47;cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:2px solid #a09bff;outline-offset:3px}
body:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:580px;pointer-events:none;background:radial-gradient(ellipse 600px 320px at 18% 0%,rgba(92,75,225,.22),transparent 80%),radial-gradient(ellipse 600px 330px at 88% 2%,rgba(18,142,171,.09),transparent 70%),linear-gradient(180deg,#0e1227,var(--bg))}
.vnl-page{max-width:1240px;margin:auto;padding:0 24px}.vnl-top{min-height:83px;border-bottom:1px solid rgba(167,190,255,.13);display:flex;align-items:center;justify-content:space-between;gap:20px}.vnl-brand{display:flex;align-items:center;gap:10px;min-width:0}.vnl-brand-logo{display:block;width:auto;height:46px;max-width:210px;object-fit:contain;flex-shrink:1}.vnl-brand-tag{font-size:9px;font-weight:850;letter-spacing:1px;color:#9eaafc;padding:3px 8px;border:1px solid #37375d;border-radius:30px;margin-left:8px}.vnl-back{font-size:12px;color:#b8c4e0;padding:10px 16px;border:1px solid #303c5d;background:#12192c;border-radius:11px}.vnl-back:hover{border-color:#7566dd;color:white}
.vnl-hero{padding:59px 0 33px;max-width:850px}.vnl-eyebrow{font-size:10px;letter-spacing:2px;color:#a5b4fa;font-weight:800;display:flex;align-items:center;gap:9px}.vnl-live{width:7px;height:7px;border-radius:50%;background:#47dbb9;box-shadow:0 0 10px #47dbb983}.vnl-hero h1{font-size:clamp(38px,5.1vw,66px);letter-spacing:-3px;line-height:1.12;margin:15px 0 16px;font-weight:900}.vnl-hero h1 span{background:linear-gradient(120deg,#9c8fff 10%,#abceff 56%,#65e0d1);background-clip:text;-webkit-background-clip:text;color:transparent}.vnl-hero>p{font-size:14px;line-height:1.82;color:#a8b9d8;max-width:770px;margin:0}.vnl-hero>p strong{color:#dbe7ff;font-weight:650}.vnl-trust{margin-top:22px;display:flex;flex-wrap:wrap;gap:9px}.vnl-trust span{font-size:11px;color:#b3c0e6;background:rgba(25,33,60,.75);border:1px solid #33405f;padding:8px 12px;border-radius:9px}
.vnl-columns{display:grid;grid-template-columns:1.06fr .94fr;gap:17px}.vnl-panel{background:linear-gradient(145deg,rgba(22,33,61,.94),rgba(12,20,40,.98));border:1px solid #303b61;border-radius:21px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.vnl-upload-panel,.vnl-settings{padding:25px}.vnl-section-head{display:flex;align-items:center;gap:13px;margin-bottom:22px}.vnl-step{background:#2c305f;border:1px solid #4d4b99;border-radius:11px;color:#d0cbff;font-size:11px;font-weight:800;flex:0 0 37px;height:37px;display:grid;place-items:center}.vnl-section-head h2{font-size:18px;margin:0 0 1px;letter-spacing:-.35px;line-height:1.25}.vnl-section-head p{font-size:11px;color:#8da0bf;margin:0}
.vnl-drop{border:1.5px dashed #5767a3;border-radius:18px;min-height:287px;background:linear-gradient(160deg,rgba(71,70,170,.1),rgba(7,17,38,.35));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;transition:border-color .2s,background .2s}.vnl-drop:hover,.vnl-drop.is-drag{border-color:#aba2ff;background:#31306150}.vnl-upload-icon{width:67px;height:67px;border-radius:20px;background:#2c2b64;border:1px solid #534da7;display:grid;place-items:center;color:#b6b5ff;margin-bottom:10px}.vnl-upload-icon svg{width:29px}.vnl-drop strong{font-size:17px}.vnl-drop>span{font-size:12px;color:#8fa1c0}.vnl-pick-btn{margin-top:12px;border:0;border-radius:11px;padding:10px 20px;color:white;font-weight:700;font-size:12px;background:linear-gradient(125deg,#6862ea,#8d5ce6);box-shadow:0 7px 22px #382c9a46}.vnl-format-line{display:flex;align-items:center;gap:5px;margin-top:17px;flex-wrap:wrap}.vnl-format-line>span{padding:3px 9px;border:1px solid #3a4165;border-radius:6px;font-size:9px;letter-spacing:.5px;font-weight:900;color:#a7b4de}.vnl-format-line>small{margin-left:auto;font-size:9px;color:#7588ac}
.vnl-radio-stack{display:grid;gap:10px}.vnl-mode{position:relative;display:flex;align-items:center;gap:12px;padding:16px 13px;border:1px solid #344265;border-radius:14px;background:#0f172e;cursor:pointer;min-height:76px}.vnl-mode:has(input:checked){border-color:#8e83ff;background:linear-gradient(110deg,#322d65ad,#161f3a);box-shadow:inset 0 0 0 1px #7169ef3b}.vnl-mode input{position:absolute;width:1px;height:1px;opacity:0}.vnl-mode-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;flex:0 0 37px;font-size:17px;color:#c4c1ff;background:#39325e}.vnl-mode>span:nth-of-type(2){display:grid;gap:2px;min-width:0;flex:1}.vnl-mode strong{font-size:13px}.vnl-mode small{color:#90a0c3;font-size:10px;line-height:1.35}.vnl-mode i{width:17px;height:17px;flex:0 0 17px;border-radius:50%;border:2px solid #647095;position:relative}.vnl-mode:has(input:checked) i{border-color:#a9a1ff}.vnl-mode:has(input:checked) i:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#a9a1ff}.vnl-warning{font-size:10px;line-height:1.6;margin:17px 0 0;color:#d5b98e;background:#d69d3a0a;border:1px solid #a77d4430;padding:10px 12px;border-radius:10px}
.vnl-results-section{margin-top:19px;padding:24px}.vnl-results-title .vnl-section-head{margin-bottom:18px}.vnl-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.vnl-btn{border-radius:10px;padding:12px 16px;font-size:12px;font-weight:800;border:1px solid #404a71;color:#e4eaff;background:#162443;transition:border-color .16s}.vnl-btn:not(:disabled):hover{border-color:#9b9cf2}.vnl-primary{background:linear-gradient(125deg,#6b62ea,#865ae3);border-color:transparent;color:white}.vnl-text{background:transparent;border-color:transparent;color:#91a2c1}.vnl-feedback{font-size:11px;color:#9fadcd;margin:16px 2px}.vnl-feedback[data-error="1"]{color:#ffabb3}.vnl-empty{text-align:center;border:1px dashed #2c3d5d;background:#0e172b;border-radius:12px;padding:30px 12px;color:#b5c3e1;font-weight:650;font-size:13px}.vnl-empty span{display:block;font-weight:400;color:#8698b9;margin-top:6px;font-size:11px}
.vnl-results-list{display:grid;gap:11px}.vnl-result{background:linear-gradient(140deg,#121c33,#0c1629);border:1px solid #2e3b5a;border-radius:13px;padding:15px}.vnl-result-head{display:flex;align-items:center;gap:11px}.vnl-file-icon{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;background:#2e2a59;border:1px solid #6156a7;border-radius:11px;color:#bdc6ff;font-size:9px;font-weight:900}.vnl-file-name{min-width:0;flex:1;display:flex;flex-direction:column}.vnl-file-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.vnl-file-name small{font-size:10px;color:#8398bc;margin-top:2px}.vnl-small-btn{background:#253155;border:1px solid #45547c;padding:8px 13px;border-radius:8px;color:#dde8ff;font-size:10px;font-weight:700}.vnl-small-btn:hover{border-color:#7e82ef}.vnl-small-muted{background:transparent;color:#99a9c8;border-color:transparent}.vnl-result-flags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 1px}.vnl-chip{font-size:9px;font-weight:700;border:1px solid #6655a8;background:#47377170;color:#d8ccff;border-radius:6px;padding:4px 7px}.vnl-tag-quiet{background:#1c2843;border-color:#2b3d61;color:#a9b7d5}.vnl-tag-ai{background:#65295585;border-color:#b74687;color:#ffd9ec}.vnl-tag-good{background:#164d46a1;border-color:#26796b;color:#93f0c8}.vnl-tag-error{border-color:#a13e49;background:#592c3c;color:#ffccd2}.vnl-details{margin:14px 0 0;border-top:1px solid #2c3854;padding-top:12px}.vnl-details summary{cursor:pointer;color:#bac9e6;font-size:10px}.vnl-detail-content{margin-top:10px;background:#090f20;padding:10px 12px;border-radius:9px}.vnl-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #26334d;font-size:10px;color:#b5c3e1}.vnl-meta-row:last-child{border-bottom:none}.vnl-meta-row span:last-child{color:#b3a5fc;text-align:right}.vnl-note{margin:7px 0;color:#d9b68b;font-size:10px}.vnl-result-actions{margin-top:12px}.vnl-result-actions .vnl-small-btn{border-color:#6d73bc;background:#323d71}.vnl-how{padding:38px 0 30px}.vnl-how h2{font-size:19px;margin:0 0 20px}.vnl-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vnl-how-grid>div{padding:18px 17px;border:1px solid #283451;background:#10192d;border-radius:13px;display:flex;flex-direction:column;gap:8px}.vnl-how-grid b{font-size:12px;color:#e9edff}.vnl-how-grid span{font-size:11px;color:#94a6c6}.vnl-how>p{font-size:11px;color:#8497b7;line-height:1.7;margin-top:18px}.vnl-how>p strong{color:#b5c4e1}.vnl-footer{padding:17px 0 26px;border-top:1px solid #202d49;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#7283a4}
@media(max-width:860px){.vnl-columns{grid-template-columns:1fr}.vnl-page{padding:0 18px}.vnl-hero{padding-top:43px}.vnl-drop{min-height:218px}.vnl-how-grid{grid-template-columns:1fr}.vnl-radio-stack{gap:8px}}
@media(max-width:540px){.vnl-page{padding:0 13px}.vnl-top{min-height:68px}.vnl-brand-tag{display:none}.vnl-brand-logo{height:39px;max-width:min(158px,47vw)}.vnl-back{font-size:10px;padding:9px 11px}.vnl-hero{padding:36px 3px 26px}.vnl-hero h1{letter-spacing:-1.8px;font-size:39px;line-height:1.13}.vnl-hero>p{font-size:12px;line-height:1.75}.vnl-eyebrow{font-size:8px;letter-spacing:1.3px}.vnl-trust{gap:6px;margin-top:17px}.vnl-trust span{font-size:9px;padding:6px 8px}.vnl-panel{border-radius:15px}.vnl-upload-panel,.vnl-settings,.vnl-results-section{padding:15px}.vnl-section-head{gap:9px;margin-bottom:14px}.vnl-section-head h2{font-size:15px}.vnl-section-head p{font-size:10px}.vnl-step{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:9px}.vnl-drop{min-height:220px}.vnl-format-line>small{width:100%;margin-top:4px}.vnl-mode{min-height:71px;padding:10px}.vnl-mode small{font-size:9px}.vnl-warning{font-size:10px}.vnl-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vnl-actions .vnl-btn{min-width:0;padding:11px 6px;font-size:10px}.vnl-result{padding:11px}.vnl-small-btn{padding:7px}.vnl-file-icon{width:40px;height:40px;flex-basis:40px}.vnl-how{padding:30px 0}.vnl-footer{flex-direction:column;gap:5px}.vnl-meta-row{align-items:flex-start;flex-direction:column;gap:4px}.vnl-meta-row span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Single-file mode: three actions, no batch ZIP. */
@media(max-width:540px){.vnl-actions{grid-template-columns:1fr 1fr}.vnl-actions .vnl-primary{grid-column:span 1}}

@media(max-width:540px){#cleanClearBtn{grid-column:span 2}}
