.paragraph-feedback { visibility: hidden; border: 0; background: transparent; color: var(--accent); padding: .25em .4em; font: .72rem/1.6 Inter, system-ui, sans-serif; }
.feedback-enabled .paragraph-feedback { visibility: visible; }
#feedback-dialog { width: min(640px, calc(100% - 24px)); max-height: 85vh; max-height: 85dvh; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--line); border-radius: 6px; padding: 24px; color: var(--ink); background: var(--paper); }
#feedback-dialog::backdrop { background: #2b262066; }
#feedback-dialog h2 { font-size: 1.5rem; }
.feedback-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; position: sticky; top: 0; background: var(--paper); z-index: 1; }
.feedback-heading button { flex-shrink: 0; }
#feedback-help, #feedback-target-label, #feedback-status { font-size: .85rem; }
#feedback-preview { margin: 16px 0; padding-left: 12px; border-left: 2px solid var(--line); max-height: 160px; overflow: auto; overflow-wrap: anywhere; font-size: .9rem; }
#feedback-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
#feedback-fields label { display: block; font-size: .85rem; margin-block: 10px; }
#feedback-fields textarea, #feedback-fields input:not([type=checkbox]), #feedback-drafts { width: 100%; font: 1rem/1.5 Inter, system-ui, sans-serif; color: var(--ink); background: white; border: 1px solid #c8c0b3; border-radius: 4px; padding: 8px; }
#feedback-fields textarea { resize: vertical; min-height: 120px; }
.feedback-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.feedback-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-block: 16px; }
#feedback-status { min-height: 1.6em; overflow-wrap: anywhere; }
@media (max-width: 520px) { .feedback-contact { grid-template-columns: 1fr; gap: 0; } #feedback-dialog { padding: 16px; } }
@media print { #feedback-dialog { display: none !important; } }