.slide-grid { display: grid; gap: 6px; max-width: 340px; margin: 1rem auto; }
.slide-tile {
    aspect-ratio: 1; border: none; border-radius: 12px;
    font-family: var(--kf); font-weight: 700; font-size: clamp(1.3rem, 7vw, 2rem);
    color: #fff; background: linear-gradient(160deg, #f783ac, #f06595);
    cursor: pointer; box-shadow: 0 4px 0 rgba(0, 0, 0, .15);
}
.slide-tile:active { transform: translateY(3px); box-shadow: 0 1px 0 rgba(0, 0, 0, .15); }
.slide-tile.blank { background: transparent; box-shadow: none; cursor: default; }
.slide-sizes { display: flex; gap: .4rem; }
.slide-size {
    font-family: var(--kf); font-weight: 600; background: #f1e9ff; color: #6a4bbc;
    border: 2px solid #e0d0ff; border-radius: 999px; padding: .4rem .9rem; cursor: pointer;
}
.slide-size.active { background: #d0bcff; }