.clip-feedback, .clip-feedback-dialog { --feedback-selected:var(--sp-blue-light, #93acff); --feedback-error:var(--sp-red, #f36b76); }
html[data-theme="light"] .clip-feedback, html[data-theme="light"] .clip-feedback-dialog { --feedback-selected:var(--sp-blue, #1014ef); --feedback-error:#b42318; }
.clip-feedback { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; padding-top:12px; border-top:1px solid var(--border-color, #d7dce5); }
.clip-feedback-label { font-size:12px; color:var(--text-muted, #667085); margin-right:4px; }
.clip-feedback-button, .clip-feedback-submit, .clip-feedback-clear { font:inherit; font-size:13px; min-height:36px; padding:7px 12px; border:1px solid var(--border-color, #d7dce5); border-radius:8px; background:var(--panel-bg, #fff); color:var(--text-main, #192033); cursor:pointer; }
.clip-feedback-button[aria-pressed="true"] { border-color:var(--feedback-selected); color:var(--feedback-selected); font-weight:600; }
.clip-feedback-clear { border-color:transparent; background:transparent; text-decoration:underline; padding-inline:4px; }
.clip-feedback-status, .clip-feedback-counter { font-size:12px; color:var(--text-muted, #667085); }
.clip-feedback-error { color:var(--feedback-error); font-size:13px; line-height:1.5; margin:0; flex-basis:100%; }
.clip-feedback-error:empty { display:none; }
.clip-feedback-button:disabled, .clip-feedback-submit:disabled, .clip-feedback-clear:disabled { opacity:.55; cursor:wait; }
.clip-feedback-dialog { box-sizing:border-box; margin:auto; width:min(520px, calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; border:1px solid var(--border-color, #d7dce5); border-radius:16px; background:var(--bg-color, #fff); color:var(--text-main, #192033); font-family:inherit; box-shadow:0 16px 64px rgb(0 0 0 / .2); }
.clip-feedback-dialog::backdrop { background:rgb(0 0 0 / .45); }
.clip-feedback-form { display:flex; flex-direction:column; gap:14px; }
.clip-feedback-form h2 { font-size:21px; line-height:1.3; margin:0; }
.clip-feedback-help { color:var(--text-muted, #667085); font-size:14px; line-height:1.5; margin:0; }
.clip-feedback-reasons { border:0; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.clip-feedback-legend { font-size:13px; font-weight:600; margin-bottom:8px; }
.clip-feedback-choice { display:flex; align-items:center; gap:9px; min-height:44px; padding:10px 12px; border:1px solid var(--border-color, #d7dce5); border-radius:8px; cursor:pointer; font-size:13px; line-height:1.35; text-transform:none; letter-spacing:normal; margin:0; }
.clip-feedback-choice:has(input:checked) { border-color:var(--feedback-selected); }
.clip-feedback-choice input { accent-color:var(--sp-blue, #1014ef); margin:0; flex:none; }
.clip-feedback-notes-label { font-size:13px; font-weight:600; text-transform:none; letter-spacing:normal; margin:0; }
.clip-feedback-notes { box-sizing:border-box; width:100%; min-height:90px; padding:10px 12px; border:1px solid var(--border-color, #d7dce5); border-radius:8px; font:inherit; font-size:14px; background:var(--bg-color, #fff); color:inherit; resize:vertical; }
.clip-feedback-counter { margin:-8px 0 0; }
.clip-feedback-dialog-actions { display:flex; justify-content:flex-end; gap:8px; }
.clip-feedback-submit { background:var(--sp-blue, #1014ef); color:#fff; border-color:var(--sp-blue, #1014ef); }
.clip-feedback :focus-visible, .clip-feedback-dialog :focus-visible { outline:2px solid var(--sp-blue-light, #5265ed); outline-offset:3px; }
.clip-feedback [hidden] { display:none !important; }
@media(max-width:480px) {
  .clip-feedback-dialog { padding:20px; }
  .clip-feedback-button, .clip-feedback-clear, .clip-feedback-submit { min-height:44px; }
}
@media(max-width:360px) { .clip-feedback-reasons { grid-template-columns:1fr; } }
@media(pointer:coarse) { .clip-feedback-button, .clip-feedback-clear, .clip-feedback-submit { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .clip-feedback *, .clip-feedback-dialog * { scroll-behavior:auto; } }