body{background:#f7f9fc;color:#1f2937;font-family:tahoma,system-ui,sans-serif}
.navbar-brand{color:#9333ea!important}
.hero{background:linear-gradient(135deg,#9333ea,#2563eb);color:white;border-radius:28px;padding:42px}
.hero h1{font-weight:900}.hero p{font-size:18px;opacity:.94;margin:0;line-height:2}
.panel{background:white;border-radius:24px;padding:30px;box-shadow:0 14px 40px rgba(15,23,42,.08)}
.form-control,.form-select{border-radius:14px;padding:12px;border:1px solid #dbe3ef}
.btn{border-radius:14px}
.drop-zone{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:170px;border:2px dashed #94a3b8;border-radius:22px;background:#f8fafc;cursor:pointer;text-align:center}
.drop-zone.drag{border-color:#9333ea;background:#faf5ff}.drop-zone strong{font-size:22px}.drop-zone span{color:#64748b}
.tips{line-height:2.2;color:#374151}.hint,.empty{background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;border-radius:18px;padding:16px;line-height:2}
pre{white-space:pre-wrap;line-height:2.1;font-family:tahoma,system-ui,sans-serif;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:22px;min-height:360px}
.progress{height:24px;border-radius:16px}