.feedback-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:20px;max-width:40rem;padding:24px;display:flex}@media (max-width:640px){.feedback-form{padding:18px}}.feedback-form .field{flex-direction:column;gap:6px;min-width:0;display:flex}.feedback-form .field>label{font-size:var(--step--1);font-weight:600}.feedback-form .hint{color:var(--fg-muted);font-size:.75rem;line-height:1.55}.feedback-form input[type=text],.feedback-form input[type=email],.feedback-form textarea{font:inherit;font-size:var(--step-0);color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-width:0;padding:8px 10px}.feedback-form textarea{resize:vertical;min-height:9rem;line-height:1.5}.feedback-form [aria-invalid=true]{border-color:var(--dim)}.feedback-form input:focus-visible,.feedback-form textarea:focus-visible,.feedback-form button:focus-visible{outline:2px solid var(--link);outline-offset:2px}.feedback-form button:disabled{opacity:.6;cursor:default}.feedback-image{align-items:center;gap:12px;min-width:0;display:flex}.feedback-image img{object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-sm);width:48px;height:48px}.feedback-image span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--step--1);flex:1;overflow:hidden}.feedback-form .problem{border:1px solid var(--dim);border-radius:var(--radius);font-size:var(--step--1);background:var(--bg);padding:12px 14px}.feedback-sent{font-size:var(--step-0)}
