.selected-grid{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:4;display:flex;gap:8px;width:max-content;max-width:calc(100% - 48px);overflow-x:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#ffffff88 transparent}
.selected-grid button{flex:0 0 96px;width:96px;height:72px;padding:0;border:0;background:transparent;overflow:hidden;box-shadow:0 2px 10px #0004;cursor:zoom-in;transition:opacity .18s}
.selected-grid button:hover{opacity:.85}
.selected-grid img{display:block;width:100%;height:100%;object-fit:cover}
.selected-dialog{box-sizing:border-box;width:85vw;max-width:85vw;height:85svh;max-height:85svh;margin:auto;padding:0;border:0;background:transparent;overflow:hidden;outline:none;transform-origin:0 0;cursor:zoom-out;box-shadow:none}
.selected-dialog img{display:block;width:100%;height:100%;object-fit:contain;border:0;outline:none;background:transparent}
.selected-dialog::backdrop{background:#19221d88;backdrop-filter:blur(3px)}
body:has(.selected-dialog[open]){overflow:hidden}

@media(max-width:700px){.selected-grid{max-width:calc(100% - 44px);gap:6px}.selected-grid button{flex-basis:76px;width:76px;height:58px}}

.render-group{flex:0 0 auto;display:flex;flex-direction:column;gap:6px}.render-group+.render-group{margin-left:14px;padding-left:22px;border-left:1px solid #ffffff66}.render-group-label{font-size:14px;font-weight:600;color:white;line-height:1.2;text-shadow:0 1px 5px #000}.render-group-images{display:flex;gap:8px}.selected-grid button:focus-visible{outline:2px solid white;outline-offset:2px}
@media(max-width:700px){.render-group-images{gap:6px}.render-group+.render-group{margin-left:6px;padding-left:12px}}