.sgdd-ui{display:grid;grid-template-columns:320px 1fr;gap:16px;min-height:60vh}
.sgdd-side{background:#0b1030;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px;color:#fff}
.sgdd-title{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:.5px;margin-bottom:8px}
.sgdd-form label{display:block;margin:12px 0 6px 0;font-size:13px;opacity:.9}
.sgdd-input,.sgdd-select{width:100%;background:#161a3a;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:6px;padding:6px 8px}
.sgdd-chiplist{display:flex;flex-wrap:wrap;gap:6px}
.sgdd-chip{background:#11152e;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:4px 10px;font-size:12px;display:flex;gap:8px;align-items:center}
.sgdd-chip button{background:transparent;border:0;color:#ccc;cursor:pointer}
.sgdd-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.sgdd-btn{background:#16a34a;border:0;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:700}
.sgdd-btn.secondary{background:#374151}
.sgdd-status{display:flex;gap:8px;align-items:center;font-size:12px}
.sgdd-dot{width:10px;height:10px;border-radius:999px;background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.6)}
.sgdd-dot.ok{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}
.sgdd-main{background:#0b1030;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px;color:#fff;display:flex;flex-direction:column}
.sgdd-bar{display:flex;gap:8px;align-items:center;margin-top:8px}
.sgdd-url{flex:1;background:#10162f;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;border-radius:6px;padding:6px 8px;font-size:12px}
.sgdd-note{opacity:.7;font-size:11px;margin-top:4px}
.sgdd-preview{flex:1;min-height:300px;background:#0b1030;border:1px dashed rgba(255,255,255,.15);border-radius:8px;margin-top:6px}
.sgdd-h2{font-weight:900;letter-spacing:.5px;opacity:.85}
.sgdd-chip.live{background:#0e1a3a;border-color:rgba(34,197,94,.35)}
@media (max-width: 900px){ .sgdd-ui{grid-template-columns:1fr} }

/* v1.9.0.1: remove button in live chips */
.sgdd-chip.live button{background:transparent;border:0;color:#9ca3af;padding:0 4px;cursor:pointer}
.sgdd-chip.live button:hover{color:#f87171}

/* v1.9.0.6: ocultar panel de pruebas cuando está desmarcado */
.sgdd-test-hidden .sgdd-testpanel{display:none !important}