.fiend-feedback-toggle[aria-pressed="true"] { color: var(--bright); border-color: #777; }
.feedback-open #sidebar { visibility: hidden; }
#feedback-panel { position: absolute; z-index: 20; background: var(--bg); border-left: 1px solid var(--line); overflow: auto; color: var(--ink); font: 12px/1.6 var(--font); }
.feedback-heading { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--surface); }
.feedback-heading h2 { margin: 0; font: 12px var(--font); font-weight: 400; }
#feedback-panel .fiend-button, .feedback-tools .fiend-button { padding: 4px 8px; font-size: 10px; }
.feedback-form { padding: 16px; border-bottom: 1px solid var(--line); }
.feedback-compose-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.feedback-context, .feedback-readonly, .feedback-meta, .feedback-empty { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.feedback-context { margin: 12px 0; }
.feedback-form label { display: block; margin: 12px 0 8px; font-size: 11px; }
.feedback-form textarea { width: 100%; padding: 10px; resize: vertical; min-height: 80px; max-height: 240px; background: var(--surface); color: var(--ink); border: 1px solid var(--line); font: 12px/1.6 var(--font); }
.feedback-form textarea:focus { outline: none; border-color: #777; }
.feedback-submit { margin-top: 10px; }
.feedback-empty, .feedback-readonly { padding: 16px; margin: 0; }
.feedback-note { padding: 16px; border-bottom: 1px solid var(--line); }
.feedback-note > p { margin: 0 0 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
.feedback-note-actions { display: flex; gap: 8px; margin-top: 12px; }
.feedback-more { margin: 16px; }
.feedback-surface { position: absolute; inset: 0; z-index: 10; background: var(--bg); }
.feedback-surface > canvas { display: block; width: 100%; height: 100%; touch-action: none; cursor: pointer; }
.feedback-tools { position: absolute; z-index: 1; top: 8px; left: 8px; right: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 6px; background: var(--bg); border: 1px solid var(--line); }
.feedback-tools .Select { font-size: 10px; max-width: 120px; }
.feedback-view-label { margin-left: auto; color: var(--muted); font-size: 10px; }
.feedback-tools button { white-space: nowrap; }
@media (max-width: 600px) {
  .scene-editor #menubar .menu .title { padding-left: 3px; padding-right: 3px; }
  .fiend-menubar-actions { gap: 5px; padding: 0 4px; }
  .fiend-menubar-actions .fiend-button { padding: 3px 4px; }
  .feedback-view-label { flex-basis: 100%; order: 2; margin-left: 0; }
  .feedback-form, .feedback-note { padding: 12px; }
}