.folder-cover { width: min(440px, calc(100vw - 48px)); color: var(--ui-text-primary); font: var(--ui-font-size-callout)/var(--ui-line-height-callout) var(--ui-font); }
.folder-cover h2 { margin: 0 0 8px; font-size: var(--ui-font-size-title); line-height: var(--ui-line-height-title); font-weight: var(--ui-font-weight-title); overflow-wrap: anywhere; }
.folder-cover-help { margin: 0 0 16px; color: var(--ui-text-secondary); line-height: 1.5; }
.folder-cover-preview { display: grid; place-items: center; width: 100%; aspect-ratio: 762 / 510; overflow: hidden; border: var(--ui-border-0); border-radius: var(--ui-radius-12); background: var(--ui-bg-secondary); color: var(--ui-text-tertiary); }
.folder-cover-preview img { width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; }
.folder-cover [hidden] { display: none !important; }
.folder-cover label { display: grid; gap: 8px; margin-top: 16px; font-weight: 600; }
.folder-cover input[type="file"] { width: 100%; min-width: 0; color: var(--ui-text-secondary); font: inherit; }
.folder-cover [data-cover-status] { min-height: 18px; margin: 8px 0 0; color: var(--ui-text-secondary); font-size: var(--ui-font-size-caption); overflow-wrap: anywhere; }
.folder-cover-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.folder-cover-actions button { padding: 7px 12px; border: var(--ui-border-0); border-radius: var(--ui-radius-8); background: var(--ui-bg); color: var(--ui-text-primary); font: inherit; cursor: pointer; }
.folder-cover-actions [data-cover-clear] { margin-right: auto; }
.folder-cover-actions [data-cover-save] { border-color: var(--ui-accent); background: var(--ui-accent); color: var(--ui-bg); }
.folder-cover-actions button:disabled { cursor: not-allowed; opacity: .45; }
.folder-cover :focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 2px; }