.ws-preview-shell {
    display: grid;
    gap: 1rem;
}

.ws-grid {
    display: grid;
    gap: 2px;
    padding: 0.75rem;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(87, 76, 67, 0.14);
    min-height: 280px;
}

.ws-cell {
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    background: rgba(248, 245, 242, 0.95);
    border: 1px solid rgba(87, 76, 67, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-headline);
    font-weight: 800;
    font-size: clamp(0.72rem, 1vw + 0.45rem, 1.05rem);
    color: var(--color-on-surface);
    text-transform: uppercase;
}

.ws-word-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.ws-word-tag {
    border-radius: 999px;
    padding: 0.45rem 0.8rem;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(87, 76, 67, 0.12);
    font-family: var(--font-label);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}