.tile-canvas-wrapper[data-v-ee277cae]{position:relative;width:100%;height:100%;overflow:hidden}.tile-canvas[data-v-ee277cae]{display:block;touch-action:none;cursor:crosshair}.tile-canvas.inking[data-v-ee277cae]{cursor:default}.app-logo[data-v-a9e624f0]{color:var(--text-primary)}.toolbar[data-v-466262c2]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 10px;background:var(--ui-surface);border-bottom:1px solid var(--ui-border)}.brand[data-v-466262c2]{display:flex;align-items:center;gap:8px}.brand-name[data-v-466262c2]{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;color:var(--text-primary)}.sketch-name[data-v-466262c2]{width:130px;min-height:30px;padding:3px 9px;font-size:13px;font-weight:500;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:7px;transition:border-color .12s,background .12s}.sketch-name[data-v-466262c2]:hover{border-color:var(--ui-border)}.sketch-name[data-v-466262c2]:focus{outline:none;border-color:var(--accent);background:var(--canvas-bg)}.group[data-v-466262c2]{display:flex;align-items:center;gap:6px}.group.seg[data-v-466262c2]{background:color-mix(in srgb,var(--ui-border) 35%,transparent);border:1px solid var(--ui-border);border-radius:9px;padding:2px;gap:2px}.group.seg .tb-btn[data-v-466262c2]{border:none;border-radius:7px}.group.right[data-v-466262c2]{margin-left:auto}.tb-btn[data-v-466262c2]{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;font-size:12.5px;background:transparent;color:var(--text-primary);border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;transition:border-color .12s,background .12s}.tb-btn.icon-only[data-v-466262c2]{padding:5px 8px}.tb-btn[data-v-466262c2]:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.tb-btn.active[data-v-466262c2]{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text-primary)}.tb-btn.danger[data-v-466262c2]{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.tb-btn[data-v-466262c2]:disabled{opacity:.35;cursor:default}.lock[data-v-466262c2]{color:var(--text-muted)}.control[data-v-466262c2]{display:flex;align-items:center;gap:5px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.control input[type=color][data-v-466262c2]{width:30px;height:30px;padding:0;border:1px solid var(--ui-border);border-radius:8px;background:transparent;cursor:pointer}.control.slider input[data-v-466262c2]{width:76px;accent-color:var(--accent)}.control.dim[data-v-466262c2]{opacity:.4}.more-btn[data-v-466262c2]{display:none}@media (max-width: 767px){.toolbar[data-v-466262c2]{gap:6px;padding:4px 8px}.toolbar .extra[data-v-466262c2]{display:none}.toolbar.more-open .extra[data-v-466262c2]{display:flex}.toolbar.more-open .sketch-name.extra[data-v-466262c2]{display:block;width:130px}.more-btn[data-v-466262c2]{display:inline-flex;margin-left:auto}.toolbar.more-open .group.right[data-v-466262c2]{margin-left:0}.brand-name[data-v-466262c2],.tb-btn span[data-v-466262c2]{display:none}.control.slider input[data-v-466262c2]{width:64px}}.layer-panel[data-v-badd90f6]{padding:12px}header[data-v-badd90f6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}h2[data-v-badd90f6]{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0}.add-btn[data-v-badd90f6]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;color:var(--text-primary);border:1px solid var(--ui-border);border-radius:6px;cursor:pointer}.add-btn[data-v-badd90f6]:hover:not(:disabled){border-color:var(--accent)}.add-btn[data-v-badd90f6]:disabled{opacity:.35;cursor:default}ul[data-v-badd90f6]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.layer-row[data-v-badd90f6]{padding:7px 8px;border:1px solid var(--ui-border);border-radius:8px;cursor:pointer}.layer-row.active[data-v-badd90f6]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.row-top[data-v-badd90f6]{display:flex;align-items:center;gap:6px;margin-bottom:5px}.icon-btn[data-v-badd90f6]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0}.icon-btn[data-v-badd90f6]:hover:not(:disabled){color:var(--text-primary)}.icon-btn[data-v-badd90f6]:disabled{opacity:.3;cursor:default}.layer-name[data-v-badd90f6]{flex:1;font-size:12px;color:var(--text-primary)}.opacity-slider[data-v-badd90f6]{width:100%;accent-color:var(--accent);margin:0}.variant-selector[data-v-3fa76a7c]{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0 8px}.variant-btn[data-v-3fa76a7c]{font-family:var(--font-mono);font-size:10px;padding:4px 8px;min-height:28px;background:transparent;color:var(--text-muted);border:1px solid var(--ui-border);border-radius:4px;cursor:pointer}.variant-btn.active[data-v-3fa76a7c]{color:var(--text-primary);border-color:var(--accent);background:#7a7acc1f}.pattern-picker[data-v-8121bfc4]{padding:12px;overflow-y:auto}.pattern-picker h2[data-v-8121bfc4]{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 8px}.pattern-picker ul[data-v-8121bfc4]{list-style:none;margin:0;padding:0}.pattern-btn[data-v-8121bfc4]{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-primary);cursor:pointer;text-align:left}.pattern-btn[data-v-8121bfc4]:hover:not(:disabled){background:#7a7acc14}.pattern-btn.active[data-v-8121bfc4]{border-color:var(--accent);background:#7a7acc1f}.pattern-btn.locked[data-v-8121bfc4]{color:var(--text-muted)}.pattern-btn.wip[data-v-8121bfc4]{opacity:.45;cursor:default}.pattern-icon[data-v-8121bfc4]{width:22px;height:22px;flex-shrink:0}.pattern-name[data-v-8121bfc4]{flex:1;font-size:13px}.badge[data-v-8121bfc4]{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.store-wrap[data-v-c7e1bbe8]{position:relative;display:flex;gap:8px}.store-btn[data-v-c7e1bbe8]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-contrast);font-weight:600;text-decoration:none;border-radius:8px;opacity:.35;pointer-events:none;cursor:default}.md .store-btn[data-v-c7e1bbe8]{min-height:42px;font-size:13px}.sm .store-btn[data-v-c7e1bbe8]{min-height:36px;font-size:12px}.ribbon[data-v-c7e1bbe8]{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;z-index:2;transform:rotate(-5deg);padding:5px 16px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-contrast);background:var(--text-primary);border:none;border-radius:4px;box-shadow:0 2px 10px #00000059;cursor:pointer;transition:transform .12s}.ribbon[data-v-c7e1bbe8]:hover{transform:rotate(-5deg) scale(1.05)}.notify-backdrop[data-v-c7e1bbe8]{position:fixed;inset:0;background:#080810b3;display:flex;align-items:center;justify-content:center;z-index:300}.notify-modal[data-v-c7e1bbe8]{position:relative;width:min(380px,calc(100vw - 32px));background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;padding:22px}.notify-modal h3[data-v-c7e1bbe8]{margin:0 0 8px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary)}.close-btn[data-v-c7e1bbe8]{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer}.close-btn[data-v-c7e1bbe8]:hover{color:var(--text-primary)}.notify-lead[data-v-c7e1bbe8]{margin:0 0 14px;font-size:13px;line-height:1.55;color:var(--text-muted)}.notify-form[data-v-c7e1bbe8]{display:flex;flex-direction:column;gap:6px}.notify-form input[data-v-c7e1bbe8]{min-height:32px;padding:0 10px;font-size:12.5px;color:var(--text-primary);background:var(--canvas-bg);border:1px solid var(--ui-border);border-radius:8px}.notify-form input[data-v-c7e1bbe8]:focus{outline:none;border-color:var(--accent)}.notify-form button[data-v-c7e1bbe8]{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;font-size:12px;font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:8px;cursor:pointer}.notify-form button[data-v-c7e1bbe8]:disabled{opacity:.6;cursor:default}.notify-note[data-v-c7e1bbe8]{margin:6px 0 0;font-size:10.5px;line-height:1.5;color:var(--text-muted)}.notify-error[data-v-c7e1bbe8]{margin:6px 0 0;font-size:11.5px;color:var(--danger)}.notify-done[data-v-c7e1bbe8]{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--text-primary)}.sheet-backdrop[data-v-80029377]{position:fixed;inset:0;background:#080810b3;display:flex;align-items:center;justify-content:center;z-index:100}.sheet[data-v-80029377]{width:min(420px,calc(100vw - 32px));background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;padding:24px}.sheet h2[data-v-80029377]{margin:0 0 12px;font-size:18px;color:var(--text-primary)}.features[data-v-80029377]{margin:0 0 20px;padding-left:18px;color:var(--text-muted);font-size:13px;line-height:1.7}.buy-btn[data-v-80029377]{display:block;width:100%;min-height:44px;background:var(--accent);color:var(--accent-contrast);font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;margin-bottom:8px}.buy-btn[data-v-80029377]:disabled{opacity:.6}.web-note[data-v-80029377]{color:var(--text-muted);font-size:13px;margin:0 0 12px}.coming-soon-stores[data-v-80029377]{margin-bottom:12px}.link-btn[data-v-80029377]{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:36px;background:transparent;color:var(--text-muted);border:none;cursor:pointer;font-size:13px}.link-btn[data-v-80029377]:hover{color:var(--text-primary)}.get-app-cta[data-v-20fa3966]{margin:8px;padding:12px;background:#7a7acc12;border:1px solid var(--ui-border);border-radius:10px}.cta-head[data-v-20fa3966]{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);margin-bottom:6px}p[data-v-20fa3966]{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--text-muted)}.sheet-backdrop[data-v-6676c3c0]{position:fixed;inset:0;background:#080810b3;display:flex;align-items:center;justify-content:center;z-index:100}.sheet[data-v-6676c3c0]{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow-y:auto;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;padding:20px}header[data-v-6676c3c0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}h2[data-v-6676c3c0]{margin:0;font-size:18px}.new-btn[data-v-6676c3c0]{min-height:36px;padding:4px 14px;background:var(--accent);color:#0f0f1a;font-weight:600;border:none;border-radius:6px;cursor:pointer}.empty[data-v-6676c3c0]{color:var(--text-muted);font-size:13px}.grid[data-v-6676c3c0]{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.grid li[data-v-6676c3c0]{position:relative}.card[data-v-6676c3c0]{width:100%;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--canvas-bg);border:1px solid var(--ui-border);border-radius:8px;cursor:pointer;color:var(--text-primary);text-align:left}.card.current[data-v-6676c3c0]{border-color:var(--accent)}.card img[data-v-6676c3c0],.thumb-fallback[data-v-6676c3c0]{width:100%;aspect-ratio:4 / 3;border-radius:4px;object-fit:cover}.thumb-fallback[data-v-6676c3c0]{display:flex;align-items:center;justify-content:center;background:var(--tile-fill-active);color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.card-name[data-v-6676c3c0]{font-size:13px}.name-input[data-v-6676c3c0]{width:100%;min-height:24px;padding:1px 5px;font-size:13px;color:var(--text-primary);background:var(--ui-surface);border:1px solid var(--accent);border-radius:4px}.name-input[data-v-6676c3c0]:focus{outline:none}.card-meta[data-v-6676c3c0]{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.corner-btn[data-v-6676c3c0]{position:absolute;top:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:#0f0f1acc;color:var(--text-muted);cursor:pointer}.corner-btn[data-v-6676c3c0]:hover{color:var(--text-primary)}.delete-btn[data-v-6676c3c0]{right:4px}.rename-btn[data-v-6676c3c0]{right:32px}.link-btn[data-v-6676c3c0]{display:block;width:100%;min-height:36px;background:transparent;color:var(--text-muted);border:none;cursor:pointer}.storage-banner[data-v-b9ed28ce]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:#3a2a1a;border-bottom:1px solid #6a4a2a;color:var(--text-primary);font-size:13px}.storage-banner button[data-v-b9ed28ce]{min-height:30px;padding:2px 10px;background:transparent;border:1px solid var(--ui-border);border-radius:6px;color:var(--text-primary);cursor:pointer}.app-shell[data-v-7131e0e6]{height:100%;display:flex;flex-direction:column}.app-body[data-v-7131e0e6]{flex:1;display:grid;grid-template-columns:210px 1fr 190px;grid-template-rows:minmax(0,1fr);grid-template-areas:"left canvas right";min-height:0}.left-panel[data-v-7131e0e6]{grid-area:left;min-height:0;background:var(--ui-surface);border-right:1px solid var(--ui-border);overflow-y:auto}.canvas-area[data-v-7131e0e6]{grid-area:canvas;min-width:0;min-height:0}.right-panel[data-v-7131e0e6]{grid-area:right;min-height:0;background:var(--ui-surface);border-left:1px solid var(--ui-border);overflow-y:auto}.panel-toggle[data-v-7131e0e6]{display:none;width:100%;align-items:center;justify-content:space-between;min-height:34px;padding:4px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;cursor:pointer}@media (orientation: portrait) and (min-width: 768px){.app-body[data-v-7131e0e6]{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"canvas canvas" "left right"}.left-panel[data-v-7131e0e6]{max-height:32vh;border-right:1px solid var(--ui-border);border-top:1px solid var(--ui-border)}.right-panel[data-v-7131e0e6]{max-height:32vh;border-left:none;border-top:1px solid var(--ui-border)}}@media (max-width: 767px){.app-body[data-v-7131e0e6]{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"canvas" "right" "left"}.panel-toggle[data-v-7131e0e6]{display:flex}.left-panel[data-v-7131e0e6],.right-panel[data-v-7131e0e6]{border-left:none;border-right:none;border-top:1px solid var(--ui-border)}.left-panel .panel-content[data-v-7131e0e6],.right-panel .panel-content[data-v-7131e0e6]{display:none}.left-panel.open .panel-content[data-v-7131e0e6],.right-panel.open .panel-content[data-v-7131e0e6]{display:block;max-height:38vh;overflow-y:auto}}:root,:root[data-theme=dark]{--canvas-bg: #14121b;--tile-fill-active: #1c1925;--tile-fill-ghost: rgba(95, 80, 120, .07);--tile-border-active: #8d7ac2;--tile-border-ghost: #393146;--ui-surface: #221d30;--ui-border: #3e3454;--accent: #a08bd6;--accent-contrast: #14121b;--text-primary: #ece7db;--text-muted: #998fab;--danger: #c47a7a}:root[data-theme=light]{--canvas-bg: #f6efdf;--tile-fill-active: #fdfaf1;--tile-fill-ghost: rgba(150, 125, 70, .05);--tile-border-active: #4c4170;--tile-border-ghost: #d9cdaf;--ui-surface: #faf4e6;--ui-border: #e2d7bc;--accent: #564878;--accent-contrast: #fdfaf1;--text-primary: #322c3e;--text-muted: #837660;--danger: #a05050}:root{--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none;background:var(--canvas-bg);color:var(--text-primary);font-family:var(--font-ui)}#app{height:100%}