*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17212b;font-family:Segoe UI,Arial,sans-serif}header{background:linear-gradient(135deg,#062a50,#0b477d);color:#fff;padding:18px max(24px,calc((100% - 1100px)/2));display:flex;gap:14px;align-items:center}header img{width:54px;height:54px}h1{margin:0;font-size:24px}header p{margin:4px 0 0;opacity:.85}main{max-width:1100px;margin:24px auto;padding:0 20px}.card,.privacy{background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 8px #0001}.privacy{display:flex;gap:18px;border-left:5px solid #13a86b}.privacy span{color:#53606b}h2{font-size:18px;margin:0 0 15px}.drop{border:2px dashed #9cb2c6;border-radius:10px;padding:30px;text-align:center;display:flex;gap:12px;align-items:center;justify-content:center}.drop.over{background:#edf7ff}.button,button{border:1px solid #aebdca;background:#fff;border-radius:7px;padding:8px 13px;cursor:pointer;font:inherit}.button,.primary{background:#0869b5;color:#fff;border-color:#0869b5}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.filelist,.fields{margin-top:12px;border:1px solid #dbe2e8;border-radius:7px;max-height:330px;overflow:auto}.fileitem,.field{padding:8px 10px;border-bottom:1px solid #edf0f2;display:flex;gap:10px;align-items:center}.selected{background:#eaf4ff}.enc{margin-left:auto;color:#61717f;font-size:12px}.muted{color:#6c7882;padding:12px}.fieldtools{display:grid;grid-template-columns:1fr auto auto auto auto;gap:7px}input,select{font:inherit;border:1px solid #b8c5cf;border-radius:6px;padding:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid label{display:flex;gap:8px;align-items:center}.status{margin-top:14px;padding:10px;background:#f3f6f8;border-radius:7px;white-space:pre-wrap}.error{background:#fff0f0;color:#9b1c1c}footer{text-align:center;color:#6d7880;padding:25px}@media(max-width:700px){.grid{grid-template-columns:1fr}.privacy,.drop{flex-direction:column}}