.utility-feedback{margin-top:18px;padding:clamp(14px,3vw,20px) clamp(14px,3vw,20px) 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy actions" "status actions";align-items:center;gap:5px 18px;color:var(--text,#eef7fb);border:1px solid color-mix(in srgb,var(--violet,#8f7adb) 32%,transparent);border-left:3px solid color-mix(in srgb,var(--violet,#8f7adb) 82%,#fff);border-radius:var(--radius,8px);background:linear-gradient(135deg,color-mix(in srgb,var(--violet,#8f7adb) 11%,transparent),transparent 48%),linear-gradient(315deg,color-mix(in srgb,var(--yellow,#d6b834) 7%,transparent),transparent 52%),rgba(8,14,25,.82);box-shadow:0 12px 28px rgba(0,0,0,.24)}.utility-feedback__copy{min-width:0;grid-area:copy}.utility-feedback h2,.utility-feedback p{margin:0}.utility-feedback h2{color:var(--text,#eef7fb);font-size:clamp(1rem, 2vw, 1.2rem);line-height:1.2}.utility-feedback__copy p,.utility-feedback__status{margin-top:5px;color:var(--muted,#98acb6);font-size:.9rem}.utility-feedback__actions{grid-area:actions;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:center;gap:10px}.utility-feedback__button{width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text,#eef7fb);border:1px solid rgba(255,255,255,.16);border-bottom-width:5px;border-radius:6px;background:rgba(255,255,255,.055);box-shadow:none;cursor:pointer}.utility-feedback__button i{font-size:1.1rem;line-height:1}.utility-feedback__button--useful{border-color:rgba(96,230,150,.4);border-bottom-color:#2f7a4e;background:rgba(96,230,150,.15)}.utility-feedback__button--needs-work{border-color:color-mix(in srgb,var(--pink,#d667a4) 36%,transparent);border-bottom-color:color-mix(in srgb,var(--pink,#d667a4) 72%,#120711);background:color-mix(in srgb,var(--pink,#d667a4) 13%,transparent)}.utility-feedback__button:focus-visible,.utility-feedback__button:hover{transform:translateY(-1px)}.utility-feedback__button:active{border-bottom-width:2px;transform:translateY(3px)}.utility-feedback__button.is-selected{outline:2px solid rgba(255,255,255,.42);outline-offset:2px}.utility-feedback__button:disabled{cursor:wait;opacity:.68}.utility-feedback__status{grid-area:status;min-height:1.2em}@media (max-width:640px){.utility-feedback{grid-template-columns:1fr;grid-template-areas:"copy" "actions" "status";text-align:center}.utility-feedback__actions{justify-content:center}}