/* 쇼케이스 업로드 모달(PLAN 261010 W3). 틀은 ui-kit .ui-modal, 고유 부분만 #showcase-upload 아래에 둔다. */

#showcase-upload .ui-modal-card { width: 600px; }
#showcase-upload [hidden] { display: none !important; }
#showcase-upload .ui-modal-viewport { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; }
#showcase-upload .ui-modal-step,
#showcase-upload .ui-modal-back,
#showcase-upload .ui-modal-main { white-space: nowrap; }
#showcase-upload textarea.ui-modal-input { height: auto; min-height: 4.8em; padding: 9px 12px; resize: vertical; font-family: inherit; line-height: 1.5; }
#showcase-upload textarea.sc-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .78rem; }

/* 고르는 칩 — 공용 걸러 보기 칩은 일부러 은은하다. 입력 창에서는 고른 것이 분명해야 한다(원장 261012 「너무 티가 안 난다」) */
#showcase-upload .ui-chips > .ui-chip[aria-pressed="true"] {
    background: color-mix(in srgb, var(--color-primary) 16%, transparent);
    border-color: var(--color-primary); color: var(--color-primary); font-weight: 600;
}
#showcase-upload .ui-chips > .ui-chip[aria-pressed="true"]::before {
    content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: .72rem; margin-right: .35rem;
}

#showcase-upload .sc-seg { margin-bottom: 14px; }
#showcase-upload .sc-result { margin-top: 10px; }
#showcase-upload .sc-result[data-check-ok] i { color: var(--ui-data); }
#showcase-upload .sc-result ul { margin: 6px 0 0; padding-left: 18px; }
#showcase-upload .sc-result li { margin: 3px 0; }
#showcase-upload .sc-result code { font-size: .74rem; }
#showcase-upload .sc-field-error { color: var(--ui-danger); }

#showcase-upload .sc-preview-box { margin-top: 12px; }
#showcase-upload .sc-frame { display: block; width: 100%; height: 240px; border: 1px solid var(--ui-border); border-radius: 10px; background: #fff; }
#showcase-upload .sc-video-frame { height: auto; aspect-ratio: 16 / 9; background: #000; }
#showcase-upload .sc-frame-bar { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; font-size: .75rem; color: var(--ui-soft); }

#showcase-upload .sc-rights { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--ui-border); border-radius: 10px; font-size: .84rem; line-height: 1.55; color: var(--ui-text); cursor: pointer; }
#showcase-upload .sc-rights + .sc-rights { margin-top: 8px; }
#showcase-upload .sc-rights input { margin: 3px 0 0; accent-color: var(--color-primary); }
#showcase-upload .sc-terms { display: inline-flex; margin-top: 8px; }

#showcase-upload .sc-ai-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
#showcase-upload .sc-ai-row .ui-modal-input { width: 160px; }
#showcase-upload .sc-order-hint { margin: 0 0 8px; }
#showcase-upload .sc-helper { align-items: center; margin: 0 0 12px; }
#showcase-upload .sc-helper > span { flex: 1; word-break: keep-all; }
#showcase-upload .sc-helper > i,
#showcase-upload .sc-helper-copy i { margin-top: 0; }
#showcase-upload .sc-helper-copy {
    flex: none; width: 30px; height: 30px; border: 0; border-radius: 8px;
    background: transparent; color: var(--ui-soft); cursor: pointer;
}
#showcase-upload .sc-helper-copy:hover { background: var(--ui-border); color: var(--ui-text); }
#showcase-upload .sc-prompt { display: flex; gap: 8px; align-items: flex-start; }
#showcase-upload .sc-prompt + .sc-prompt { margin-top: 8px; }
#showcase-upload .sc-prompt textarea { flex: 1; }
#showcase-upload .sc-prompt-num {
    flex: none; width: 20px; height: 20px; margin-top: 10px; border-radius: 50%;
    background: var(--ui-surface-2); color: var(--ui-muted); font-size: .72rem; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
}
#showcase-upload .sc-prompt-remove.sc-prompt-remove {
    flex: none; width: 28px; height: 28px; margin-top: 6px; border: 0; border-radius: 8px;
    background: transparent; color: var(--ui-soft); cursor: pointer;
}
#showcase-upload .sc-prompt-remove.sc-prompt-remove:hover { background: var(--ui-hover); color: var(--ui-text); }
#showcase-upload .sc-add { margin-top: 8px; }

#showcase-upload .sc-foot-note { margin-right: auto; font-size: .75rem; color: var(--ui-soft); }

@media (max-width: 520px) {
    #showcase-upload .ui-modal-step:not(.is-current) .sc-step-name { display: none; }
    #showcase-upload .ui-modal-foot { flex-wrap: wrap; }
    #showcase-upload .sc-foot-note { flex: 1 1 100%; order: -1; }
}

/* 반려 사유(1단계 맨 위)와 검사 알림 목록(§4-15·§4-16) */
#showcase-upload .sc-reject { margin-bottom: 14px; }
#showcase-upload .sc-reject-text { margin-top: 4px; }
#showcase-upload .sc-result[data-check-warn] ul { margin: 0; }

/* 쇼케이스 목록 위 안내: 내 검토 대기·반려 자료 */
.sc-review-note { margin: 0 0 12px; }