.vote-control{background-color:hsl(var(--secondary)/.5);border:1px solid hsl(var(--border)/.5);border-radius:9999px;align-items:center;padding:0;transition:all .2s;display:flex;overflow:hidden}.vote-control.vertical{flex-direction:column;min-width:40px;padding:0}.vote-control.horizontal{flex-direction:row;padding:0}.vote-control:hover{border-color:hsl(var(--border));background-color:hsl(var(--secondary))}.vote-btn{cursor:pointer;color:hsl(var(--muted-foreground));background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:10px;line-height:0;transition:all .2s;display:flex}.vote-control.horizontal .vote-btn{flex:1;width:auto}.vote-control.horizontal .vote-btn.upvote,.vote-control.horizontal .vote-btn.downvote,.vote-control.vertical .vote-btn.upvote,.vote-control.vertical .vote-btn.downvote{border-radius:0}.vote-btn:hover:not(:disabled){color:hsl(var(--foreground));background-color:hsl(var(--muted)/.5)}.vote-btn:disabled{cursor:not-allowed;opacity:.5}.vote-btn.upvote.active{color:hsl(var(--vote-up));background-color:hsl(var(--vote-up)/.15)}.vote-btn.downvote.active{color:hsl(var(--vote-down));background-color:hsl(var(--vote-down)/.15)}.vote-count{color:hsl(var(--foreground));text-align:center;z-index:1;justify-content:center;align-items:center;min-width:1.5ch;margin:0;padding:4px 0;font-size:.9rem;font-weight:700;display:flex}.vote-control.horizontal .vote-count{margin:0;padding:0 8px}.vote-count.active{color:hsl(var(--primary))}
.feedback-image-upload{margin-bottom:1rem}.upload-label{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.optional-text{color:hsl(var(--muted-foreground));font-weight:400}.upload-container{flex-wrap:wrap;align-items:flex-start;gap:.75rem;display:flex}.image-thumbnail{border-radius:var(--radius);border:1px solid hsl(var(--border));width:80px;height:80px;position:relative;overflow:hidden}.image-thumbnail img{object-fit:cover;width:100%;height:100%}.remove-image-btn{background:hsl(var(--card));border:1px solid hsl(var(--border));cursor:pointer;width:22px;height:22px;color:hsl(var(--muted-foreground));border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #0000001a}.remove-image-btn:hover{color:hsl(var(--destructive));border-color:hsl(var(--destructive))}.upload-btn{border:2px dashed hsl(var(--border));border-radius:var(--radius);background:hsl(var(--secondary));cursor:pointer;width:80px;height:80px;color:hsl(var(--muted-foreground));flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:.65rem;font-weight:500;transition:all .2s;display:flex}.upload-btn:hover:not(:disabled){border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary)/.1)}.upload-btn:disabled{opacity:.6;cursor:not-allowed}.upload-error{color:hsl(var(--destructive));margin-top:.5rem;font-size:.75rem}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}