/* =================================================================== */
/* 페이지 특정 CSS (랜덤 추첨기용)                                    */
/* =================================================================== */
.picker-layout {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rg-spacing-large);
}
.input-panel { flex: 1; min-width: 300px; }
.result-panel { flex: 1; min-width: 300px; }

#items-input { height: 300px; }

.options-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rg-spacing);
    align-items: center;
    margin-top: var(--rg-spacing);
}

.results-container {
    height: 100%;
    min-height: 350px;
    background-color: var(--rg-color-background-alt);
    border: 1px solid var(--rg-color-border);
    border-radius: var(--rg-border-radius);
    padding: var(--rg-spacing-large);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 애니메이션 영역 */
#animation-box {
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid var(--rg-color-primary);
    border-top: 2px solid var(--rg-color-primary);
    margin-bottom: var(--rg-spacing-large);
}
.roulette-item {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    position: absolute;
    width: 100%;
    transition: opacity 0.1s;
}

/* 최종 결과 영역 */
.final-winners-list {
    list-style: none;
    padding: 0;
    width: 100%;
    text-align: center;
}
.final-winners-list li {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--rg-color-primary-dark);
    padding: 8px;
    background-color: var(--rg-color-secondary);
    border-radius: var(--rg-border-radius);
    margin-bottom: 8px;
}