[hidden]{display:none!important}.sp-body{padding-block:var(--space-5)}.sp-app{max-width:62rem;padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-block-start:-6.4rem;position:relative}.sp-drop{align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface-alt);cursor:pointer;display:flex}.sp-drop:hover,.sp-drop:focus-visible,.sp-drop.is-over{outline:3px solid var(--cyan-400)}.sp-drop .icon-tile{border-radius:var(--radius-md);background:var(--navy-800);width:2.8rem;height:2.8rem;color:var(--cyan-300);flex:none;place-items:center;display:grid}.sp-alert{padding:var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--ink-700);white-space:pre-line}.sp-file{gap:var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);margin-block-start:var(--space-3);display:flex}.sp-file>div{gap:.25rem;display:grid}.sp-modes{gap:var(--space-2);margin-block:var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid}.sp-modes legend{font-weight:700}.sp-mode{align-items:start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;grid-template-columns:auto 1fr;display:grid}.sp-mode:has(input:checked){border-color:var(--cyan-600);background:var(--surface-alt)}.sp-mode input{accent-color:var(--cyan-600);margin-block-start:.3rem}.sp-mode span{gap:.3rem;display:grid}.sp-row{margin-block:var(--space-3);gap:.4rem;display:grid}.sp-row input{border:1px solid var(--line);border-radius:var(--radius-md);padding:.6rem .8rem}.sp-label{font-weight:650}.sp-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.sp-actions .btn{flex:10rem;min-height:2.75rem}.sp-progress{gap:var(--space-2);margin-block-start:var(--space-3);display:grid}.sp-progress progress{width:100%}.sp-results{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-alt);margin-block-start:var(--space-4)}.sp-results h2{margin-block-start:0}.sp-queue{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.sp-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.sp-meta{gap:.25rem;min-width:0;display:grid}.sp-name{overflow-wrap:anywhere;font-weight:650}.sp-card-actions{gap:.35rem;display:flex}@media (width<=40em){.sp-app{padding:var(--space-3)}.sp-card{grid-template-columns:1fr}.sp-card-actions{justify-content:flex-start}.sp-file{flex-direction:column}}