:root{--hero1:#0d6efd;--hero2:#6610f2;}
.hero{background:linear-gradient(135deg, rgba(13,110,253,.10), rgba(102,16,242,.10));border:1px solid rgba(0,0,0,.06)}
.feature{padding:14px 16px;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff}
.upload-box{border:2px dashed rgba(13,110,253,.25);border-radius:14px;padding:14px;background:rgba(13,110,253,.03)}
.content h2{color:#111;margin-top:1.25rem}
.content a{color:#0d6efd}

/* Uploader */
.dropzone{border:2px dashed rgba(13,110,253,.25);border-radius:14px;padding:18px;background:rgba(13,110,253,.02);cursor:pointer}
.dropzone.is-dragover{border-color:#6610f2;background:rgba(102,16,242,.06)}
.u-list{display:grid;gap:10px}
.u-file{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}
.u-file.dragging{opacity:.6}
.u-handle{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:#64748b;user-select:none}
.u-meta{flex:1;min-width:0}
.u-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.u-size{color:#64748b;font-size:12px}