:root{--bg:#f7f4fb;--panel:#fff;--line:#e8e2f2;--ink:#2a2740;--muted:#7c7794;--pink:#f4a8ca;--pink-dark:#e07fae;--violet:#7c5cb8;--violet-soft:#efe8fb;--radius:14px;--shadow:0 2px 10px #46326e14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.library{max-width:1100px;padding:max(20px, env(safe-area-inset-top)) 20px 40px;margin:0 auto}.libHead{align-items:center;gap:16px;padding:12px 0 24px;display:flex}.libHead h1{letter-spacing:-.02em;margin:0;font-size:26px}.libHead .sub{color:var(--muted);margin:4px 0 0;font-size:14px}.libHead .primary{margin-left:auto}.primary{background:var(--violet);color:#fff;min-height:44px;box-shadow:var(--shadow);border-radius:999px;padding:12px 18px;font-weight:600}.primary:disabled{opacity:.5}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.cardOpen{text-align:left;width:100%;padding:0;display:block}.cover{aspect-ratio:1/1.414;color:var(--violet);background:linear-gradient(160deg,#fbe4ef,#ece2fb);place-items:center;font-size:54px;display:grid}.meta{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.meta strong{font-size:15px}.meta span{color:var(--muted);font-size:12.5px}.del{width:30px;height:30px;color:var(--muted);box-shadow:var(--shadow);background:#ffffffe6;border-radius:50%;position:absolute;top:8px;right:8px}.empty,.storage{color:var(--muted);font-size:13px}.empty{text-align:center;padding:40px 0}.storage{text-align:center;margin-top:28px}.viewer{background:#eceaf3;flex-direction:column;height:100dvh;display:flex}.topbar,.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.topbar{padding-top:max(6px, env(safe-area-inset-top));flex-wrap:nowrap}.topbar .title{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:40vw;font-size:15px;font-weight:600;overflow:hidden}.spacer{flex:1}.ghost{min-height:40px;color:var(--ink);white-space:nowrap;border-radius:10px;flex:none;padding:8px 12px;font-size:14px}.ghost:hover{background:var(--violet-soft)}.ghost:disabled{opacity:.35}.ghost.on{background:var(--violet);color:#fff}.toolbar{scrollbar-width:none;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}.group{border-right:1px solid var(--line);flex:none;align-items:center;gap:6px;margin-right:4px;padding-right:10px;display:flex}.group:last-of-type{border-right:none}.tool{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:56px;min-height:48px;padding:4px 8px;display:flex}.tool .ico{font-size:19px;line-height:1}.tool .lbl{color:var(--muted);font-size:10.5px}.tool.on{background:var(--violet-soft);box-shadow:inset 0 0 0 2px var(--violet)}.tool.on .lbl{color:var(--violet);font-weight:700}.size{border-radius:10px;place-items:center;width:40px;height:44px;display:grid}.size.on{background:var(--violet-soft);box-shadow:inset 0 0 0 2px var(--violet)}.stamps{scrollbar-width:none;gap:4px;max-width:250px;overflow-x:auto}.stamps::-webkit-scrollbar{display:none}.stampSlot{flex-direction:column;flex:none;align-items:center;gap:1px;display:flex}.stampSlot.sep{border-left:1px solid var(--line);margin-left:7px;padding-left:7px}.stampNo{color:var(--muted);font-size:9px;font-style:normal;font-weight:700;line-height:1}.stampSlot .stampBtn.on+.stampNo{color:var(--violet)}.stampBtn{width:38px;height:34px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:9px;flex:none;place-items:center;display:grid}.stampBtn.on{background:var(--violet-soft);box-shadow:inset 0 0 0 2px var(--violet)}.palette{gap:5px}.swatch{border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000001f}.swatch.on{box-shadow:0 0 0 2.5px var(--violet), inset 0 0 0 1px #0000001f}.finger{white-space:nowrap;font-size:12px}.stage{touch-action:none;-webkit-user-select:none;user-select:none;contain:layout paint;flex:auto;position:relative;overflow:hidden}.pageBox{isolation:isolate;pointer-events:auto;background:#fff;position:relative;box-shadow:0 3px 16px #3c286429}.zoomBadge{color:#fff;pointer-events:none;background:#2a2740b8;border-radius:999px;padding:5px 9px;font-size:12px;position:absolute;bottom:10px;right:10px}.thumbs{padding:10px 12px max(10px, env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);flex:none;gap:8px;display:flex;overflow-x:auto}.thumb{border-radius:8px;flex:none;padding:3px;line-height:0;position:relative}.thumb canvas{background:#fff;border-radius:5px;display:block;box-shadow:0 1px 4px #3c286429}.thumb.on{background:var(--violet-soft);box-shadow:inset 0 0 0 2px var(--violet)}.thumb .num{color:var(--muted);justify-content:center;align-items:center;gap:3px;font-size:11px;line-height:1.6;display:flex}.thumb .dot{background:var(--pink-dark);border-radius:50%;width:5px;height:5px}@media (max-width:520px){.wide{display:none}.topbar,.toolbar{gap:5px;padding:5px 7px}.ghost{padding:8px 9px;font-size:13px}.topbar .title{max-width:34vw;font-size:14px}.tool{min-width:50px}.group{padding-right:7px}}.landing{min-height:100%;padding:0 20px 40px;padding-top:max(24px, env(safe-area-inset-top));overflow-y:auto}.lp-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;max-width:940px;margin:0 auto;padding:28px 0 8px;display:grid}.lp-brand{letter-spacing:.02em;color:var(--violet);margin-bottom:14px;font-size:15px;font-weight:800}.lp-copy h1{letter-spacing:-.02em;word-break:keep-all;margin:0 0 14px;font-size:38px;font-weight:800;line-height:1.28}.lp-copy h1 em{background:linear-gradient(#0000 62%,#ffe14d 62% 92%,#0000 92%);padding:0 2px;font-style:normal}.lp-sub{color:var(--muted);word-break:keep-all;margin:0 0 24px;font-size:16px;line-height:1.75}.lp-cta{background:var(--violet);color:#fff;border-radius:12px;padding:15px 34px;font-size:16.5px;font-weight:700;box-shadow:0 6px 18px #7c5cb847}.lp-cta:hover{background:#6b4da6}.lp-note{color:var(--muted);margin-top:12px;font-size:12.5px}.lp-art{justify-content:center;display:flex}.lp-sheet{filter:drop-shadow(0 12px 28px #46326e29);width:100%;max-width:330px;height:auto}.lp-label{fill:#6b4da6;font-size:13px;font-weight:700}.lp-guide{fill:#a99fc0;font-size:10.5px}.lp-label2{fill:#8a72c0;font-size:11px;font-weight:700}.lp-num{fill:none;stroke:#f2c3d8;stroke-width:1px;text-anchor:middle;font-size:17px;font-weight:700}.lp-stampword{fill:#b5323f;opacity:0;font-size:11px;font-weight:700;animation:.4s ease-out 3.5s forwards lp-fade}.ink{stroke-dasharray:240;stroke-dashoffset:240px;animation:1.1s ease-out forwards lp-draw}.ink-color{opacity:.85;animation-delay:.7s}.ink-num{stroke-dasharray:40;stroke-dashoffset:40px;animation-duration:.7s;animation-delay:2s}.ink-stamp{opacity:0;animation:.45s ease-out 3s forwards lp-stamp}@keyframes lp-draw{to{stroke-dashoffset:0}}@keyframes lp-fade{to{opacity:1}}@keyframes lp-stamp{0%{opacity:0}to{opacity:1}}.lp-points{grid-template-columns:repeat(3,1fr);gap:16px;max-width:940px;margin:44px auto 0;display:grid}.lp-point{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:20px 20px 22px;display:flex}.lp-point b{font-size:15px}.lp-point span{color:var(--muted);word-break:keep-all;font-size:13.5px;line-height:1.65}.lp-foot{max-width:940px;color:var(--muted);border-top:1px solid var(--line);margin:34px auto 0;padding-top:20px;font-size:12.5px;line-height:1.7}.lp-foot p{margin:0 0 6px}.lp-foot b{color:var(--ink)}.lp-foot-sub{opacity:.8}@media (max-width:780px){.lp-hero{grid-template-columns:1fr;gap:26px;padding-top:14px}.lp-copy h1{font-size:29px}.lp-sub{margin-bottom:20px;font-size:15px}.lp-art{order:-1}.lp-sheet{max-width:250px}.lp-points{grid-template-columns:1fr;margin-top:32px}}@media (prefers-reduced-motion:reduce){.ink,.ink-stamp,.lp-stampword{stroke-dashoffset:0;opacity:1;animation:none}}