/* 증명사진 메이커 — 앱 전용 스타일(공통은 css/site.css 사본) */
:root { --accent: #0f766e; --accent-soft: #ccfbf1; }
.ip-two { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; }
.drop { border: 2px dashed var(--line); border-radius: var(--radius); padding: 48px 16px; text-align: center; color: var(--muted); cursor: pointer; background: var(--soft); }
.drop.over, .drop:focus-visible { border-color: var(--accent); color: var(--accent); outline: 0; }
.stage-wrap { display: flex; justify-content: center; background: #e2e8f0; border-radius: var(--radius); padding: 14px; }
#stage { max-width: 100%; height: auto; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .18); cursor: grab; touch-action: none; }
#stage.drag { cursor: grabbing; }
.sliders { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 10px 0; }
.sliders label { display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 8px; font-size: .85rem; color: var(--muted); }
.sliders input[type="range"] { width: 100%; }
.sliders .flt[hidden] { display: none; }
.chk { display: inline-flex; gap: 6px; align-items: center; font-size: .88rem; }
.chk input[type="color"] { width: 34px; height: 26px; padding: 1px; border: 1px solid var(--line); border-radius: 6px; }
.row.between { flex-wrap: wrap; gap: 8px; }
.custom { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.custom .field { margin: 0; }
.sheet-prev { display: flex; justify-content: center; background: #e2e8f0; border-radius: var(--radius); padding: 10px; margin: 8px 0; }
#sheet-cv { max-width: 100%; height: auto; background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, .15); }
#head-info { color: var(--accent); font-weight: 600; }
@media (max-width: 900px) { .ip-two { grid-template-columns: 1fr; } .sliders { grid-template-columns: 1fr; } }