.live-tools {
  --lt-border: #54606a;
  --lt-accent: #55e3bc;
  color: #eef1f3;
  background: #15191d;
  border-top: 1px solid var(--lt-border);
  padding: 1rem;
  min-width: 0;
  text-align: left;
  letter-spacing: 0;
}
.live-tools *, .live-tools *::before, .live-tools *::after { box-sizing: border-box; letter-spacing: 0; }
.live-tools [hidden] { display: none !important; }
.live-tools summary { cursor: pointer; font-weight: 700; padding: 0.4rem 0; color: var(--lt-accent); }
.live-tools h2, .live-tools h3 { font-size: 1.1rem; margin: 0.5rem 0 1rem; line-height: 1.4; }
.live-tools p { margin: 0.65rem 0; overflow-wrap: anywhere; }
.lt-workspace { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
.lt-workspace > section { min-width: 0; border-top: 1px solid var(--lt-border); padding-top: 0.75rem; }
.live-tools label { display: grid; gap: 0.35rem; margin: 0.75rem 0; font-size: 0.85rem; color: #e0e7eb; }
.live-tools input, .live-tools select, .live-tools textarea {
  min-width: 0; width: 100%; max-width: 100%; border: 1px solid #69757d;
  border-radius: 4px; background: #0c1013; color: #fff; padding: 0.65rem;
  font: inherit; font-size: 0.9rem;
}
.live-tools textarea { resize: vertical; }
.live-tools .lt-check { display: flex; align-items: flex-start; gap: 0.6rem; line-height: 1.5; }
.live-tools input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 18px; accent-color: #18bd91; margin-top: 2px; }
.lt-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; }
.lt-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 0.65rem; margin: 0.65rem 0; }
.live-tools .btn { border-radius: 4px; min-height: 40px; height: auto; white-space: normal; overflow-wrap: anywhere; padding: 0.5rem 0.7rem; font-size: 0.8rem; }
.live-tools button:disabled { opacity: 0.5; cursor: not-allowed; }
.live-tools a { color: #81d3ff; overflow-wrap: anywhere; }
.live-tools :focus-visible { outline: 2px solid #ffe285; outline-offset: 3px; }
.lt-status, .lt-auction, .lt-health { font-size: 0.85rem; line-height: 1.6; }
.lt-status[data-error="true"] { color: #ffb4bb; }
.live-tools .lt-note { color: #b9c5cc; font-size: 0.75rem; line-height: 1.55; }
.lt-results { display: grid; gap: 0.5rem; margin-top: 0.75rem; max-height: 280px; overflow-y: auto; }
.lt-result { display: block; padding: 0.65rem; width: 100%; border: 1px solid #69757d; border-radius: 4px; background: #20282e; color: #fff; text-align: left; cursor: pointer; }
.lt-result[aria-pressed="true"] { border-color: #55e3bc; background: #17352e; }
.lt-result strong, .lt-result span { display: block; overflow-wrap: anywhere; line-height: 1.5; }
.lt-result span { font-size: 0.75rem; color: #cbd5db; }
.lt-preview { display: grid; grid-template-columns: minmax(100px, 180px) minmax(0, 1fr); gap: 1rem; margin-top: 1rem; }
.lt-preview img { display: block; width: 100%; height: auto; max-height: 380px; object-fit: contain; }
.lt-preview h4 { margin: 0 0 0.5rem; font-size: 1rem; overflow-wrap: anywhere; }
.lt-preview pre { margin: 0.6rem 0; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 0.85rem; color: #e0e7eb; }
.lt-preview > div { min-width: 0; }
.lt-obs { margin-top: 1rem; padding-top: 0.5rem; border-top: 1px solid var(--lt-border); }
.lt-health { display: block; margin-top: 1rem; color: #ffe285; white-space: pre-wrap; }
.lt-buyer { margin-top: 1rem; }
.lt-buyer-head { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: baseline; justify-content: space-between; }
.lt-buyer-head h2 { margin-bottom: 0; }
.lt-buyer-head strong { color: #55e3bc; font-size: 0.95rem; }
.lt-caption { color: #ffe285; white-space: pre-wrap; }
@media (min-width: 1450px) { .lt-workspace { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) {
  .lt-fields { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lt-preview { grid-template-columns: minmax(0, 1fr); }
  .lt-preview > a { width: 100%; max-width: 240px; justify-self: center; }
}
