/* grok_drop.css — 컷에 끌어다 놓기(grok_drop.js · 2.201.0) — 새 파일 */
tr.grok-drop-on > td { background: color-mix(in srgb, var(--accent, #4a8cff) 22%, transparent); }
#tab-detail.grok-drop-on { outline: 2px dashed var(--accent, #4a8cff); outline-offset: -4px; }
.grok-drop-tip {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 9000; pointer-events: none;
  display: flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px;
  background: var(--panel, #222); color: var(--text, #eee); box-shadow: 0 4px 16px rgba(0, 0, 0, .35);
}
.grok-drop-panel {
  position: fixed; right: 16px; bottom: 16px; z-index: 8999; width: min(460px, 92vw); max-height: 40vh;
  display: flex; flex-direction: column; border-radius: 8px; overflow: hidden;
  background: var(--panel, #222); color: var(--text, #eee); box-shadow: 0 4px 18px rgba(0, 0, 0, .4);
}
.grok-drop-head { display: flex; align-items: center; gap: 4px; padding: 6px 8px; font-weight: 600; }
.grok-drop-head .spacer { flex: 1; }
.grok-drop-lines { overflow: auto; padding: 4px 8px 8px; display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
.grok-drop-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.grok-drop-line.good { color: var(--good, #5bc77a); }
.grok-drop-line.warn { color: var(--warn, #e0b24a); white-space: normal; }
.grok-drop-line.bad { color: var(--bad, #e86a6a); white-space: normal; }