.qq-drop-card{container-type:inline-size;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:14px;color:hsl(var(--foreground))}.qq-circle{width:34px;height:34px;border:1px solid hsl(var(--border));border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--background));flex-shrink:0}.qq-circle:hover{background:hsl(var(--secondary))}.qq-circle:focus-visible,.qq-drop:focus-visible,.qq-file-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.qq-drop{border:2px dashed hsl(var(--border));border-radius:9px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:pointer;background:hsl(var(--background))}.qq-drop.is-drag{background:hsl(var(--secondary));border-style:solid}.qq-stack{position:relative;width:76px;height:48px;margin-bottom:3px}.qq-stack span{position:absolute;left:50%;top:50%;width:33px;height:42px;margin:-21px 0 0 -16px;border:1px solid hsl(var(--foreground));border-radius:5px;transform-origin:center bottom;transition:transform .3s ease}.qq-stack span:nth-child(1){background:hsl(var(--secondary));transform:rotate(-7deg) translate(-8px)}.qq-stack span:nth-child(2){background:hsl(var(--accent));transform:rotate(2deg)}.qq-stack span:nth-child(3){background:hsl(var(--muted));transform:rotate(9deg) translate(8px)}.qq-drop:hover .qq-stack span:nth-child(1),.qq-drop.is-drag .qq-stack span:nth-child(1){transform:rotate(-20deg) translate(-18px,-3px)}.qq-drop:hover .qq-stack span:nth-child(2){transform:translateY(-5px)}.qq-drop:hover .qq-stack span:nth-child(3),.qq-drop.is-drag .qq-stack span:nth-child(3){transform:rotate(20deg) translate(18px,-3px)}.qq-file-row{display:flex;align-items:center;gap:9px;border:1px solid hsl(var(--border));border-radius:8px;padding:8px;background:hsl(var(--background))}.qq-file-progress{height:9px;min-width:0;max-width:100%;accent-color:hsl(var(--primary))}.qq-drop-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.qq-file-button{border:1px solid hsl(var(--border));border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600}.qq-drop-card button:disabled{opacity:.45;cursor:not-allowed}.qq-drop-card.is-compact{padding:9px;border-radius:9px}.is-compact .qq-drop{padding:9px;gap:4px}.is-compact .qq-stack{display:none}.is-compact .qq-circle{width:30px;height:30px}.is-compact .qq-drop-footer{margin-top:6px;gap:6px}.is-compact .qq-file-button{padding:6px 11px}.is-compact .qq-file-row{padding:5px;gap:6px}.is-compact .qq-file-row>div:first-child{width:30px;height:36px}.is-compact .qq-file-row>div:last-of-type{flex-direction:row}@container (max-width:280px){.qq-drop-footer{align-items:flex-start;flex-direction:column}.qq-drop-footer>div:last-child{width:100%;flex-direction:column-reverse}}