:root { --gap: 12px; }
* { box-sizing: border-box; }

html, body { height: 100%; }
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;   /* ← 가로축(크로스축) 중앙 정렬 */
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    margin: 0;
    color: #111;
    background: #fafafa;
}

main { flex: 1 0 auto; }          /* sticky footer 유지 */

.container { max-width: 960px; margin: 0 auto; padding: 0 16px; }
footer.footer { margin-top: auto; padding: 24px 0; color: #666; }



footer.footer {
    margin-top: auto;
    padding: 24px 0;
    color: #666;

    /* 중앙 정렬 */
    display: flex;
    justify-content: center;   /* 가로 중앙 */
    align-items: center;       /* 세로 정렬 */
    gap: 8px;                  /* 점(•)과 링크 사이 간격 */
    flex-wrap: wrap;           /* 모바일에서 줄바꿈 시에도 가운데 유지 */
    text-align: center;        /* 여러 줄이 생길 때 가운데 정렬 유지 */
}


/* ── 공통 UI ─────────────────────────────────────────────────────── */
.container { max-width: 960px; margin: 0 auto; padding: 0 16px; }
.site-title a { text-decoration: none; color: inherit; }

.card { background:#fff; border:1px solid #eee; border-radius:12px; padding:16px; margin:16px 0; }
.card-title { margin:0 0 12px; }
.form .field { display:block; margin-bottom:12px; }
.targets label { margin-right:12px; }
.actions { display:flex; align-items:center; gap:12px; margin-top:12px; }
.spinner { display:inline-block; }
.btn { border-radius: 8px;   }
.hint { color:#666; }

/* ── 드래그&드롭 업로드 영역 ────────────────────────────────────── */
.dropzone{
    border:2px dashed #cfd4dc; border-radius:12px; padding:24px;
    text-align:center; background:#fafbfc; transition:background .15s,border-color .15s;
    margin:8px 0 12px; cursor:pointer; user-select:none;
}
.dropzone:focus{ outline:2px solid #94a3b8; outline-offset:2px; }
.dropzone.is-dragover{ background:#eef6ff; border-color:#6aa6ff; }
.dropzone .dz-inner{ display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
.dropzone .dz-sep{ color:#9aa3af; }
.dropzone .dz-hint{ color:#6b7280; font-size:.9rem; margin-top:6px; }