/* YooY Import Engine */
.yie-wrap { max-width: 1100px; margin: 0 auto; padding: 0 4px 48px; }
.yie-head h1 { margin: 0 0 6px; font-size: 1.6rem; }
.yie-head p { margin: 0 0 20px; color: #888; }
.yie-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 900px) { .yie-grid { grid-template-columns: 1fr; } }
.yie-card { background: #111; border: 1px solid #222; border-radius: 14px; padding: 16px; }
.yie-card h2 { margin: 0 0 12px; font-size: 1rem; }
.yie-drop {
  border: 2px dashed #333; border-radius: 12px; padding: 36px 20px; text-align: center;
  color: #aaa; cursor: pointer; transition: border-color .2s, background .2s;
}
.yie-drop.is-drag { border-color: #d8a63a; background: rgba(216,166,58,.06); color: #ddd; }
.yie-drop strong { display: block; color: #eee; margin-bottom: 6px; }
.yie-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.yie-btn {
  border: 1px solid #333; background: #1a1a1a; color: #eee; border-radius: 8px;
  padding: 8px 14px; cursor: pointer; font-size: .9rem;
}
.yie-btn--gold { background: linear-gradient(135deg,#c9a227,#d8a63a); color: #111; border-color: transparent; font-weight: 600; }
.yie-btn:disabled { opacity: .5; cursor: not-allowed; }
.yie-options { display: grid; gap: 10px; margin-top: 12px; }
.yie-options label { display: grid; gap: 4px; font-size: .85rem; color: #aaa; }
.yie-options input, .yie-options select {
  background: #0d0d0d; border: 1px solid #2a2a2a; color: #eee; border-radius: 8px; padding: 8px 10px;
}
.yie-list { display: grid; gap: 8px; max-height: 360px; overflow: auto; }
.yie-row {
  display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center;
  padding: 10px 12px; background: #0d0d0d; border: 1px solid #222; border-radius: 10px; font-size: .85rem;
}
.yie-row small { color: #777; display: block; margin-top: 2px; }
.yie-pill {
  font-size: .72rem; padding: 3px 8px; border-radius: 999px; border: 1px solid #333; color: #bbb;
}
.yie-pill--ok { border-color: #22c55e; color: #86efac; }
.yie-pill--fail { border-color: #ef4444; color: #fca5a5; }
.yie-pill--wait { border-color: #d8a63a; color: #fcd34d; }
.yie-msg { margin-top: 10px; font-size: .85rem; color: #aaa; }
.yie-msg--error { color: #f87171; }
.yie-msg--ok { color: #86efac; }
.yie-hidden-input { display: none; }