.sqi:not(.sqi-theme-original) { box-sizing:border-box; padding:28px; background:#fff; color:#243046; border:1px solid #e2e6ed; border-radius:20px; box-shadow:0 14px 40px #1734570d; font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; width:100%; min-width:0 }
.sqi:not(.sqi-theme-original) *, .sqi:not(.sqi-theme-original) *::before, .sqi:not(.sqi-theme-original) *::after { box-sizing:border-box }
.sqi:not(.sqi-theme-original) [hidden] { display:none!important }
.sqi:not(.sqi-theme-original) .sqi-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:22px }
.sqi:not(.sqi-theme-original) .sqi-kicker { font-size:10px; font-weight:750; letter-spacing:1.1px; color:#607087 }
.sqi:not(.sqi-theme-original) h3 { font-size:22px; line-height:1.25; margin:5px 0 0; color:#172b46; font-weight:700 }
.sqi:not(.sqi-theme-original) .sqi-secure { font-size:12px; color:#16885a; border:1px solid #dcefe6; border-radius:20px; padding:4px 10px; background:#f4fbf7 }
.sqi:not(.sqi-theme-original) button { font:inherit; cursor:pointer; text-transform:none; letter-spacing:normal; transition:background .15s; margin:0 }
.sqi:not(.sqi-theme-original) button:disabled { cursor:wait; opacity:.65 }
.sqi:not(.sqi-theme-original) button:focus-visible,.sqi:not(.sqi-theme-original) a:focus-visible { outline:3px solid #7fbaff; outline-offset:3px }
.sqi:not(.sqi-theme-original) .sqi-input { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; clip-path:inset(50%) }
.sqi:not(.sqi-theme-original) .sqi-drop { width:100%; display:flex; flex-direction:column; align-items:center; gap:7px; padding:27px 15px; border:1.5px dashed #aebdd1; background:#f8fafc; border-radius:12px; color:#53657b; text-align:center }
.sqi:not(.sqi-theme-original) .sqi-drop strong { color:#203d61; font-size:16px }
.sqi:not(.sqi-theme-original) .sqi-drop span:not(.sqi-upload-icon) { font-size:12px }
.sqi:not(.sqi-theme-original) .sqi-drop small { font-size:11px }
.sqi:not(.sqi-theme-original) .sqi-drop.is-dragging,.sqi:not(.sqi-theme-original) .sqi-drop:hover { border-color:#1777d3; background:#edf6ff }
.sqi:not(.sqi-theme-original) .sqi-upload-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#e9f2fc; color:#1973c8; font-size:28px; margin-bottom:4px }
.sqi:not(.sqi-theme-original) .sqi-files { list-style:none; padding:0; margin:0; display:grid; gap:9px; max-height:370px; overflow:auto }
.sqi:not(.sqi-theme-original) .sqi-file { display:grid; grid-template-columns:minmax(0,1fr) 30px; gap:7px; border:1px solid #e0e7ef; background:#f8fafc; border-radius:9px; padding:12px }
.sqi:not(.sqi-theme-original) .sqi-file-name { display:block; font-size:13px; color:#263b58; overflow-wrap:anywhere; font-weight:650 }
.sqi:not(.sqi-theme-original) .sqi-file-meta { display:block; color:#62748a; font-size:12px; margin-top:3px }
.sqi:not(.sqi-theme-original) .sqi-file.is-failed { border-color:#eac0c0; background:#fff7f7 }
.sqi:not(.sqi-theme-original) .sqi-remove { padding:0; border:0; background:transparent; color:#65758a; align-self:start; width:28px; height:28px; font-size:23px; border-radius:5px }
.sqi:not(.sqi-theme-original) progress { width:100%; height:5px; grid-column:1/-1; accent-color:#1681d8 }
.sqi:not(.sqi-theme-original) .sqi-add,.sqi:not(.sqi-theme-original) .sqi-restart { border:0; padding:9px 0; color:#196bb6; background:transparent; font-size:13px }
.sqi:not(.sqi-theme-original) .sqi-continue { width:100%; padding:13px 16px; background:#087cda; border:1px solid #087cda; border-radius:9px; color:white; font-weight:650 }
.sqi:not(.sqi-theme-original) .sqi-continue:hover:not(:disabled) { background:#0667b7 }
.sqi:not(.sqi-theme-original) .sqi-limits,.sqi:not(.sqi-theme-original) .sqi-status { font-size:11px; text-align:center; color:#697a8d; margin:11px 0 }
.sqi:not(.sqi-theme-original) .sqi-error { font-size:13px; color:#a12626; padding:10px 12px; border-radius:7px; background:#fff0f0; overflow-wrap:anywhere; margin:10px 0 }
.sqi:not(.sqi-theme-original) .sqi-fallback { display:block; text-align:center; color:#537698; font-size:12px; text-decoration:underline }
@media(max-width:480px) { .sqi:not(.sqi-theme-original) { padding:20px 16px; border-radius:14px } .sqi:not(.sqi-theme-original) h3 { font-size:20px } .sqi:not(.sqi-theme-original) .sqi-heading { gap:8px } }

/* The marketing page owns the original card design. Only functional states are added here. */
.sqi-theme-original [hidden] { display:none!important }
.sqi-theme-original .sqi-files { list-style:none; padding:0; margin:0 }
.sqi-theme-original .sqi-file { list-style:none; margin:0 }
.sqi-theme-original .sqi-selected { max-height:400px; overflow:auto }
.sqi-theme-original progress { width:100%; height:5px; grid-column:1/-1; accent-color:var(--stepes-primary,#C11D63) }
.sqi-theme-original .sqi-file.is-failed { background:#fff4f5 }
.sqi-theme-original button:disabled { cursor:wait; opacity:.65 }
.sqi-theme-original .sqi-error { margin-top:12px; padding:12px 14px; border-radius:14px; background:#fff0f0; color:#a12626; font-size:14px; overflow-wrap:anywhere }
.sqi-theme-original .sqi-restart { display:block; margin:12px auto 0; border:0; background:none; color:var(--stepes-primary,#C11D63); font:inherit; cursor:pointer }
.sqi-theme-original .sqi-fallback { display:block; margin-top:10px; text-align:center; font-size:14px; color:var(--stepes-primary,#C11D63); text-decoration:underline }