/* Dashboard shell geometry overrides. */
.studio-shell.container {
  --dashboard-radius: var(--radius-xl);
  --dashboard-border-width: 2px;
  border-radius: var(--dashboard-radius);
}

.studio-shell.container::before {
  inset: calc(var(--dashboard-border-width) * -1);
  border-radius: calc(var(--dashboard-radius) + var(--dashboard-border-width));
}

@media (max-width: 768px) {
  .studio-shell.container {
    --dashboard-radius: 20px;
  }
}

@media (max-width: 640px) {
  .studio-shell.container {
    --dashboard-radius: 22px;
  }
}

/* Readability overrides for preview output sections. */
#output:not(:has(.styled-note-card)) {
  background: linear-gradient(145deg, #fff, #eef2ff);
  border: 1px solid rgba(92, 45, 145, 0.18);
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);
  color: var(--ld-purple);
  padding: 24px;
}

#output:not(:has(.styled-note-card)) h1,
#output:not(:has(.styled-note-card)) h2,
#output:not(:has(.styled-note-card)) li {
  color: var(--ld-purple);
  -webkit-text-fill-color: var(--ld-purple);
  text-shadow: none;
}

#output:not(:has(.styled-note-card)) li::before {
  color: var(--ld-purple);
  text-shadow: none;
}

.styled-note-card,
.styled-note-card * {
  color: var(--ld-purple);
  -webkit-text-fill-color: var(--ld-purple);
  text-shadow: none;
}

.styled-note-card header {
  background: linear-gradient(145deg, #fff, #eef2ff);
  border-bottom: 1px solid rgba(92, 45, 145, 0.16);
}

.styled-note-card .preset-mark {
  background: rgba(92, 45, 145, 0.10);
  border: 1px solid rgba(92, 45, 145, 0.16);
}

.styled-note-card footer {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(92, 45, 145, 0.14);
}

input,
select,
textarea,
textarea#notes {
  color: var(--ld-purple);
  -webkit-text-fill-color: var(--ld-purple);
}

input::placeholder,
textarea::placeholder,
textarea#notes::placeholder {
  color: rgba(92, 45, 145, 0.65);
  -webkit-text-fill-color: rgba(92, 45, 145, 0.65);
}

select option {
  color: var(--ld-purple);
}