:root{
  --dgaia-font-base:16px;
  --dgaia-font-scale:1;
}

html{
  font-size:var(--dgaia-font-base);
}

body{
  font-size:calc(var(--dgaia-font-base) * var(--dgaia-font-scale));
}

.dgaia-type-panel{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  width:min(420px,calc(100vw - 36px));
  background:rgba(15,23,42,.96);
  color:#f8fafc;
  border:1px solid rgba(148,163,184,.35);
  border-radius:18px;
  padding:16px;
  box-shadow:0 22px 70px rgba(0,0,0,.35);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.dgaia-type-panel[hidden]{
  display:none;
}

.dgaia-type-toggle{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9998;
  border:1px solid rgba(148,163,184,.35);
  background:#0f172a;
  color:#f8fafc;
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
}

.dgaia-type-panel h2{
  margin:0 0 10px;
  font-size:18px;
}

.dgaia-type-panel label{
  display:block;
  margin:10px 0 6px;
  color:#cbd5e1;
  font-weight:700;
}

.dgaia-type-panel input[type="range"]{
  width:100%;
}

.dgaia-type-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.dgaia-type-row button,
.dgaia-type-row select{
  border:1px solid rgba(148,163,184,.35);
  background:#1e293b;
  color:#f8fafc;
  border-radius:12px;
  padding:9px 11px;
  font-weight:800;
  cursor:pointer;
}

.dgaia-type-row button:hover{
  background:#334155;
}

.dgaia-type-value{
  color:#93c5fd;
  font-weight:900;
}

.dgaia-type-danger{
  color:#fecaca !important;
  border-color:#ef4444 !important;
}