.demo[data-v-b1fed07d]{flex-direction:column;align-items:center;gap:.75rem;display:flex}.drop-zone[data-v-b1fed07d]{border:2px dashed var(--docs-color-border,#d1d5db);cursor:pointer;width:20rem;height:7.5rem;color:var(--docs-color-text-soft,#6b7280);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;transition:border-color .15s,background .15s;display:flex}.drop-zone.over[data-v-b1fed07d],.drop-zone[data-v-b1fed07d]:hover{border-color:var(--docs-color-primary,#3b82f6);background:color-mix(in srgb,var(--docs-color-primary,#3b82f6) 5%,transparent);color:var(--docs-color-primary,#3b82f6)}.progress-wrap[data-v-b1fed07d]{flex-direction:column;gap:.5rem;width:100%;display:flex}.progress-bar[data-v-b1fed07d]{background:var(--docs-color-border,#e5e7eb);border-radius:3px;width:100%;height:.375rem;overflow:hidden}.bar[data-v-b1fed07d]{background:var(--docs-color-primary,#3b82f6);border-radius:3px;height:100%;transition:width .25s}.label[data-v-b1fed07d]{color:var(--docs-color-text-soft,#6b7280);text-align:center;font-size:.8125rem}.result[data-v-b1fed07d]{color:var(--docs-color-text-soft,#6b7280);text-align:center;font-size:.8125rem}.result p[data-v-b1fed07d]{margin:.2rem 0}