:root{--desk:#f6ecf0;--board:#ad1457;--board-edge:#760d3b;--foil:#f3b6cd}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#170f13;--board:#8c1147;--board-edge:#55092a;--foil:#f3b6cd}}body{--drop-label:"여기에 놓으면 사진을 열어요"}.panel{gap:12px;display:grid}.tip{color:var(--ink-soft);text-align:center;word-break:keep-all;margin:0;font-size:13px}.stage{background:#2b2226;border-radius:14px;justify-content:center;padding:14px;display:flex}.frame{touch-action:none;cursor:grab;background:#fff;width:min(100%,300px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff80}.frame:active{cursor:grabbing}.frame canvas,.frame svg{width:100%;height:100%;display:block;position:absolute;inset:0}.frame svg{pointer-events:none}.guide-line{stroke:#ff3d8b;stroke-width:.35px;stroke-dasharray:1.2 .8;fill:none}.guide-band{fill:#ff3d8b38}.guide-oval{fill:none;stroke:#ffffffe6;stroke-width:.35px;stroke-dasharray:1 .8}.guide-center{stroke:#ffffffbf;stroke-width:.2px;stroke-dasharray:.6 .8}.guide-text{fill:#fff;stroke:#0000008c;stroke-width:.35px;paint-order:stroke;font-family:var(--sans);font-weight:700}.zoom{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:14px;font-weight:600;display:grid}.zoom input{width:100%;accent-color:var(--board)}.page-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.spec{color:#1b2230;word-break:keep-all;background:#fbf1f5;border-radius:10px;margin:0;padding:10px 12px;font-size:14px;line-height:1.6}.save-hint{color:var(--ink-soft);text-align:center;word-break:keep-all;margin:-4px 4px 0;font-size:13px}