:root{--desk:#f1f2ea;--board:#5d6b2b;--board-edge:#3d471b;--foil:#dfe8b6}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#13140f;--board:#4a5622;--board-edge:#2b3313;--foil:#dfe8b6}}body{--drop-label:"여기에 놓으면 사진을 넣어요"}.panel{gap:12px;display:grid}.pager{justify-content:space-between;align-items:center;display:flex}.pager .ghost:disabled{opacity:.4}.tip{color:var(--ink-soft);text-align:center;margin:0;font-size:13px}.stage{touch-action:none;justify-self:center;max-width:100%;position:relative}.stage canvas{border-radius:4px;max-width:100%;max-height:62vh;display:block}.frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frame polygon{fill:#dfe8b62e;stroke:#9bd12e;stroke-width:6px;vector-effect:non-scaling-stroke}.handle{touch-action:none;cursor:grab;background:#5d6b2bd9;border:3px solid #fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;padding:0;position:absolute;box-shadow:0 2px 8px #00000073}.page-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.preview{border:1px solid var(--rule);border-radius:4px;max-width:100%;max-height:40vh;margin:0 auto 12px;display:block}#result p{margin:0 0 12px;font-weight:600}.result-actions{gap:10px;display:grid}
