/* Feature preference fields; master owns the settings panel and extension grid. */
.media-preferences summary { cursor:pointer; padding-block:8px; }
.media-preferences-status { overflow-wrap:anywhere; }
#mediaAccountSettings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:20px; }
#mediaAccountSettings fieldset { min-width:0; border:1px solid #b6a259; border-radius:8px; padding:12px; }
#mediaAccountSettings legend { font-weight:700; }
#mediaAccountSettings label { display:flex; align-items:center; gap:8px; margin-block:10px; }
#mediaAccountSettings button { cursor:pointer; padding:8px; }
#mediaAccountSettings .media-preferences-status { grid-column:1 / -1; }
@media(max-width:540px) { #mediaAccountSettings { grid-template-columns:1fr; } }

.media-preferences fieldset.media-library-preferences { grid-column: 1 / -1; }
#mediaAccountSettings .ui-choice { margin-block: 0; }

.media-library-settings{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:0;margin:4px auto 8px 0;width:fit-content;line-height:1.5}
.media-library-settings input[type=checkbox]{margin:0 0 0 4px;flex:0 0 auto}

.media-library-preview{position:relative}
.media-library-preview .media-library-settings{position:absolute;left:12px;top:8px;margin:0;line-height:24px}
@media(max-width:480px){.media-library-preview .media-library-settings{position:static;margin:4px auto 8px 0}}