:root{--desk:#f4ebe5;--board:#9a3f1c;--board-edge:#6e2b12;--foil:#f6c9a8}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#17110e;--board:#7a3216;--board-edge:#4d1e0c;--foil:#f6c9a8}}body{--drop-label:"여기에 놓으면 사진을 열어요"}.editor{gap:12px;margin-top:18px;display:grid}.tools{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.chips{gap:6px;display:flex}.chips input{opacity:0;position:absolute}.chips span{border:1px solid var(--rule);background:var(--paper);color:#1b2230;cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:14px;display:inline-block}.chips input:checked+span{border-color:var(--board);background:var(--board);color:#fff;font-weight:700}.chips input:focus-visible+span{outline:3px solid var(--foil);outline-offset:2px}.stage{background:#2b2522;border-radius:14px;justify-content:center;padding:10px;display:flex}.stage canvas{touch-action:none;cursor:crosshair;border-radius:4px;max-width:100%;max-height:64vh;display:block}.edit-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.edit-actions .ghost:disabled{opacity:.45;cursor:default}.save-hint{color:var(--ink-soft);text-align:center;word-break:keep-all;margin:-4px 4px 0;font-size:13px}.howto ul{color:var(--ink-soft);word-break:keep-all;margin:0;padding-left:20px;font-size:14px;line-height:1.7}
