/* Variation levels use slider states; the two similarity modes retain radio dots. */
#studioView.focused-editor[data-stage="create"] #editorStyleSettings input[name="variationLevel"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  appearance: none;
  -webkit-appearance: none;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
#studioView.focused-editor[data-stage="create"] #editorStyleSettings .style-opt:has(input[name="styleStrength"]:focus-visible),
#studioView.focused-editor[data-stage="create"] #variationOptions .variation-opt:has(input[name="variationLevel"]:focus-visible) {
  outline: 2px solid var(--mark) !important;
  outline-offset: 2px;
}
#studioView.focused-editor[data-stage="create"] #editorStyleSettings > .style-options > .style-opt:has(input[name="styleStrength"][value="high"]:checked) {
  border-color: var(--mark) !important;
  background: color-mix(in srgb, var(--mark) 10%, var(--field)) !important;
  color: var(--text) !important;
}
#studioView.focused-editor[data-stage="create"] #editorStyleSettings .inspiration-style-control:has(input[name="styleStrength"][value="inspiration"]:checked) {
  border-color: var(--mark) !important;
}

#studioView.focused-editor[data-stage="create"] #editorStyleSettings input[name="styleStrength"] {
  position: static;
  inset: auto;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin: 0;
  opacity: 1;
  appearance: auto;
  -webkit-appearance: auto;
  accent-color: var(--mark);
}

/* A description naming a style locks replica mode: 参考灵感 must read as
   unavailable instead of merely losing the selected border. */
#editorStyleSettings .style-opt:has(input[name="styleStrength"]:disabled) {
  opacity: .5;
  cursor: not-allowed;
}
#editorStyleSettings .style-opt:has(input[name="styleStrength"]:disabled) :is(strong, small) {
  color: var(--muted-strong) !important;
}
#editorStyleSettings .variation-toggle:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.style-lock-note {
  display: grid;
  gap: 3px;
  margin: 8px 0 0;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-2);
  color: var(--text-soft);
  font-size: 11px;
  line-height: 1.55;
}
.style-lock-note[hidden] { display: none; }
.style-lock-note strong {
  color: var(--text);
  font-size: 11.5px;
  font-weight: 600;
}
.style-lock-note.is-attention {
  border-color: var(--mark);
  background: color-mix(in srgb, var(--mark) 8%, var(--field));
}