.gallery[data-gallery-state="loading"] .gallery-current,
.gallery[data-gallery-state="loading"] .gallery-arrow,
.gallery[data-gallery-state="empty"] .gallery-current,
.gallery[data-gallery-state="empty"] .gallery-arrow,
.gallery[data-gallery-state="error"] .gallery-current,
.gallery[data-gallery-state="error"] .gallery-arrow{visibility:hidden}
.gallery-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:20px;text-align:center;color:#56636c;font-size:15px;font-weight:700}
.gallery-thumbs button{border:4px solid transparent;border-radius:4px;transition:border-color .2s,opacity .2s}
.gallery-thumbs button.active{border-color:#079bd0;opacity:1}
.gallery-thumbs button:focus-visible{outline:2px solid #079bd0;outline-offset:2px}
.gallery-thumbs .gallery-thumb-item{position:relative;flex:0 0 calc((100% - 56px)/8);aspect-ratio:1.7;border:4px solid transparent;border-radius:6px;overflow:hidden;transition:border-color .2s,opacity .2s;opacity:.55}
.gallery-thumbs .gallery-thumb-item.active,.gallery-thumbs .gallery-thumb-item:hover{border-color:#079bd0;opacity:1}
.gallery-thumbs .gallery-thumb-item.drag-placeholder{opacity:.32;border:2px dashed #0677bd;background:#d9ecfa;box-shadow:inset 0 0 0 2px #fff}
.gallery-drag-ghost{position:fixed;z-index:9999;pointer-events:none;overflow:hidden;border:3px solid #0677bd;border-radius:9px;background:#e9f5ff;box-shadow:0 16px 32px #0c355a66;transform:scale(1.06)}
.gallery-drag-ghost img{display:block;width:100%;height:100%;object-fit:cover}
.gallery-drag-ghost::after{content:'↔';position:absolute;top:50%;left:50%;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid #0867b4;border-radius:50%;background:#e9f5ff;color:#0867b4;font-size:24px;font-weight:800;box-shadow:0 2px 8px #0005}
.gallery-thumbs .gallery-thumb-select{display:block;width:100%;height:100%;border:0;border-radius:0;opacity:1;aspect-ratio:auto}
.gallery-thumbs .gallery-thumb-delete,.gallery-thumbs .gallery-thumb-move{position:absolute;display:grid;place-items:center;width:30px;height:30px;padding:0;border:2px solid currentColor;border-radius:50%;opacity:1;aspect-ratio:auto;font-weight:800;line-height:1;box-shadow:0 2px 7px #0006;z-index:3}
.gallery-thumbs .gallery-thumb-delete{top:3px;right:3px;color:#d52835;background:#fff;font-size:23px}
.gallery-thumbs .gallery-thumb-move{top:50%;left:50%;transform:translate(-50%,-50%);color:#0867b4;background:#e9f5ff;font-size:23px;cursor:grab;touch-action:none;user-select:none}
.gallery-thumbs .gallery-thumb-move:active{cursor:grabbing}
.gallery-admin-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.gallery-admin-add{border:0;border-radius:999px;padding:11px 18px;background:#bde96b;color:#173624;font-weight:800;cursor:pointer}
.gallery-admin-add:disabled{opacity:.5;cursor:wait}
.gallery-admin-note{font-size:13px;color:#526575}
.gallery-delete-dialog{border:0;border-radius:16px;padding:30px;max-width:min(90vw,400px);box-shadow:0 20px 80px #0004;color:#172b3d}
.gallery-delete-dialog::backdrop{background:#101b2c99}
.gallery-delete-dialog h2{font-size:21px;margin:0 0 12px}
.gallery-delete-dialog p{margin:0 0 24px;color:#677784}
.gallery-delete-actions{display:flex;justify-content:flex-end;gap:10px}
.gallery-delete-actions button{border:1px solid #cbd3d8;border-radius:10px;padding:10px 16px;background:#fff;cursor:pointer}
.gallery-delete-actions button[value="yes"]{border-color:#cf2938;background:#d83240;color:#fff;font-weight:800}
@media(max-width:760px){.gallery-thumbs .gallery-thumb-item{flex-basis:22%}.gallery-thumbs .gallery-thumb-delete,.gallery-thumbs .gallery-thumb-move{width:26px;height:26px;font-size:20px}}