.settings-parity { display: grid; gap: 14px; min-width: 0; }
.settings-parity .card { display: grid; gap: 0; padding: 0 16px; background: var(--surface); border: 0; border-radius: 18px; min-width: 0; }
.settings-parity .card h3 { font-size: 17px; margin: 0; overflow-wrap: anywhere; }
.settings-parity .card p { margin: 0; line-height: 1.4; overflow-wrap: anywhere; }
.settings-parity .parity-field { display: grid; gap: 7px; min-width: 0; }
.settings-parity .parity-field-label { color: var(--secondary); font-size: 13px; font-weight: 650; }
.settings-parity .parity-field input:not([type=checkbox]), .settings-parity select, .settings-parity textarea { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 12px; padding: 10px; background: var(--surface-2); color: var(--label); font: inherit; }
.settings-parity .parity-field input[type=checkbox] { width: 24px; height: 24px; accent-color: var(--accent); }
.settings-parity textarea { resize: vertical; min-height: 180px; }
.settings-parity .feature-subtitle { display: block; color: var(--secondary); font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.settings-parity .inline-error { color: var(--danger); overflow-wrap: anywhere; }
.settings-parity .setting-row { display: flex; gap: 12px; align-items: center; justify-content: space-between; text-align: start; padding: 12px 0; background: transparent; color: var(--label); width: 100%; border: 0; border-bottom: 1px solid var(--line); }
.settings-parity .setting-row > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.settings-parity .setting-row strong { display: block; }
.settings-parity details summary { cursor: pointer; padding: 8px 0; color: var(--accent); }
.settings-parity-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; background: var(--surface-control); border-radius: 14px; }
.settings-parity-tabs button { flex: 1 1 90px; padding: 10px; border-radius: 10px; color: var(--secondary); background: transparent; overflow-wrap: anywhere; }
.settings-parity-tabs button[aria-selected=true] { color: var(--label); background: var(--surface-card); box-shadow: 0 1px 4px #0002; }
.settings-parity .inline-btn { white-space: normal; overflow-wrap: anywhere; padding-block: 7px; height: auto; }
.settings-parity :is(input, textarea, select, button):disabled { opacity: .6; }
.settings-parity :is(input, textarea, select, button, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 360px) { .settings-parity .card { padding: 12px; } .settings-parity .controls > button { flex: 1 1 120px; } }

.settings-parity .card > * { padding-block: 12px; }
.settings-parity .card > * + * { border-top: .5px solid var(--separator); }
.settings-parity .card h3 { font-weight: 400; color: var(--secondary); font-size: 13px; }
.settings-parity .parity-field:has(select), .settings-parity .parity-field:has(input[type=checkbox]) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.settings-parity .parity-field-label { color: var(--label); font-size: 16px; font-weight: 400; }
.settings-parity .parity-field > small { flex-basis: 100%; }
.settings-parity select { width: auto; max-width: 65%; padding: 8px 0; min-height: 44px; border: 0; background: transparent; color: var(--secondary); text-align: end; }
.settings-parity-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 16px; background: var(--dialog-backdrop); }
.settings-parity-sheet { display: grid; gap: 14px; width: min(640px,100%); max-height: calc(100dvh - 32px); overflow: auto; padding: 16px; border-radius: 20px; background: var(--bg); color: var(--label); }
.settings-parity-sheet-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: sticky; top: -16px; padding-block: 12px; background: var(--bg); z-index: 1; }
.settings-parity-sheet-toolbar h3 { font-size: 17px; margin: 0; }

.settings-parity .parity-field input:not([type=checkbox]), .settings-parity textarea { border: 0; border-radius: 0; background: transparent; padding: 8px 0; min-height: 44px; }
.settings-parity textarea { min-height: 180px; }
.settings-parity .parity-plain-field { position: relative; gap: 0; }

.settings-parity .media-settings-section { display: grid; gap: 8px; min-width: 0; }
.settings-parity .media-settings-section > h3 { margin: 0 16px; color: var(--secondary); font-size: 13px; font-weight: 400; }
.settings-parity .media-settings-section .native-labeled-content > .list-row { padding: 0; }

.settings-parity [data-workflow-section="metadata"] > h3 { font-size: 17px; font-weight: 600; color: var(--label); }
.settings-parity [data-workflow-section="metadata"] > p { color: var(--secondary); }
.settings-parity [data-workflow-section="content"] > textarea { min-height: 320px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

.settings-parity-sheet:has(> [data-workflow-section]), .settings-parity-sheet:has(> [data-workflow-section]) > .settings-parity-sheet-toolbar { background: var(--grouped-bg); }

.settings-parity .workflow-list-section { display: grid; gap: 8px; min-width: 0; }
.settings-parity .workflow-list-section > h3 { margin: 0 16px; color: var(--secondary); font-size: 13px; font-weight: 400; }

.settings-parity .media-category-section { display: grid; gap: 8px; min-width: 0; }
.settings-parity .media-category-section > h3 { margin: 0 16px; color: var(--secondary); font-size: 13px; font-weight: 400; }
.settings-parity .media-category-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) 18px; gap: 12px; }
.settings-parity .media-category-row > svg { width: 24px; height: 24px; color: var(--accent); }