.wb.svelte-1wfkh2t{max-width:1000px;margin:0 auto}.wb-toolbar.svelte-1wfkh2t{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;background:var(--card-bg);border:1px solid var(--line);border-radius:var(--r-lg, 18px);padding:.6rem .8rem;box-shadow:var(--shadow-sm)}.tools.svelte-1wfkh2t,.actions.svelte-1wfkh2t{display:flex;flex-wrap:wrap;gap:.4rem}.actions.svelte-1wfkh2t{margin-left:auto}.wb-toolbar.svelte-1wfkh2t button:where(.svelte-1wfkh2t){display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:.5rem .7rem;min-height:42px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink);cursor:pointer;transition:transform .1s,border-color .1s,background .1s}.wb-toolbar.svelte-1wfkh2t button:where(.svelte-1wfkh2t):hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.wb-toolbar.svelte-1wfkh2t button.active:where(.svelte-1wfkh2t){background:color-mix(in srgb,var(--accent) 16%,var(--paper-2));border-color:var(--accent);color:var(--accent-ink)}.wb-toolbar.svelte-1wfkh2t button:where(.svelte-1wfkh2t):disabled{opacity:.4;cursor:not-allowed}.wb-toolbar.svelte-1wfkh2t button.dl:where(.svelte-1wfkh2t){background:var(--accent);color:#fff;border-color:var(--accent)}.size.svelte-1wfkh2t{display:inline-flex;align-items:center;gap:.5rem}.size-lbl.svelte-1wfkh2t{font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink-soft)}.size.svelte-1wfkh2t input[type=range]:where(.svelte-1wfkh2t){width:110px;max-width:40vw;accent-color:var(--accent)}.size.svelte-1wfkh2t .dot:where(.svelte-1wfkh2t){display:inline-block;border-radius:50%;border:1px solid var(--line);flex-shrink:0}.row.svelte-1wfkh2t{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.6rem}.row-lbl.svelte-1wfkh2t{font-family:var(--font-display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);margin-right:.2rem}.style-row.svelte-1wfkh2t button:where(.svelte-1wfkh2t){font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:.4rem .8rem;min-height:38px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink);cursor:pointer}.style-row.svelte-1wfkh2t button.sel:where(.svelte-1wfkh2t){background:color-mix(in srgb,var(--accent) 16%,var(--paper-2));border-color:var(--accent);color:var(--accent-ink)}.emoji-row.svelte-1wfkh2t{gap:.3rem}.em.svelte-1wfkh2t{font-size:1.25rem;line-height:1;padding:.25rem;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper-2);cursor:pointer}.em.sel.svelte-1wfkh2t{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--paper-2))}.swatches.svelte-1wfkh2t{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}.sw.svelte-1wfkh2t{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:var(--sw);cursor:pointer;padding:0;transition:transform .1s}.sw.svelte-1wfkh2t:hover{transform:scale(1.12)}.sw.sel.svelte-1wfkh2t{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.sw.custom.svelte-1wfkh2t{display:grid;place-items:center;overflow:hidden;background:conic-gradient(from 0deg,#ff4d6d,#ffd43b,#51cf66,#22b8cf,#7c3aed,#ff4d6d)}.sw.custom.svelte-1wfkh2t input[type=color]:where(.svelte-1wfkh2t){opacity:0;width:100%;height:100%;border:0;cursor:pointer;padding:0}.stage.svelte-1wfkh2t{position:relative;margin-top:.5rem;width:100%;aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:var(--r-lg, 18px);overflow:hidden;box-shadow:var(--shadow-md);background:#fff}.canvas-layer.svelte-1wfkh2t{position:absolute;inset:0;will-change:transform}.stage.svelte-1wfkh2t canvas:where(.svelte-1wfkh2t){position:absolute;inset:0;width:100%;height:100%;display:block}.l-live.svelte-1wfkh2t{touch-action:none;cursor:crosshair}.l-live.eraser.svelte-1wfkh2t{cursor:cell}.stage.panmode.svelte-1wfkh2t .l-live:where(.svelte-1wfkh2t){cursor:grab}.stage.panning.svelte-1wfkh2t .l-live:where(.svelte-1wfkh2t){cursor:grabbing}.zoom-hud.svelte-1wfkh2t{position:absolute;top:8px;right:8px;display:none;gap:2px;z-index:4;background:color-mix(in srgb,var(--card-bg) 92%,transparent);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px;box-shadow:var(--shadow-sm);backdrop-filter:blur(4px)}.zoom-hud.on.svelte-1wfkh2t{display:inline-flex}.zoom-hud.svelte-1wfkh2t button:where(.svelte-1wfkh2t){min-width:34px;min-height:34px;border:0;background:transparent;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink);border-radius:var(--r-pill);cursor:pointer}.zoom-hud.svelte-1wfkh2t button:where(.svelte-1wfkh2t):hover:not(:disabled){background:var(--paper-2)}.zoom-hud.svelte-1wfkh2t button:where(.svelte-1wfkh2t):disabled{opacity:.35;cursor:default}.zoom-hud.svelte-1wfkh2t .pct:where(.svelte-1wfkh2t){font-size:.82rem;min-width:48px}.zoom-hint.svelte-1wfkh2t{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:3;font-family:var(--font-display);font-size:.72rem;font-weight:600;color:var(--ink-soft);background:color-mix(in srgb,var(--card-bg) 82%,transparent);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 10px;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .2s}.stage.svelte-1wfkh2t:hover .zoom-hint:where(.svelte-1wfkh2t){opacity:.9}@media(hover:none){.zoom-hint.svelte-1wfkh2t{display:none}}.bg-tray.svelte-1wfkh2t{margin-top:.7rem}.bg-scroll.svelte-1wfkh2t{display:flex;gap:.45rem;margin-top:.35rem;overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.bg-thumb.svelte-1wfkh2t{flex:0 0 auto;width:46px;height:46px;border-radius:var(--r-md, 12px);border:2px solid var(--line);cursor:pointer;padding:0;background-size:cover;background-position:center;transition:transform .1s}.bg-thumb.svelte-1wfkh2t:hover{transform:translateY(-2px)}.bg-thumb.sel.svelte-1wfkh2t{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}