.imw-ref-preview[hidden],
.imw-ref-preview-backdrop[hidden]{display:none!important}

.imw-ref-preview-backdrop{
  position:fixed;
  inset:0;
  z-index:99997;
  background:rgba(15,23,42,.12);
  opacity:0;
  transition:opacity .15s ease;
  pointer-events:none;
}
.imw-ref-preview-backdrop.is-open{opacity:1;pointer-events:auto}

.imw-ref-preview{
  position:fixed;
  z-index:99998;
  width:min(390px,calc(100vw - 24px));
  padding:18px 18px 16px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  background:#fff;
  box-shadow:0 14px 42px rgba(15,23,42,.20);
  color:#1f2937;
  opacity:0;
  transform:translateY(5px) scale(.985);
  transition:opacity .15s ease,transform .15s ease;
  box-sizing:border-box;
}
.imw-ref-preview.is-open{opacity:1;transform:translateY(0) scale(1)}
.imw-ref-preview__close{
  position:absolute;
  top:8px;
  right:9px;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#64748b;
  font-size:25px;
  line-height:34px;
  cursor:pointer;
}
.imw-ref-preview__close:hover,
.imw-ref-preview__close:focus-visible{background:#f1f5f9;color:#0f172a;outline:none}
.imw-ref-preview__meta{display:flex;align-items:center;gap:8px;padding-right:34px;margin-bottom:9px}
.imw-ref-preview__number{font-weight:800;color:#0284c7}
.imw-ref-preview__kicker{font-size:12px;font-weight:800;letter-spacing:.08em;color:#64748b}
.imw-ref-preview__label{font-size:15px;line-height:1.65;font-weight:700;color:#111827;overflow-wrap:anywhere}
.imw-ref-preview__host{margin-top:7px;font-size:12px;line-height:1.4;color:#64748b;overflow-wrap:anywhere}
.imw-ref-preview__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.imw-ref-preview__source,
.imw-ref-preview__jump{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 13px;
  border-radius:9px;
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  text-decoration:none!important;
  cursor:pointer;
  box-sizing:border-box;
}
.imw-ref-preview__source{border:1px solid #0284c7;background:#0284c7;color:#fff!important}
.imw-ref-preview__source:hover,.imw-ref-preview__source:focus-visible{background:#0369a1;border-color:#0369a1}
.imw-ref-preview__jump{border:1px solid #cbd5e1;background:#fff;color:#334155}
.imw-ref-preview__jump:hover,.imw-ref-preview__jump:focus-visible{background:#f8fafc;border-color:#94a3b8}
.imw-ref-preview-highlight{animation:imwRefPreviewHighlight 1.7s ease}
@keyframes imwRefPreviewHighlight{0%,100%{background:transparent}15%,70%{background:#fff8d8}}

@media (min-width:641px){
  .imw-ref-preview-backdrop{background:transparent}
}

@media (max-width:640px){
  .imw-ref-preview{
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:10px;
    width:auto;
    max-height:min(72vh,520px);
    overflow:auto;
    padding:20px 18px 18px;
    border-radius:18px;
    transform:translateY(18px);
  }
  .imw-ref-preview.is-open{transform:translateY(0)}
  .imw-ref-preview-backdrop{background:rgba(15,23,42,.28)}
  .imw-ref-preview__actions{display:grid;grid-template-columns:1fr}
  .imw-ref-preview__source,.imw-ref-preview__jump{width:100%;min-height:44px}
}

@media (prefers-reduced-motion:reduce){
  .imw-ref-preview,.imw-ref-preview-backdrop{transition:none}
  .imw-ref-preview-highlight{animation:none;background:#fff8d8}
}