@layer t2.module {
/* Path: T2Editor/js/utils/upload-container.css */
/* Default look for the shared upload container (js/utils/upload-container.js).
   Plugins may add their own variantClass on top of this for extra tweaks, but no
   plugin needs to redeclare the dropzone/border/drag-over rules anymore. */

.t2-upload-container {
    position: relative;
    margin-bottom: var(--t2-s5);



    text-align: center;
    cursor: pointer;
    transition: border-color .2s, background-color .2s;
}

/* .t2-upload-container:hover 가 이 그룹에 잘못 섞여 있었다. 그 결과 드롭존에
   마우스를 올리면 컨테이너 자신의 font-size 가 48px, margin-bottom 이 12px 로
   튀었다. 아이콘 치수를 컨테이너에 적용한 것이므로 그룹에서 분리한다.
   hover 상태는 아래쪽 규칙 하나가 단독으로 소유한다. */
/* 크기와 형상은 t2-visual-system.css(t2.product)가 소유한다 — 규격이 둘
   (standard/compact)이고 그 선택이 문맥에서 나오므로 한 곳에 있어야 한다.
   여기 남는 것은 product 가 정하지 않는 잉크뿐이다. 예전에는 이 규칙이
   48px 아이콘과 margin 을 함께 들고 있어, product 의 규격과 두 벌이 됐다. */
.t2-upload-container .material-icons {
    color: var(--t2-ink-muted);
}

/* 드롭존의 주 라벨은 안내문이지 조작 신호가 아니다. 제품색은 그 안의
   "내 파일에서 찾아보기" 링크 하나가 갖는다 — 라벨까지 제품색이면 무엇이
   눌리는 것인지 색으로는 구분되지 않는다(705 §6·§13). 다크는 이미
   --t2-ink 였고, 라이트만 뒤집혀 있었다. */
.t2-upload-container__text {
    font-size: 14px;
    font-weight: 600;
    color: var(--t2-ink);
}

.t2-upload-container__hint {
    margin-top: var(--t2-s1);
}

.t2-upload-container__input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.t2-upload-container--busy {
    cursor: not-allowed;
    opacity: .6;
}

.t2-upload-container--busy .t2-upload-container__input {
    cursor: not-allowed;
    pointer-events: none;
}

html[data-t2editor-theme="dark"] .t2-upload-container .material-icons { color: var(--t2-ink-muted); }

/* 드롭존의 면·경계·hover/focus-within/drag-over 상태 색은 전부
   t2-visual-system.css(t2.product)가 소유한다. 레이어 순서상 product 의 base
   .t2-upload-container 가 이 파일의 상태 규칙을 이기므로 여기서 상태 색을 다시
   선언하면 죽은 선언이 된다. 예전에는 product 에 :hover 가 빠져 있어 이 죽은
   선언에 기대고 있었고, 그 결과 드롭존 hover 가 실제로는 무반응이었다 —
   product 에 :hover 를 더해 셋을 한곳에서 소유하게 하고, 여기서는 겹치는 색
   선언을 걷어냈다. module 은 base 기하와 product 가 소유하지 않는 조각
   (아이콘·라벨·진행 바 색)만 남긴다. */
.t2-upload-container {
  min-height: 148px;
  transition: border-color .14s ease, background-color .14s ease;
}
html[data-t2editor-theme="dark"] .t2-upload-progress .t2-progress-bar { background:var(--t2-line); }
html[data-t2editor-theme="dark"] .t2-upload-progress .t2-progress-fill { background:var(--t2-surface); }

/* T2Editor /law 706 — upload native-control and root overflow containment */
.t2-upload-container {
  max-width: 100%;
  overflow-x: hidden;
}
.t2-upload-container :where(button, input, textarea, select):focus-visible {
  outline: 1px solid var(--t2-editor, var(--t2-product));
  outline-offset: 2px;
  box-shadow: none;
}

}