:root{color:#112033;background:#f5f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(1120px,92vw);margin:0 auto;padding:48px 0}.hero{text-align:center;margin-bottom:28px}.pill{color:#0b54bb;background:#e7f0ff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.hero h1{color:#06152b;letter-spacing:-.05em;margin:18px 0 12px;font-size:clamp(36px,6vw,68px);line-height:.95}.hero p{color:#526276;max-width:760px;margin:0 auto;font-size:20px}.grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.card{background:#fff;border:1px solid #dde7f3;border-radius:28px;padding:26px;box-shadow:0 20px 70px #2640661f}.card h2{margin-top:0}.drop{text-align:center;cursor:pointer;background:#f8fbff;border:2px dashed #93b4e8;border-radius:22px;place-items:center;min-height:190px;padding:24px;transition:all .2s;display:grid}.drop:hover{background:#eef6ff;border-color:#1f70e0}.drop span{color:#6d7c8e;margin-top:8px;display:block}.error{color:#b42318;background:#fff0f0;border:1px solid #ffc9c3;border-radius:14px;padding:12px}.preview{align-items:center;gap:16px;margin-top:18px;display:flex}.preview img{object-fit:cover;border:1px solid #e0e6ef;border-radius:24px;width:110px;height:110px}.ok{color:#07814d;font-weight:800}.warn{color:#a86400;font-weight:800}label{color:#1b2a3f;gap:8px;margin:14px 0;font-weight:700;display:grid}select,input[type=color]{background:#fff;border:1px solid #cfd9e6;border-radius:14px;height:46px;padding:0 12px}.check{align-items:center;gap:10px;font-weight:600;display:flex}button,.download{color:#fff;cursor:pointer;background:#1266e3;border:0;border-radius:16px;place-items:center;width:100%;min-height:50px;margin-top:16px;font-size:16px;font-weight:900;text-decoration:none;display:grid}button:disabled{cursor:not-allowed;background:#9aaabd}.secondary{color:#163b68;background:#edf3fb}.result{background:#f3fff8;border:1px solid #b8efcd;border-radius:18px;margin-top:18px;padding:16px}.instructions{margin-top:22px}.privacy{color:#07814d;font-weight:800}code{background:#eef3f8;border-radius:6px;padding:2px 6px}@media (width<=800px){main{padding:30px 0}.grid{grid-template-columns:1fr}.hero p{font-size:17px}.card{border-radius:22px;padding:20px}}