/* ---- Feedback widget (Devil's Ivy palette) ---- */
:root{ --fb-o:#F4661A; --fb-o2:#FF8C3A; --fb-g:#2C5E3E; --fb-ink:#FFF7EE; }

#fb-launch{position:fixed;right:20px;bottom:20px;z-index:2147483000;
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font:600 13px/1 'Inter',-apple-system,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#22331f;
  background:linear-gradient(135deg,var(--fb-o2),var(--fb-o));
  border:none;border-radius:999px;padding:14px 20px;box-shadow:0 10px 30px rgba(20,10,0,.35);
  transition:transform .18s, box-shadow .18s}
#fb-launch:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(20,10,0,.45)}
#fb-launch svg{width:16px;height:16px}
#fb-launch.hidden{display:none}

#fb-panel{position:fixed;right:20px;bottom:20px;z-index:2147483000;width:360px;max-width:calc(100vw - 32px);
  background:rgba(24,16,6,.92);backdrop-filter:blur(14px);color:var(--fb-ink);
  border:1px solid rgba(255,247,238,.28);border-radius:18px;box-shadow:0 24px 70px rgba(10,6,0,.55);
  font-family:'Inter',-apple-system,sans-serif;overflow:hidden;transform:translateY(12px);opacity:0;
  transition:transform .22s, opacity .22s}
#fb-panel.open{transform:translateY(0);opacity:1}
#fb-panel.hidden{display:none}
#fb-panel .hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}
#fb-panel .hd h4{margin:0;font-family:'Playfair Display',serif;font-weight:800;font-size:18px}
#fb-panel .hd button{background:none;border:none;color:var(--fb-ink);opacity:.6;font-size:20px;cursor:pointer;line-height:1;padding:2px 6px}
#fb-panel .hd button:hover{opacity:1}
#fb-panel .bd{padding:4px 18px 18px}
#fb-panel label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin:12px 0 6px}
#fb-panel textarea, #fb-panel input{width:100%;background:rgba(255,247,238,.06);border:1px solid rgba(255,247,238,.22);
  border-radius:10px;color:var(--fb-ink);font:inherit;font-size:14px;padding:10px 12px;resize:vertical}
#fb-panel textarea{min-height:84px}
#fb-panel textarea:focus, #fb-panel input:focus{outline:none;border-color:var(--fb-o2)}
#fb-panel .row{display:flex;gap:10px}
#fb-panel .row > *{flex:1}
.fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;
  font:600 13px/1 'Inter',sans-serif;letter-spacing:.06em;border-radius:10px;padding:12px 14px;transition:.18s;border:1px solid transparent}
.fb-btn.pick{background:rgba(255,247,238,.06);border-color:rgba(255,247,238,.28);color:var(--fb-ink);margin-top:12px}
.fb-btn.pick:hover{background:rgba(255,247,238,.14)}
.fb-btn.pick.active{background:var(--fb-o);color:#22331f;border-color:var(--fb-o)}
.fb-btn.send{background:linear-gradient(135deg,var(--fb-o2),var(--fb-o));color:#22331f;margin-top:16px}
.fb-btn.send:hover{filter:brightness(1.06)}
.fb-btn[disabled]{opacity:.5;cursor:default}
#fb-target{font-size:12px;margin-top:10px;opacity:.85;min-height:16px}
#fb-target code{background:rgba(255,247,238,.12);padding:2px 6px;border-radius:5px;font-size:11px}
#fb-shot{margin-top:12px;border:1px solid rgba(255,247,238,.2);border-radius:10px;overflow:hidden;display:none}
#fb-shot img{display:block;width:100%}
#fb-status{font-size:12.5px;margin-top:12px;min-height:16px}
#fb-status.ok{color:#9be29b}
#fb-status.err{color:#ff9b7a}
.fb-foot{font-size:10.5px;opacity:.5;margin-top:12px;letter-spacing:.04em}

/* element picker overlay */
#fb-highlight{position:fixed;z-index:2147483646;pointer-events:none;border:2px solid var(--fb-o);
  background:rgba(244,102,26,.14);border-radius:4px;box-shadow:0 0 0 9999px rgba(10,6,0,.18);transition:all .04s linear;display:none}
#fb-pickhint{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:2147483647;
  background:rgba(24,16,6,.95);color:var(--fb-ink);font:600 13px 'Inter',sans-serif;
  padding:10px 16px;border-radius:999px;border:1px solid rgba(255,247,238,.3);display:none}
body.fb-picking{cursor:crosshair !important}