.drawing-rating{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px;margin-bottom:16px}.drawing-rating-btn{--rating-gradient:linear-gradient(120deg, #2d4a6f 0%, #3d5a80 50%, #4d6b94 100%);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px
14px;border-radius:12px;border:1px
solid transparent;background-image:var(--rating-gradient);background-size:220% 100%;background-position:100% 50%;color:#fff;font-weight:600;font-size:0.9rem;cursor:pointer;transition:background-position 0.35s ease, box-shadow 0.25s ease, opacity 0.2s ease;box-shadow:0 6px 14px -10px rgba(15, 23, 42, 0.75)}.drawing-rating-btn:hover:not(:disabled),.drawing-rating-btn:focus-visible:not(:disabled){background-position:0% 50%;box-shadow:0 10px 20px -12px rgba(15, 23, 42, 0.85)}.drawing-rating-btn:focus-visible{outline:3px
solid rgba(255, 255, 255, 0.9);outline-offset:2px}.drawing-rating-btn:disabled{cursor:default;opacity:0.9}.drawing-rating-like{--rating-gradient:linear-gradient(120deg, #166534 0%, #15803d 50%, #22c55e 100%);border-color:#15803d}.drawing-rating-dislike{--rating-gradient:linear-gradient(120deg, #7f1d1d 0%, #b91c1c 50%, #dc2626 100%);border-color:#b91c1c}.drawing-rating-like.is-active{--rating-gradient:linear-gradient(120deg, #14532d 0%, #166534 45%, #15803d 100%);box-shadow:0 8px 18px -10px rgba(22, 101, 52, 0.85)}.drawing-rating-dislike.is-active{--rating-gradient:linear-gradient(120deg, #7f1d1d 0%, #991b1b 45%, #b91c1c 100%);box-shadow:0 8px 18px -10px rgba(185, 28, 28, 0.85)}.drawing-rating-btn
i{font-size:0.9rem}.drawing-rating-count{display:inline-block;min-width:1.25em;text-align:center;font-variant-numeric:tabular-nums}