.slide-right {
  position: absolute;
  right: var(--margin-glass, var(--radiant-space-4));
  z-index: 120;
  width: var(--slide-right-width, min(320px, calc(100vw - 2 * var(--margin-glass, var(--radiant-space-4)))));
  box-sizing: border-box;
  padding: var(--radiant-space-4);
  border: 1px solid var(--radiant-color-border);
  border-radius: var(--radiant-radius-lg);
  background: var(--radiant-color-surface);
  color: var(--radiant-color-text);
  box-shadow: var(--radiant-shadow-panel);
  backdrop-filter: blur(var(--blur, 12px));
  font-family: var(--radiant-font-family);
  font-size: var(--font-size-base);
  line-height: 1.5;
  overflow: auto;
}
.slide-right[hidden] { display: none !important; }
.slide-right__header { display: flex; align-items: center; justify-content: space-between; gap: var(--radiant-space-3); }
.slide-right__title { margin: 0; font-size: var(--font-size-md); font-weight: var(--font-weight-regular); color: var(--accent-theme); }
.slide-right__close { margin: 0; color: var(--radiant-color-text); }
.slide-right__body { display: grid; gap: var(--radiant-space-4); padding-top: var(--radiant-space-4); }
.slide-right label { display: grid; gap: var(--radiant-space-2); }
.slide-right p { margin: 0; color: var(--radiant-color-muted); }
.slide-right select, .slide-right input { width: 100%; box-sizing: border-box; font: inherit; }
.slide-right select, .slide-right input[type=number] {
  color: var(--radiant-color-text);
  background: var(--radiant-color-surface-solid);
  border: 1px solid var(--radiant-color-border);
  border-radius: var(--radiant-radius-sm);
  padding: var(--radiant-space-2);
}
.slide-right input[type=range] { margin: var(--radiant-space-2) 0; accent-color: var(--radiant-color-accent); cursor: pointer; }
.slide-right :is(input,select,button):focus-visible { outline: none; box-shadow: var(--radiant-focus-ring); }
.slide-right :disabled { opacity: .5; cursor: default; }

.slide-right [hidden] { display: none !important; }