.try-layout {
  display: grid;
  gap: 1px;
  background: var(--border);
  border-radius: 16px;
  overflow: hidden;
  margin-top: 16px;
}
.try-pane {
  background: var(--card);
  padding: 18px;
}
.try-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.dropzone {
  margin-top: 12px;
  border: 2px dashed var(--border);
  border-radius: 14px;
  padding: 18px;
  text-align: center;
  color: var(--muted);
  background: #0b1220;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.dropzone.dragover {
  border-color: var(--accent);
  background: rgba(37,194,217,0.10);
  color: var(--text);
}
.preview-img {
  max-width: 90px;
  max-height: 70px;
  border-radius: 6px;
  border: 1px solid var(--border);
  background: #0c1423;
}
.preview-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.icon-btn {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #0c1423;
  color: #fca5a5;
  cursor: pointer;
}
.status-chip {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid var(--border);
}
.status-queued { color: #cbd5e1; background: rgba(148,163,184,0.12); }
.status-processing { color: #67e8f9; background: rgba(34,211,238,0.12); }
.status-success { color: #86efac; background: rgba(34,197,94,0.14); }
.status-error { color: #fca5a5; background: rgba(248,113,113,0.14); }
tr.processing td { animation: rowPulse 1.2s ease-in-out infinite; }
tr.fail td { color: #f87171; }
@keyframes rowPulse {
  0%, 100% { background-color: rgba(34,211,238,0.02); }
  50% { background-color: rgba(34,211,238,0.12); }
}
@media (max-width: 980px) {
  .try-row { grid-template-columns: 1fr; }
}