:root{--bg:#0b0f17;--panel:#131a26;--panel-2:#1a2333;--border:#25304a;--accent:#5b8cff;--accent-2:#7c5cff;--text:#e7edf7;--muted:#93a1bd;--good:#3ddc97;--bad:#ff6b6b;--radius:16px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 800px at 50% -10%, #1b2540 0%, var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased;justify-content:center;padding:48px 20px;display:flex}#app{flex-direction:column;gap:22px;width:100%;max-width:620px;display:flex}.hero{text-align:center}.hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:2.4rem}.tagline{color:var(--muted);max-width:520px;margin:0 auto 12px;font-size:1.02rem;line-height:1.5}.tagline strong{color:var(--text)}.privacy{color:var(--good);margin:0;font-size:.9rem}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--panel);text-align:center;cursor:pointer;outline:none;padding:48px 24px;transition:border-color .15s,background .15s,transform 50ms}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);background:var(--panel-2)}.dropzone.dragover{border-color:var(--accent);background:var(--panel-2);transform:scale(1.01)}.dropzone-icon{margin-bottom:8px;font-size:2.6rem}.dropzone-title{margin:4px 0;font-size:1.15rem;font-weight:600}.dropzone-sub{color:var(--muted);margin:0;font-size:.92rem}.file-card,.progress-card,.result-card,.error-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:16px;padding:24px;display:flex}.result-card,.error-card{text-align:center;align-items:center}.file-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.file-name{word-break:break-all;font-weight:600}.file-size{color:var(--muted);white-space:nowrap;font-size:.9rem}.primary-btn{appearance:none;cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;text-align:center;border:none;border-radius:12px;padding:14px 18px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:filter .15s,transform 50ms}.primary-btn:hover{filter:brightness(1.08)}.primary-btn:active{transform:translateY(1px)}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.ghost-btn{appearance:none;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:10px 14px;font-size:.92rem;transition:border-color .15s,color .15s}.ghost-btn:hover{border-color:var(--accent);color:var(--text)}.progress-bar{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0%;height:100%;transition:width .2s}.progress-label{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.92rem}.result-icon{font-size:2.6rem}.result-title,.error-title{margin:0;font-size:1.15rem;font-weight:700}.result-stats{width:100%;color:var(--muted);gap:6px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.result-stats li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 2px;display:flex}.result-stats li span:last-child{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.metadata-compare{text-align:left;grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}@media (width<=520px){.metadata-compare{grid-template-columns:1fr}}.md-col{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;min-width:0;padding:12px 14px}.md-head{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;font-size:.72rem;font-weight:700;display:flex}.md-badge{font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 9px;font-size:.74rem;font-weight:800}.md-badge-bad{background:color-mix(in srgb, var(--bad) 22%, transparent);color:var(--bad)}.md-badge-good{background:color-mix(in srgb, var(--good) 22%, transparent);color:var(--good)}.md-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.md-list li{flex-direction:column;gap:1px;min-width:0;display:flex}.md-key{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.md-val{color:var(--text);word-break:break-word;font-size:.86rem}.md-empty{color:var(--good);font-size:.88rem;font-weight:600}.error-card{border-color:color-mix(in srgb, var(--bad) 50%, var(--border))}.error-message{color:var(--bad);word-break:break-word;margin:0;font-size:.92rem}.footer{text-align:center;color:var(--muted);margin-top:8px;font-size:.85rem}.footer a{color:var(--accent);text-decoration:none}.hidden{display:none!important}