/* Styles */
.sc-hdu-form { max-width: 640px; margin: 0 auto; padding: 12px; }
.sc-hdu-field { margin-bottom: 10px; }
.sc-hdu-field label { display:block; font-weight:600; margin-bottom:6px; }
.sc-hdu-field input[type="file"] { width:100%; }
.sc-hdu-btn { display:inline-block; padding:10px 16px; border:0; border-radius:8px; background:#445; color:#fff; cursor:pointer; font-weight:600; }
.sc-hdu-btn[disabled]{ opacity:.6; cursor:not-allowed; }
.sc-hdu-alert { margin:10px 0; padding:10px 12px; border-radius:8px; }
.sc-hdu-success { background:#ecfdf5; color:#065f46; }
.sc-hdu-error   { background:#fee2e2; color:#7f1d1d; }
.sc-hdu-warn    { background:#fff7ed; color:#7c2d12; }
.sc-hdu-info    { background:#eff6ff; color:#1e3a8a; }
.sc-hdu-list { margin:6px 0 12px 16px; }
.sc-hdu-list-failed li { text-decoration: line-through; }
.sc-hdu-progress { position:relative; width:100%; height:10px; background:#edf2f7; border-radius:999px; overflow:hidden; margin:12px 0 6px; }
.sc-hdu-progress-bar { height:100%; width:0%; background:linear-gradient(90deg,#4a5675,#6b7aa8); transition:width .2s ease; }
.sc-hdu-progress-pct { font-size:13px; opacity:.85; }
.sc-hdu-status { font-size:14px; margin:6px 0 10px; }
.sc-hdu-mobile-hint { font-size:12px; opacity:.7; margin-top:6px; }