.skin-resource-leases { position: fixed; left: -4px; top: 0; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.skin-resource-leases > .asset-frame { position: absolute; inset: 0; width: 1px; height: 1px; }
.skin-editor { max-width: 660px; padding: 4px 0 20px; }
.skin-editor > h2 { margin: 0 0 8px; }
.skin-fields { padding-block: 4px; }
.skin-color { display: flex; align-items: center; gap: 16px; }
.skin-color .field:first-child { flex-direction: row; align-items: center; }
.skin-color input[type="checkbox"] { width: 16px; min-height: 16px; }
.skin-color input[type="color"] { width: 64px; min-height: 30px; padding: 3px; }
.skin-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.skin-actions > button { min-height: 32px; padding: 5px 9px; }
.skin-artwork-choice { width: 160px; margin: 8px 0; }
.skin-artwork-choice > .asset-frame { width: 160px; max-height: 100px; overflow: hidden; border-radius: 4px; }
.skin-artwork-choice .asset-image { max-height: 100px; object-fit: contain; }
.skin-artwork-picker { margin: 12px 0; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
.skin-picker-heading { display: flex; align-items: center; justify-content: space-between; }
.skin-artwork-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(76px,1fr)); gap: 8px; max-height: 240px; overflow: auto; scrollbar-width: none; }
.skin-artwork-grid::-webkit-scrollbar { display: none; }
.skin-artwork-option { padding: 0; min-width: 0; border-radius: 5px; overflow: hidden; background: var(--inset); }
.skin-artwork-option > .asset-frame { width: 100%; height: 76px; min-height: 76px; }
.skin-artwork-option .asset-image { width: 100%; height: 76px; object-fit: cover; }

/* An absent component override leaves its original theme material intact. */
body[data-skin-components~="siteHeader"] #protected-header-row {
    background: var(--skin-siteHeader-color,transparent) var(--skin-siteHeader-image,none) center / var(--skin-siteHeader-size,cover) var(--skin-siteHeader-repeat,no-repeat);
}
body[data-skin-components~="background"], body[data-skin-components~="background"] #main {
    background: var(--skin-background-color,transparent) var(--skin-background-image,none) center / var(--skin-background-size,cover) var(--skin-background-repeat,no-repeat);
}
body[data-skin-components~="communityHeader"] #community-header-artwork {
    background: var(--skin-communityHeader-color,transparent) var(--skin-communityHeader-image,none) center / var(--skin-communityHeader-size,cover) var(--skin-communityHeader-repeat,no-repeat);
}
body[data-skin-components~="communityCategories"] .category-heading {
    background: var(--skin-communityCategories-color,transparent) var(--skin-communityCategories-image,none) center / var(--skin-communityCategories-size,cover) var(--skin-communityCategories-repeat,no-repeat);
}
body[data-skin-components~="communityFooter"] #nav-profile-bar {
    background: var(--skin-communityFooter-color,transparent) var(--skin-communityFooter-image,none) center / var(--skin-communityFooter-size,cover) var(--skin-communityFooter-repeat,no-repeat);
}
body[data-skin-components~="bottomToolbar"] :is(#bottom-chrome-layer, #lower-drawer .shelf-toolbar) {
    background: var(--skin-bottomToolbar-color,transparent) var(--skin-bottomToolbar-image,none) center / var(--skin-bottomToolbar-size,cover) var(--skin-bottomToolbar-repeat,no-repeat);
}
body[data-skin-components~="workspaceIcons"] .board-browser-rail {
    background: var(--skin-workspaceIcons-color,transparent) var(--skin-workspaceIcons-image,none) center / var(--skin-workspaceIcons-size,cover) var(--skin-workspaceIcons-repeat,no-repeat);
}
body[data-skin-components~="workspaceNav"] #board-navigation {
    background: var(--skin-workspaceNav-color,transparent) var(--skin-workspaceNav-image,none) center / var(--skin-workspaceNav-size,cover) var(--skin-workspaceNav-repeat,no-repeat);
}
body[data-skin-components~="workspaceBoards"] #board-nav-list {
    background: var(--skin-workspaceBoards-color,transparent) var(--skin-workspaceBoards-image,none) center / var(--skin-workspaceBoards-size,cover) var(--skin-workspaceBoards-repeat,no-repeat);
}
body[data-skin-components~="workspaceFolderPath"] #lower-drawer .shelf-toolbar {
    background: var(--skin-workspaceFolderPath-color,transparent) var(--skin-workspaceFolderPath-image,none) center / var(--skin-workspaceFolderPath-size,cover) var(--skin-workspaceFolderPath-repeat,no-repeat);
}
body[data-skin-components~="workspaceArea"] #board-browser-scroll {
    background: var(--skin-workspaceArea-color,transparent) var(--skin-workspaceArea-image,none) center / var(--skin-workspaceArea-size,cover) var(--skin-workspaceArea-repeat,no-repeat);
}
body[data-skin-components~="scrollbar"] .scroll-rail {
    background: var(--skin-scrollbar-color,transparent) var(--skin-scrollbar-image,none) center / var(--skin-scrollbar-size,cover) var(--skin-scrollbar-repeat,no-repeat);
}
body[data-skin-components~="navColumnBacking"] #navigator {
    background: var(--skin-navColumnBacking-color,transparent) var(--skin-navColumnBacking-image,none) center / var(--skin-navColumnBacking-size,cover) var(--skin-navColumnBacking-repeat,no-repeat);
}