
:root{
  --pulso-bg:rgba(7,8,16,.84);
  --pulso-bg2:rgba(255,255,255,.065);
  --pulso-bg3:rgba(157,116,255,.26);
  --pulso-border:rgba(255,255,255,.13);
  --pulso-border2:rgba(210,180,255,.34);
  --pulso-text:#B388FF;
  --pulso-muted:rgba(246,241,255,.62);
  --pulso-accent:#9d74ff;
  --pulso-radius:18px;
  --pulso-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --pulso-shadow:0 18px 80px rgba(0,0,0,.44);
  --pulso-blur:blur(18px);
}

#pulso-ui-stage section[id^="pulso-"],
#pulso-ui-stage .pulso-integrated-legacy-panel,
section[id^="pulso-"][id$="-panel"],
#pulso-performance-system,
#pulso-clip-controls-fix-panel{
  box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(16,17,28,.86),rgba(5,6,12,.80))!important;
  border:1px solid var(--pulso-border)!important;
  border-radius:var(--pulso-radius)!important;
  color:var(--pulso-text)!important;
  font-family:var(--pulso-font)!important;
  box-shadow:var(--pulso-shadow)!important;
  backdrop-filter:var(--pulso-blur)!important;
  -webkit-backdrop-filter:var(--pulso-blur)!important;
}

#pulso-spatial-compositor-panel{width:min(720px,calc(100vw - 36px))!important}
#pulso-camera-space-coupling-panel,
#pulso-true-feedback-panel,
#pulso-organic-topology-panel,
#pulso-camera-brain-panel,
#pulso-atmosphere-panel,
#pulso-particle-pro-panel,
#pulso-particle-panel,
#pulso-clip-controls-fix-panel{
  width:min(390px,calc(100vw - 36px))!important;
}

#pulso-ui-stage h3,
section[id^="pulso-"] h3,
#pulso-performance-system h3,
#pulso-clip-controls-fix-panel h3{
  margin:0 0 12px!important;
  padding-right:72px!important;
  color:var(--pulso-text)!important;
  font-family:var(--pulso-font)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.135em!important;
  text-transform:uppercase!important;
  opacity:.92!important;
}

#pulso-ui-stage h4,section[id^="pulso-"] h4{
  margin:13px 0 7px!important;
  color:var(--pulso-muted)!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

#pulso-ui-stage button,
#pulso-context-dock button,
#pulso-radial-menu button,
section[id^="pulso-"] button,
#pulso-performance-system button,
#pulso-clip-controls-fix-panel button{
  appearance:none!important;
  border:1px solid var(--pulso-border)!important;
  background:var(--pulso-bg2)!important;
  color:var(--pulso-text)!important;
  border-radius:14px!important;
  font-family:var(--pulso-font)!important;
  font-size:12px!important;
  font-weight:600!important;
  min-height:34px;
  padding:8px 11px!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

#pulso-ui-stage button:hover,
#pulso-context-dock button:hover,
#pulso-context-dock button.active,
#pulso-radial-menu button:hover,
section[id^="pulso-"] button:hover{
  background:var(--pulso-bg3)!important;
  border-color:var(--pulso-border2)!important;
}

#pulso-context-dock{
  background:rgba(8,9,18,.86)!important;
  border:1px solid var(--pulso-border)!important;
  border-radius:999px!important;
  box-shadow:0 12px 50px rgba(0,0,0,.38)!important;
  backdrop-filter:var(--pulso-blur)!important;
  -webkit-backdrop-filter:var(--pulso-blur)!important;
  padding:8px!important;
}
#pulso-context-dock button{border-radius:999px!important;min-height:36px}

#pulso-ui-stage input[type="range"],
section[id^="pulso-"] input[type="range"],
#pulso-performance-system input[type="range"],
#pulso-clip-controls-fix-panel input[type="range"]{
  width:100%!important;
  accent-color:var(--pulso-accent);
  touch-action:none;
}

#pulso-ui-stage input[type="number"],
#pulso-ui-stage select,
section[id^="pulso-"] input[type="number"],
section[id^="pulso-"] select{
  background:rgba(255,255,255,.065)!important;
  color:var(--pulso-text)!important;
  border:1px solid var(--pulso-border)!important;
  border-radius:10px!important;
  padding:5px 7px!important;
  font-family:var(--pulso-font)!important;
}

#pulso-ui-stage .row,
#pulso-ui-stage .pulso-row,
section[id^="pulso-"] .row,
section[id^="pulso-"] .pulso-row{
  color:var(--pulso-muted)!important;
  font-size:12px!important;
  line-height:1.25!important;
}

#pulso-ui-stage .status,
#pulso-ui-stage .pulso-status,
section[id^="pulso-"] .status,
section[id^="pulso-"] .pulso-status{
  color:rgba(246,241,255,.44)!important;
  font-size:11px!important;
  line-height:1.35!important;
  margin-top:10px!important;
}

.pulso-panel-window-actions{
  position:absolute!important;
  right:10px!important;
  top:9px!important;
  display:flex!important;
  gap:6px!important;
  z-index:5!important;
}
.pulso-panel-window-actions button{
  min-height:24px!important;
  width:26px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:12px!important;
}

.pulso-integrated-legacy-panel,
.pulso-integrated-legacy-panel *{font-family:var(--pulso-font)!important}

#pulso-render-stage,#pulso-render-stage *,canvas{font-family:initial}
#pulso-render-stage canvas{border:0!important;box-shadow:none!important;border-radius:0!important}
