/* 청첩장 QR — 꽃 정원 예배당. 도크는 짙은 자두빛(청첩장 봉투 안감), 글씨는 고운바탕, 강조는 샴페인 금. 작업대는 리넨 식탁보. */
:root {
  --ink: #3b2433;               /* 자두 */
  --paper: #fbeff0;
  --accent: #e5c78f;            /* 샴페인 금 */
  --on-accent: #3b2433;
  --dim: rgba(251, 239, 240, .68);
  --line: rgba(251, 239, 240, .17);
  --field-bg: rgba(251, 239, 240, .06);
  --bg-in: #fbe9ea; --bg-out: #d9c8de;
  --on-bg: #4a3044;
  --warn: #ffc0b0;
  --f-ui: 'Pretendard Variable', 'Apple SD Gothic Neo', 'Noto Sans KR', system-ui, sans-serif;
  --h1-font: 700 27px/1.2 'Gowun Batang', 'Noto Serif KR', serif;
  --h2-font: 700 23px/1.25 'Gowun Batang', 'Noto Serif KR', serif;
  --r: 2px;
  --on-studio: rgba(59, 36, 51, .7);
}
/* 해 질 녘 정원 하늘: 위는 라일락, 아래는 연분홍 */
body { background: linear-gradient(180deg, #c7b6d8 0%, #e6cfdc 50%, #f8e6e2 100%) fixed #e6cfdc; }
.dock, .studio-top, .studio-ctl, .studio-actions, .guide {
  background-color: var(--ink);
  background-image: radial-gradient(80% 60% at 85% 0%, rgba(229,199,143,.09), transparent 70%);
}
.dock { border-top: 1px solid var(--accent); box-shadow: 0 -5px 0 -4px var(--accent); }
.dock h1 { letter-spacing: -.02em; }
.lede { font-family: 'Gowun Batang', serif; font-size: 15px; }
.fld > span, .qrstyle > span { font: 700 14px/1.2 'Gowun Batang', serif; }
.btn.primary { font: 700 16.5px/1 'Gowun Batang', serif; letter-spacing: .02em; }
.logo { background: var(--accent); color: var(--ink); }
/* 리넨 식탁보 */
.studio {
  background-color: #ece5dc;
  background-image:
    repeating-linear-gradient(0deg, rgba(120,90,70,.05) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(120,90,70,.05) 0 1px, transparent 1px 5px),
    radial-gradient(70% 60% at 50% 40%, #f6f1ea, #e2d9cd);
}
.bgs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 13.5px; color: var(--dim); }
.bgs > span { font: 700 14px/1.2 'Gowun Batang', serif; margin-right: 2px; }
.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 { font-size: 15.5px; }
.guide h3 { font: 700 18px/1.3 'Gowun Batang', serif; }
.guide-lede { font-family: 'Gowun Batang', serif; line-height: 1.85; }
@media (min-width: 900px) { .dock h1 { font-size: 32px; } }

/* 작업대: 형식마다 쓰는 칸만 */
.studio[data-fmt="sticker"] .ins-only, .studio[data-fmt="tag"] .ins-only { display: none; }
.studio:not([data-fmt="sticker"]) .stk-only { display: none; }
.fine { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--dim); }
.qr-warn { margin: 0; font-size: 13px; line-height: 1.45; color: var(--accent); }
.qr-warn:empty { display: none; }
.guide b.inl { display: inline; }