.demo[data-v-f80c762a]{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.drop-zone[data-v-f80c762a]{border:2px dashed var(--docs-color-border,#d1d5db);cursor:pointer;width:100%;max-width:22.5rem;height:4.5rem;color:var(--docs-color-text-soft,#6b7280);border-radius:8px;justify-content:center;align-items:center;font-size:.875rem;transition:border-color .15s,background .15s;display:flex}.drop-zone.over[data-v-f80c762a],.drop-zone[data-v-f80c762a]: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)}.drop-zone.pending[data-v-f80c762a]{pointer-events:none;opacity:.7}.grid[data-v-f80c762a]{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.thumb[data-v-f80c762a]{border:1px solid var(--docs-color-border,#e5e7eb);border-radius:6px;width:5rem;height:5rem;overflow:hidden}.thumb img[data-v-f80c762a]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}