/* 설문 QR — 맑은 날 학교 캠퍼스. 도크는 남색 교복 천, 강조는 분필 노랑, 제목은 검은고딕, 손글씨는 개구체. */
:root {
  --ink: #1f2a44;               /* 남색 교복 */
  --paper: #f8fafc;
  --accent: #ffd85a;            /* 분필 노랑 */
  --on-accent: #1f2a44;
  --dim: rgba(248, 250, 252, .72);
  --line: rgba(248, 250, 252, .18);
  --field-bg: rgba(248, 250, 252, .08);
  --bg-in: #eef6ff; --bg-out: #cfe3ff;
  --on-bg: #1f2a44;
  --warn: #ffd06a;
  --f-ui: 'Pretendard Variable', 'Apple SD Gothic Neo', system-ui, sans-serif;
  --h1-font: 400 28px/1.1 'Black Han Sans', sans-serif;
  --h2-font: 400 24px/1.2 'Black Han Sans', sans-serif;
  --r: 10px;
  --on-studio: #1f2a44;
}
body { background: linear-gradient(180deg, #cfe3ff 0%, #eef6ff 55%, #f6fbf0 100%) fixed #eef6ff; }
.dock, .studio-top, .studio-ctl, .studio-actions, .guide {
  background-color: var(--ink);
  background-image: repeating-linear-gradient(45deg, rgba(255,216,90,.05) 0 2px, transparent 2px 8px);
}
.dock { border-radius: 16px 16px 0 0; }
.dock h1 { text-shadow: 2px 2px 0 #2b5fa8; letter-spacing: 0; }
.lede { font-size: 14.5px; }
.row2 { display: grid; grid-template-columns: 1.25fr 1fr; gap: 8px; }
.fld select option { color: #2a1410; }
.fld input { border-radius: 10px; }
.btn { border-radius: 10px; }
.btn.icon { border-radius: 50%; }
.btn.primary { font: 400 18px/1 'Black Han Sans', sans-serif; box-shadow: 0 3px 0 #2b5fa8; }
.logo { background: #ffd85a; color: var(--ink); border-radius: 6px; transform: rotate(-3deg); }
.formats button, .qrstyle button { border-radius: 10px; }
.studio { background-color: #e9eef4; background-image: linear-gradient(rgba(31,42,68,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(31,42,68,.06) 1px, transparent 1px); background-size: 12px 12px; }
.bgs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 13.5px; color: var(--dim); }
.bgs label { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; cursor: pointer; }
.bgs input { accent-color: var(--accent); width: 17px; height: 17px; margin: 0; }
.guide h3 { font: 400 19px/1.2 'Black Han Sans', sans-serif; color: var(--accent); }
.guide-steps li::before { border-radius: 50%; font-family: 'Black Han Sans', sans-serif; font-weight: 400; }
.guide-more a { border-radius: 10px; }
@media (min-width: 900px) { .dock { border-radius: 16px; } .dock h1 { font-size: 34px; } }
.unofficial { margin: 0; font-size: 12px; color: var(--dim); }
.guide .unofficial { margin-top: 28px; }

.studio-fields input[type=date] { color-scheme: dark; }

/* 검수 반영: 도크 안내 줄·확인 버튼·작업대 경고·글자 수 */
.nb { white-space: nowrap; color: var(--dim); font-size: 13px; }
.r-note { margin: 0; font-size: 13px; line-height: 1.45; color: var(--accent); word-break: keep-all; }
.r-note:empty { display: none; }
.btn.try { width: 100%; min-height: 46px; background: transparent; color: var(--paper); border: 1.5px solid var(--accent); font-weight: 700; }
.qr-warn { margin: 0; font-size: 13px; line-height: 1.45; color: var(--ink); background: #fff3c4; border-left: 4px solid var(--accent); padding: 8px 10px; border-radius: 6px; word-break: keep-all; }
.qr-warn:empty { display: none; }
.cnt { font-weight: 500; font-size: 11.5px; color: var(--dim); font-variant-numeric: tabular-nums; }
.cnt.full { color: var(--warn); }