.writing-settings {
  display: grid;
  gap: 8px;
}

.writing-settings__group {
  min-width: 0;
  border: 1px solid var(--ui-line);
  border-radius: 14px;
  background: var(--ui-surface);
}

.writing-settings__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 8px 14px;
  border-radius: inherit;
  color: var(--ui-ink);
  cursor: pointer;
  font-size: 14px;
  font-weight: 720;
  list-style: none;
}

.writing-settings__summary::-webkit-details-marker { display: none; }
.writing-settings__group[open] > .writing-settings__summary svg { transform: rotate(180deg); }

.writing-settings svg {
  width: 16px;
  height: 16px;
  flex: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.writing-settings__content { padding: 0 14px 14px; }
.writing-settings__list { list-style: none; padding: 0; margin: 0; }

.writing-settings__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 8px;
  padding: 8px 0;
  border-top: 1px solid var(--ui-line);
  color: var(--ui-ink);
  font-size: 14px;
}

.writing-settings__copy {
  display: grid;
  min-width: min(100%, 135px);
  flex: 1;
  gap: 3px;
  overflow-wrap: anywhere;
}

.writing-settings__copy small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--ui-muted);
  font-size: 13px;
  line-height: 1.4;
}

.writing-settings__actions {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin-left: auto;
}

.writing-settings__action {
  display: inline-flex;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ui-blue-ink);
  font: inherit;
  font-size: 13px;
  font-weight: 680;
}

.writing-settings__action[data-writing-action="delete"] { color: var(--ui-muted); }
.writing-settings__action:active:not(:disabled) { background: var(--ui-blue-light); }
.writing-settings__action:disabled { color: var(--ui-muted); opacity: .5; cursor: default; }

.writing-settings__label {
  margin: 12px 0 4px;
  color: var(--ui-muted);
  font-size: 13px;
  font-weight: 700;
}

.writing-settings__add { margin-top: 8px; }
.writing-settings__editor { margin-top: 12px; }
.writing-settings__editor-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
#modalRoot .writing-settings__editor-actions .btn { min-height: 52px !important; margin-top: 0 !important; }

.writing-settings__status {
  color: var(--ui-muted);
  font-size: 13px;
}

.writing-settings__status:not(:empty) { margin-top: 8px; }