:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0d1117;--foreground:#f2f6fc;--muted:#9ca3af;--card:#151b23;--card-border:#273142;--accent:#7c3aed;--accent-strong:#8b5cf6;--danger:#fb7185}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #7c3aed47, transparent 34rem), var(--background);min-height:100vh;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{border:0}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:56px 0}.hero{gap:16px;margin-bottom:32px;display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}h1{max-width:780px;margin:0;font-size:clamp(36px,6vw,72px);line-height:.98}.lead{max-width:760px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.panel{border:1px solid var(--card-border);background:#151b23d1;border-radius:28px;gap:24px;padding:24px;display:grid;box-shadow:0 24px 80px #00000047}.drop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.drop-card{gap:14px;display:grid}.drop-card h2{margin:0;font-size:20px}.dropzone{min-height:300px;color:var(--muted);cursor:pointer;background:#ffffff09;border:1px dashed #4b5563;border-radius:24px;outline:none;place-items:center;padding:24px;transition:border-color .16s,background .16s,transform .16s;display:grid}.dropzone:hover,.dropzone.active{border-color:var(--accent-strong);background:#7c3aed1f;transform:translateY(-1px)}.preview{object-fit:cover;border-radius:18px;width:100%;max-height:420px}.placeholder{text-align:center;gap:10px;display:grid}.placeholder strong{color:var(--foreground);font-size:18px}.helper{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.consent{color:#d1d5db;align-items:flex-start;gap:10px;line-height:1.5;display:flex}.consent input{width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary{background:linear-gradient(135deg, var(--accent), #db2777);color:#fff;cursor:pointer;border-radius:999px;padding:14px 22px;font-weight:800}.primary:disabled{cursor:not-allowed;opacity:.55}.secondary{border:1px solid var(--card-border);width:fit-content;color:var(--foreground);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:12px 18px;font-weight:800}.secondary:hover{border-color:var(--accent-strong);background:#7c3aed24}.status{color:var(--muted)}.error{color:var(--danger)}.result{gap:14px;display:grid}.result h2{margin:0}.result img{border:1px solid var(--card-border);border-radius:24px;width:min(720px,100%)}.test-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.test-list li{border:1px solid var(--card-border);background:#ffffff0a;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.test-list span{color:var(--muted);font-size:14px}@media (max-width:760px){.drop-grid{grid-template-columns:1fr}.page{padding:32px 0}}