.spdf-dropzone { display:flex; flex-direction:column; align-items:center; text-align:center; padding:var(--sp-16) var(--sp-8); border:1px dashed var(--border-strong); border-radius:var(--r-lg); background:var(--surface-50); cursor:pointer; transition:border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease); }.spdf-dropzone:hover,.spdf-dropzone:focus-visible,.spdf-dropzone.spdf-dragover { border-color:var(--brand-600); background:var(--brand-50); outline:none; }.spdf-dropzone h4 { font-size:var(--fs-16); }.spdf-dropzone p { font-size:var(--fs-13); color:var(--ink-400); margin-top:var(--sp-2); }
.spdf-format-badge { display:inline-flex; margin-top:var(--sp-4); padding:4px 10px; border-radius:var(--r-pill); background:var(--surface-200); color:var(--ink-600); font-size:var(--fs-12); font-weight:700; letter-spacing:.03em; }
.spdf-file-row { display:flex; align-items:center; gap:var(--sp-4); margin-top:var(--sp-6); padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--r-md); background:var(--surface-50); }.spdf-file-icon { width:52px; height:52px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:var(--r-md); background:var(--brand-100); color:var(--brand-700); }.spdf-file-icon svg { width:24px; height:24px; }.spdf-file-meta { min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }.spdf-file-meta strong { font-size:var(--fs-14); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.spdf-file-meta span { font-size:var(--fs-12); color:var(--ink-400); }
.spdf-methods { border:0; margin:var(--sp-6) 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-3); }.spdf-methods legend { font-size:var(--fs-14); font-weight:700; color:var(--ink-700); margin-bottom:var(--sp-3); }.spdf-method { display:flex; gap:var(--sp-3); padding:var(--sp-4); border:1px solid var(--border); border-radius:var(--r-md); cursor:pointer; background:var(--surface-50); }.spdf-method.active { border-color:var(--brand-500); background:var(--brand-50); }.spdf-method input { margin-top:3px; accent-color:var(--brand-600); }.spdf-method span { display:flex; flex-direction:column; gap:3px; }.spdf-method strong { font-size:var(--fs-14); }.spdf-method small { font-size:var(--fs-12); color:var(--ink-400); line-height:1.4; }
.spdf-range-field { margin-top:var(--sp-5); }.spdf-range-field label { display:block; font-size:var(--fs-13); font-weight:700; color:var(--ink-700); margin-bottom:var(--sp-2); }.spdf-range-field p { font-size:var(--fs-12); color:var(--ink-400); margin-top:var(--sp-2); }.spdf-actions { margin-top:var(--sp-5); }.spdf-message { display:none; margin-top:var(--sp-4); padding:var(--sp-3) var(--sp-4); border-radius:var(--r-md); font-size:var(--fs-13); }.spdf-message.error { display:block; background:#fff1f1; color:#9b1c1c; border:1px solid #f0b8b8; }.spdf-message.success { display:block; background:#effbf3; color:#176b38; border:1px solid #b9e5c8; }
.spdf-processing { margin-top:var(--sp-5); }.spdf-spinner { width:32px; height:32px; margin:0 auto var(--sp-4); border:3px solid var(--border); border-top-color:var(--brand-600); border-radius:50%; animation:spdf-spin .8s linear infinite; }@keyframes spdf-spin { to { transform:rotate(360deg); } }.spdf-downloads { margin-top:var(--sp-5); }.spdf-download-list { display:grid; gap:var(--sp-3); margin-top:var(--sp-4); }.spdf-download-row { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); padding:var(--sp-3) var(--sp-4); border:1px solid var(--border); border-radius:var(--r-md); background:var(--surface-50); }.spdf-download-row span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--fs-13); font-weight:600; }
.spdf-note { margin-top:var(--sp-5); padding:var(--sp-4) var(--sp-5); border-radius:var(--r-md); background:var(--surface-50); border:1px solid var(--border); }.spdf-note p { font-size:var(--fs-13); color:var(--ink-400); }@media(max-width:700px){.spdf-methods{grid-template-columns:1fr}.spdf-download-row{align-items:flex-start;flex-direction:column}}