@font-face{font-family:Mochiy Pop P One;src:url(/fonts/MochiyPopPOne-Regular.ttf)format("truetype");font-display:swap}:root{--bg:#fff6f3;--surface:#fff;--surface-2:#fdeaea;--ink:#3b2230;--ink-soft:#6e5060;--line:#ecd3d6;--accent:#c92e52;--accent-ink:#fff;--accent-tint:#ffe0e8;--hard-shadow:#3b2230;--checker-a:#fff;--checker-b:#f1e6e8;--r-sm:6px;--r-md:10px;--r-lg:16px;--font-display:"Mochiy Pop P One", "M PLUS Rounded 1c", system-ui, sans-serif;--font-ui:"M PLUS Rounded 1c", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1d1418;--surface:#271b21;--surface-2:#35252e;--ink:#fbeff2;--ink-soft:#cdb3bd;--line:#4a3540;--accent:#ff7a96;--accent-ink:#2a0d16;--accent-tint:#4a2232;--hard-shadow:#000;--checker-a:#2c2228;--checker-b:#352a30;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1d1418;--surface:#271b21;--surface-2:#35252e;--ink:#fbeff2;--ink-soft:#cdb3bd;--line:#4a3540;--accent:#ff7a96;--accent-ink:#2a0d16;--accent-tint:#4a2232;--hard-shadow:#000;--checker-a:#2c2228;--checker-b:#352a30;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);margin:0;font-size:15px;font-weight:500;line-height:1.5}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:400;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:6px 14px;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--surface);box-shadow:0 0 0 2px var(--accent), 4px 4px 0 2px var(--hard-shadow);margin:2px 6px 6px 2px}.btn.primary:hover:not(:disabled){border-color:var(--surface)}.btn.primary:active:not(:disabled){box-shadow:0 0 0 2px var(--accent), 1px 1px 0 2px var(--hard-shadow);transform:translate(3px,3px)}.btn.small{min-height:32px;padding:2px 10px;font-size:13px}@media (pointer:coarse){.btn,.btn.small,input[type=text],input[type=number],select{min-height:44px}}.field-label{color:var(--ink-soft);font-size:13px;font-weight:700}input[type=text],input[type=number],select,textarea{border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:100%;min-height:40px;padding:6px 10px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.hint{color:var(--ink-soft);margin:0;font-size:13px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg label{border:2px solid var(--line);border-radius:var(--r-md);cursor:pointer;align-items:center;min-height:40px;padding:4px 14px;font-weight:700;display:inline-flex;position:relative}.seg label.on{border-color:var(--accent);background:var(--accent-tint)}.seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg label:focus-within{outline:3px solid var(--accent);outline-offset:2px}h1.svelte-139w89i{align-items:center;height:52px;font-size:24px;display:flex}svg.svelte-139w89i{width:auto;max-width:100%;height:100%}.plain.svelte-139w89i{color:var(--accent)}@media (width<=520px){h1.svelte-139w89i{height:40px}}.stage.svelte-dfb6jk{border-radius:var(--r-lg);border:2px solid var(--line);width:100%;height:100%;min-height:260px;position:relative;overflow:hidden}.bg-checker.svelte-dfb6jk{background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 24px 24px}.bg-light.svelte-dfb6jk{background:#fff}.bg-dark.svelte-dfb6jk{background:#1a1a1a}svg.svelte-dfb6jk{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.drawing.svelte-dfb6jk svg:where(.svelte-dfb6jk){cursor:crosshair;touch-action:none}.hit.svelte-dfb6jk{fill:#0000;cursor:grab;touch-action:none;outline:none}.hits.off.svelte-dfb6jk{pointer-events:none}.selection.svelte-dfb6jk rect:where(.svelte-dfb6jk),.selection.svelte-dfb6jk line:where(.svelte-dfb6jk){fill:none;stroke:var(--accent)}.handle.svelte-dfb6jk{cursor:grab;touch-action:none}.handle.svelte-dfb6jk circle:where(.svelte-dfb6jk):not(.grab),.handle.svelte-dfb6jk rect:where(.svelte-dfb6jk){fill:var(--surface);stroke:var(--accent)}.handle.svelte-dfb6jk .grab:where(.svelte-dfb6jk){fill:#0000}.guide.svelte-dfb6jk{fill:none;stroke:var(--accent)}.pen.svelte-dfb6jk{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round}.notice.svelte-dfb6jk{border-radius:var(--r-md);background:var(--surface);border:2px solid var(--line);margin:0;padding:8px 12px;font-size:14px;position:absolute;bottom:12px;left:12px;right:12px}.notice.error.svelte-dfb6jk{border-color:var(--accent)}.range.svelte-1ooamv1{gap:2px;display:grid}.row.svelte-1ooamv1{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.num.svelte-1ooamv1{align-items:center;gap:4px;display:inline-flex}.num.svelte-1ooamv1 input:where(.svelte-1ooamv1){text-align:right;width:72px;min-height:34px;padding:2px 6px}@media (pointer:coarse){.num.svelte-1ooamv1 input:where(.svelte-1ooamv1){min-height:44px}}.unit.svelte-1ooamv1{color:var(--ink-soft);width:1.2em;font-size:12px}.stack.svelte-1lia80v{gap:18px;display:grid}.block.svelte-1lia80v{border-bottom:2px dashed var(--line);gap:8px;padding-bottom:18px;display:grid}.head.svelte-1lia80v{justify-content:space-between;align-items:center;gap:8px;display:flex}h3.svelte-1lia80v{font-size:17px}.pair.svelte-1lia80v{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=420px){.pair.svelte-1lia80v{grid-template-columns:1fr}}.file.svelte-1lia80v{justify-self:start;position:relative}.file.svelte-1lia80v input:where(.svelte-1lia80v){opacity:0;cursor:pointer;position:absolute;inset:0}.file.svelte-1lia80v:focus-within{outline:3px solid var(--accent);outline-offset:2px}.check.svelte-1lia80v{align-items:center;gap:8px;font-size:14px;display:flex}.note.svelte-1lia80v{gap:8px;display:grid}ul.svelte-1lia80v{gap:6px;margin:0;padding:0;list-style:none;display:grid}li.svelte-1lia80v{justify-content:space-between;align-items:center;gap:8px;display:flex}.stack.svelte-uy5zwj{gap:22px;display:grid}section.svelte-uy5zwj{justify-items:stretch;gap:10px;display:grid}section.svelte-uy5zwj>.btn{justify-self:start}h3.svelte-uy5zwj{font-size:17px}.modes.svelte-uy5zwj{border:0;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;display:flex}.modes.svelte-uy5zwj legend:where(.svelte-uy5zwj){margin-bottom:4px}.modes.svelte-uy5zwj label:where(.svelte-uy5zwj){align-items:center;gap:6px;min-height:32px;display:flex}.color.svelte-1ttqu47{gap:2px;display:grid}.row.svelte-1ttqu47{grid-template-columns:44px 1fr;gap:8px;display:grid}.swatch.svelte-1ttqu47{border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;width:44px;height:40px;padding:2px}input[type=text].svelte-1ttqu47{font-family:ui-monospace,monospace;font-size:14px}.stack.svelte-6ldvui{gap:22px;display:grid}section.svelte-6ldvui{gap:10px;display:grid}section.svelte-6ldvui>.btn:where(.svelte-6ldvui){justify-self:start}h3.svelte-6ldvui{font-size:17px}.layer.svelte-6ldvui{border:2px solid var(--line);border-radius:var(--r-md);gap:8px;margin:0;padding:10px 12px 14px;display:grid}.layer.hidden.svelte-6ldvui{border-style:dashed}legend.svelte-6ldvui{padding:0 6px;font-weight:800}.tools.svelte-6ldvui{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.check.svelte-6ldvui{align-items:center;gap:6px;margin-right:auto;font-size:14px;display:flex}.pair.svelte-6ldvui{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=420px){.pair.svelte-6ldvui{grid-template-columns:1fr}}.stack.svelte-3dga28{gap:22px;display:grid}section.svelte-3dga28{gap:10px;display:grid}section.svelte-3dga28>.btn{justify-self:start}h3.svelte-3dga28{font-size:17px}.check.svelte-3dga28{align-items:center;gap:8px;font-size:14px;display:flex}.stack.svelte-1kt0zvb{gap:22px;display:grid}section.svelte-1kt0zvb{gap:10px;display:grid}h3.svelte-1kt0zvb{font-size:17px}.shapes.svelte-1kt0zvb{flex-wrap:wrap;gap:8px;display:flex}.shape.svelte-1kt0zvb svg:where(.svelte-1kt0zvb){fill:var(--accent)}.check.svelte-1kt0zvb{align-items:center;gap:8px;font-size:14px;display:flex}.file.svelte-1kt0zvb{justify-self:start;position:relative}.file.svelte-1kt0zvb input:where(.svelte-1kt0zvb){opacity:0;cursor:pointer;position:absolute;inset:0}.file.svelte-1kt0zvb:focus-within{outline:3px solid var(--accent);outline-offset:2px}.row.svelte-1kt0zvb{flex-wrap:wrap;gap:8px;display:flex}.stack.svelte-18hbgno{gap:22px;display:grid}section.svelte-18hbgno{gap:10px;display:grid}section.svelte-18hbgno>.btn{justify-self:start}h3.svelte-18hbgno{font-size:17px}.row.svelte-18hbgno{flex-wrap:wrap;gap:8px;display:flex}.file.svelte-18hbgno{position:relative}.file.svelte-18hbgno input:where(.svelte-18hbgno){opacity:0;cursor:pointer;position:absolute;inset:0}.file.svelte-18hbgno:focus-within{outline:3px solid var(--accent);outline-offset:2px}dialog.svelte-1as9g0x{border:2px solid var(--line);border-radius:var(--r-lg);background:var(--surface);width:min(920px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);padding:0}dialog.svelte-1as9g0x::backdrop{background:#1d14188c}.shell.svelte-1as9g0x{grid-template-rows:auto 1fr auto;max-height:calc(100dvh - 36px);display:grid}header.svelte-1as9g0x{padding:16px 20px 8px}h2.svelte-1as9g0x{font-size:22px}.body.svelte-1as9g0x{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;padding:8px 20px;display:grid;overflow-y:auto}.previews.svelte-1as9g0x{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}figure.svelte-1as9g0x{gap:4px;margin:0;display:grid}.frame.svelte-1as9g0x{aspect-ratio:1;border:2px solid var(--line);border-radius:var(--r-md);background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 16px 16px;place-items:center;display:grid;overflow:hidden}.frame.svelte-1as9g0x img:where(.svelte-1as9g0x),.frame.svelte-1as9g0x svg:where(.svelte-1as9g0x){object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.status.svelte-1as9g0x{grid-column:1/-1;min-height:2.6em;margin:0;font-size:14px}.error.svelte-1as9g0x{color:var(--accent);font-weight:700}.controls.svelte-1as9g0x{align-content:start;gap:12px;display:grid}.check.svelte-1as9g0x{align-items:center;gap:8px;font-size:14px;display:flex}.seg-field.svelte-1as9g0x{border:0;gap:4px;margin:0;padding:0;display:grid}footer.svelte-1as9g0x{border-top:2px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}@media (width<=720px){.body.svelte-1as9g0x{grid-template-columns:minmax(0,1fr)}}.stack.svelte-1v8jt3c{gap:22px;display:grid}section.svelte-1v8jt3c{gap:10px;display:grid}h3.svelte-1v8jt3c{font-size:17px}.grid.svelte-1v8jt3c{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}li.svelte-1v8jt3c{gap:4px;display:grid}.card.svelte-1v8jt3c{border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:left;gap:4px;padding:6px;display:grid}.card.svelte-1v8jt3c:hover{border-color:var(--accent)}.thumb.svelte-1v8jt3c{border-radius:var(--r-sm);background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 12px 12px;place-items:center;height:72px;display:grid;overflow:hidden}.thumb.svelte-1v8jt3c svg:where(.svelte-1v8jt3c){width:100%;height:100%}.swatches.svelte-1v8jt3c{gap:4px;display:flex}.swatches.svelte-1v8jt3c i:where(.svelte-1v8jt3c){border:2px solid var(--line);border-radius:50%;width:18px;height:18px}.name.svelte-1v8jt3c{padding:0 2px;font-size:14px;font-weight:700}.save.svelte-1v8jt3c{grid-template-columns:1fr auto;gap:8px;display:grid}.app.svelte-1n46o8q{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.app.dropping.svelte-1n46o8q{outline:4px dashed var(--accent);outline-offset:-8px}header.svelte-1n46o8q{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 20px 4px;display:flex}.actions.svelte-1n46o8q{flex-wrap:wrap;gap:6px;display:flex}main.svelte-1n46o8q{grid-template-columns:minmax(0,1fr) 420px;gap:16px;height:calc(100dvh - 120px);min-height:520px;padding:12px 20px;display:grid}.canvas-area.svelte-1n46o8q{min-width:0;min-height:0}.panel.svelte-1n46o8q{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-lg);grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid;overflow:hidden}.tabs.svelte-1n46o8q{border-bottom:2px solid var(--line);background:var(--surface-2);grid-template-columns:repeat(4,1fr);gap:2px;padding:6px;display:grid}.tabs.svelte-1n46o8q button:where(.svelte-1n46o8q){border-radius:var(--r-md);min-height:40px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:4px 7px;font-size:14px;font-weight:700}.tabs.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{color:var(--ink)}.tabs.svelte-1n46o8q button[aria-selected=true]:where(.svelte-1n46o8q){background:var(--surface);color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.tab-body.svelte-1n46o8q{outline:none;padding:16px 18px 24px;overflow-y:auto}.toast-region.svelte-1n46o8q{z-index:10;pointer-events:none;width:min(520px,100vw - 32px);position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.svelte-1n46o8q{border-radius:var(--r-md);background:var(--ink);color:var(--bg);box-shadow:4px 4px 0 var(--accent);margin:0;padding:10px 14px;font-weight:700}.toast.error.svelte-1n46o8q{background:var(--accent);color:var(--accent-ink);box-shadow:4px 4px 0 var(--hard-shadow)}footer.svelte-1n46o8q{padding:4px 20px 16px}footer.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--ink-soft);margin:0;font-size:13px}footer.svelte-1n46o8q a:where(.svelte-1n46o8q){color:inherit}@media (width<=900px){main.svelte-1n46o8q{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:8px 16px}.canvas-area.svelte-1n46o8q{height:46vh;min-height:260px}.panel.svelte-1n46o8q,.tab-body.svelte-1n46o8q{overflow:visible}header.svelte-1n46o8q{padding:10px 16px 0}footer.svelte-1n46o8q{padding:4px 16px 16px}}@media (width<=900px) and (height>=560px){.canvas-area.svelte-1n46o8q{z-index:5;background:var(--bg);height:calc(40svh + 16px);min-height:0;margin:-8px 0;padding:8px 0;position:sticky;top:0}html{scroll-padding-top:calc(40svh + 32px)}}@media (width<=520px){.tabs.svelte-1n46o8q button:where(.svelte-1n46o8q){min-height:44px}}