/* panel-ext.css v1 — overlay for panel-ui (designs dropdown, scanner-bot, lovesparky editor) */

/* Floating action buttons (bottom-right) */
.pxt-fab {
  position: fixed; right: 18px; z-index: 99990;
  background: linear-gradient(135deg,#7a3bff,#ff2b8c); color:#fff;
  border:none; border-radius: 999px; padding: 10px 16px; font: 600 13px/1 Inter,sans-serif;
  cursor: pointer; box-shadow: 0 10px 30px -8px rgba(122,59,255,.55);
  display: inline-flex; align-items:center; gap:6px;
}
.pxt-fab:hover { transform: translateY(-1px); }
.pxt-fab.scanner { bottom: 78px; background: linear-gradient(135deg,#3a9b8e,#5ee2ff); box-shadow: 0 10px 30px -8px rgba(58,155,142,.55); }
.pxt-fab.lovesparky { bottom: 18px; }

/* Modal */
.pxt-bg {
  position: fixed; inset: 0; background: rgba(8,5,20,.65); z-index: 99991;
  display: flex; align-items: center; justify-content: center; padding: 20px;
  backdrop-filter: blur(4px);
}
.pxt-modal {
  width: 100%; max-width: 560px; max-height: 86vh; overflow: auto;
  background: #1a1330; color:#f4ecff; border:1px solid rgba(255,255,255,.08);
  border-radius: 16px; padding: 22px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.7);
  font-family: Inter, system-ui, sans-serif;
}
.pxt-modal h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; letter-spacing:-.01em; }
.pxt-modal p.sub { margin: 0 0 16px; color: rgba(244,236,255,.6); font-size: 13px; line-height: 1.45; }
.pxt-modal label { display: block; margin: 10px 0 4px; font-size: 12px; color: rgba(244,236,255,.7); }
.pxt-modal input, .pxt-modal textarea, .pxt-modal select {
  width: 100%; box-sizing: border-box;
  background: #0f0a1f; color:#fff; border:1px solid rgba(255,255,255,.1); border-radius: 10px;
  padding: 10px 12px; font: 14px Inter,sans-serif; outline: none;
}
.pxt-modal input:focus, .pxt-modal textarea:focus, .pxt-modal select:focus { border-color: #7a3bff; }
.pxt-modal textarea { min-height: 64px; resize: vertical; font-family: inherit; }
.pxt-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 18px; }
.pxt-btn {
  background: linear-gradient(135deg,#7a3bff,#ff2b8c); color:#fff; border:none;
  padding: 10px 18px; border-radius: 10px; font: 600 13px Inter,sans-serif; cursor: pointer;
}
.pxt-btn.ghost { background: transparent; color: rgba(244,236,255,.7); border:1px solid rgba(255,255,255,.12); }
.pxt-btn.danger { background: #c0392b; }
.pxt-btn:disabled { opacity: .5; cursor: not-allowed; }

/* Lovesparky editor groups */
.pxt-group { margin: 18px 0 4px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.06); }
.pxt-group:first-child { border-top: 0; padding-top: 0; }
.pxt-group h4 { margin: 0 0 8px; font-size: 13px; color: #ff6fb1; text-transform: uppercase; letter-spacing: .04em; }

/* Toast */
.pxt-toast-wrap { position: fixed; right: 18px; top: 18px; z-index: 99999; display: flex; flex-direction: column; gap: 8px; }
.pxt-toast {
  background: #1a1330; color:#fff; border:1px solid rgba(255,255,255,.1); border-radius: 10px;
  padding: 10px 14px; font: 13px Inter,sans-serif; box-shadow: 0 10px 30px -10px rgba(0,0,0,.5);
}
.pxt-toast.error { border-color: #c0392b; }
.pxt-toast.success { border-color: #3a9b8e; }