.dialog-backdrop[data-v-86b6030b]{z-index:300;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog[data-v-86b6030b]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(400px,100%);box-shadow:var(--shadow-lg);padding:var(--space-5)}.dialog-title[data-v-86b6030b]{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-text);margin:0;font-weight:650}.dialog-message[data-v-86b6030b]{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55}.dialog-actions[data-v-86b6030b]{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.btn-danger[data-v-86b6030b]{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger[data-v-86b6030b]:hover:not(:disabled){background:var(--color-danger-strong);border-color:var(--color-danger-strong)}.ios-hint[data-v-4a3c51a0]{left:50%;bottom:calc(var(--space-4) + var(--safe-bottom));z-index:80;width:min(420px, calc(100vw - var(--space-4) * 2));gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:.2s ios-hint-in-4a3c51a0;display:flex;position:fixed;transform:translate(-50%)}@keyframes ios-hint-in-4a3c51a0{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.ios-hint-main[data-v-4a3c51a0]{flex:1;min-width:0}.ios-hint-text[data-v-4a3c51a0]{font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:1.45}.ios-hint-how[data-v-4a3c51a0]{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-accent);font-weight:600;text-decoration:underline}.ios-hint-steps[data-v-4a3c51a0]{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);padding-left:1.2em}.ios-hint-steps li[data-v-4a3c51a0]{margin:2px 0}.ios-hint-close[data-v-4a3c51a0]{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;display:flex}.ios-hint-close[data-v-4a3c51a0]:hover{background:var(--color-surface-2)}:root{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-surface-3:#e2e8f0;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-muted:#475569;--color-text-subtle:#94a3b8;--color-accent:#0f172a;--color-accent-hover:#1e293b;--color-accent-soft:#e2e8f0;--color-accent-text:#fff;--color-focus:#2563eb;--color-focus-ring:#2563eb2e;--color-success:#059669;--color-success-strong:#047857;--color-success-soft:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#d97706;--color-warning-soft:#fffbeb;--color-danger:#dc2626;--color-danger-strong:#b91c1c;--color-danger-soft:#fef2f2;--color-canvas-surface:#fff;--color-canvas-line:#e2e8f0;--color-canvas-dot:#cbd5e1;--color-glass-bg:#ffffffe0;--color-glass-bg-strong:#fffffff7;--color-glass-border:#e2e8f0cc;--color-glass-shadow:#0f172a14;--color-ink:#0f172a8c;--color-ink-fill:#0f172a0f;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--shadow-xs:0 1px 1px #0f172a0a;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;--shadow-md:0 4px 12px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-lg:0 12px 28px #0f172a1a, 0 2px 6px #0f172a0a;--font-sans:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:56px;--text-xs:11px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--header-h:52px;--toolbar-w:56px;--toolbar-h:56px;--sidepanel-w:248px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@media (width<=767px){:root{--header-h:56px;--space-page-x:var(--space-4)}}@media (prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#263548;--color-surface-3:#334155;--color-border:#94a3b81f;--color-border-strong:#94a3b838;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-subtle:#475569;--color-accent:#f1f5f9;--color-accent-hover:#e2e8f0;--color-accent-soft:#f1f5f91a;--color-accent-text:#0f172a;--color-focus-ring:#2563eb4d;--color-success-soft:#05966926;--color-success-border:#0596694d;--color-warning-soft:#d9770626;--color-danger-soft:#dc262626;--color-canvas-surface:#1e293b;--color-canvas-line:#94a3b81f;--color-canvas-dot:#94a3b84d;--color-glass-bg:#0f172ad9;--color-glass-bg-strong:#1e293bf5;--color-glass-border:#94a3b826;--color-glass-shadow:#0000004d;--color-ink:#f1f5f999;--color-ink-fill:#f1f5f91a;--shadow-xs:0 1px 1px #0000004d;--shadow-sm:0 1px 2px #0000004d, 0 1px 1px #0003;--shadow-md:0 4px 12px #00000059, 0 1px 2px #0003;--shadow-lg:0 12px 28px #00000073, 0 2px 6px #00000040}}html[data-mode=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#263548;--color-surface-3:#334155;--color-border:#94a3b81f;--color-border-strong:#94a3b838;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-subtle:#475569;--color-accent:#f1f5f9;--color-accent-hover:#e2e8f0;--color-accent-soft:#f1f5f91a;--color-accent-text:#0f172a;--color-focus-ring:#2563eb4d;--color-success-soft:#05966926;--color-success-border:#0596694d;--color-warning-soft:#d9770626;--color-danger-soft:#dc262626;--color-canvas-surface:#1e293b;--color-canvas-line:#94a3b81f;--color-canvas-dot:#94a3b84d;--color-glass-bg:#0f172ad9;--color-glass-bg-strong:#1e293bf5;--color-glass-border:#94a3b826;--color-glass-shadow:#0000004d;--color-ink:#f1f5f999;--color-ink-fill:#f1f5f91a;--shadow-xs:0 1px 1px #0000004d;--shadow-sm:0 1px 2px #0000004d, 0 1px 1px #0003;--shadow-md:0 4px 12px #00000059, 0 1px 2px #0003;--shadow-lg:0 12px 28px #00000073, 0 2px 6px #00000040}html[data-mode=light]{--color-bg:#f8fafc;--color-surface:#fff;--color-surface-2:#f1f5f9;--color-surface-3:#e2e8f0;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-muted:#475569;--color-text-subtle:#94a3b8;--color-accent:#0f172a;--color-accent-hover:#1e293b;--color-accent-soft:#e2e8f0;--color-accent-text:#fff;--color-focus-ring:#2563eb2e;--color-success-soft:#ecfdf5;--color-success-border:#a7f3d0;--color-warning-soft:#fffbeb;--color-danger-soft:#fef2f2;--color-canvas-surface:#fff;--color-canvas-line:#e2e8f0;--color-canvas-dot:#cbd5e1;--color-glass-bg:#ffffffe0;--color-glass-bg-strong:#fffffff7;--color-glass-border:#e2e8f0cc;--color-glass-shadow:#0f172a14;--color-ink:#0f172a8c;--color-ink-fill:#0f172a0f;--shadow-xs:0 1px 1px #0f172a0a;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;--shadow-md:0 4px 12px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-lg:0 12px 28px #0f172a1a, 0 2px 6px #0f172a0a}*,:before,:after{box-sizing:border-box}html,body,#app{touch-action:manipulation;height:100%;margin:0;padding:0;overflow:hidden}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;forced-color-adjust:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}canvas{forced-color-adjust:none}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-user-select:none;user-select:none;line-height:1.45}body.no-select-during-draw,body.no-select-during-draw *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:500;transition:background 80ms,border-color 80ms,color 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn-icon{width:34px;padding:0}.btn-sm{height:28px;padding:0 var(--space-2);font-size:var(--text-xs)}.input{height:34px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);width:100%;min-width:0}.input::placeholder{color:var(--color-text-subtle)}.input:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}@media (width<=767px){.btn{height:40px;padding:0 var(--space-4);font-size:var(--text-md)}.btn-icon{width:40px;padding:0}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.input{height:40px;font-size:var(--text-md)}}.theme-menu[data-v-f2cdcdb3]{align-items:center;display:inline-flex;position:relative}.tm-toggle[data-v-f2cdcdb3],.tm-caret[data-v-f2cdcdb3]{height:30px;color:var(--color-text-muted);border:1px solid var(--color-border);justify-content:center;align-items:center;transition:background 80ms,color 80ms,border-color 80ms;display:flex}.tm-toggle[data-v-f2cdcdb3]{border-radius:var(--radius-md) 0 0 var(--radius-md);width:32px}.tm-caret[data-v-f2cdcdb3]{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:none;width:22px}.tm-caret svg[data-v-f2cdcdb3]{transition:transform .15s}.tm-caret.open svg[data-v-f2cdcdb3]{transform:rotate(180deg)}.tm-toggle[data-v-f2cdcdb3]:hover,.tm-caret[data-v-f2cdcdb3]:hover{background:var(--color-surface-2);color:var(--color-text)}.tm-pop{z-index:200;width:288px;max-width:calc(100vw - 16px);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform-origin:100% 0;flex-direction:column;animation:.13s cubic-bezier(.16,1,.3,1) tm-pop-in;display:flex;position:fixed}@keyframes tm-pop-in{0%{opacity:0;transform:scale(.97)translateY(-4px)}}@media (prefers-reduced-motion:reduce){.tm-pop{animation:none}}.tm-seg{margin-bottom:var(--space-2);background:var(--color-surface-2);border-radius:var(--radius-md);flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.tm-seg-btn{border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-xs);color:var(--color-text-muted);padding:5px 0;font-weight:600;transition:background 80ms,color 80ms}.tm-seg-btn:hover{color:var(--color-text)}.tm-seg-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.tm-grid{gap:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;flex:auto;grid-template-columns:repeat(2,1fr);min-height:0;display:grid;overflow-y:auto}.tm-grid::-webkit-scrollbar{display:none}.tm-tile{border-radius:var(--radius-md);text-align:left;flex-direction:column;gap:6px;padding:4px;transition:background 80ms;display:flex}.tm-tile:hover{background:var(--color-surface-2)}.tm-prev{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);height:50px;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;padding:8px;transition:box-shadow 80ms,transform 80ms;display:flex}.tm-tile:hover .tm-prev{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tm-tile.active .tm-prev{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent)}.tm-prev-card{border-radius:var(--radius-sm);flex-direction:column;justify-content:center;gap:4px;width:100%;height:100%;padding:7px;display:flex;box-shadow:0 1px 2px #0000001f}.tm-prev-bar{border-radius:var(--radius-pill);width:42%;height:6px}.tm-prev-line{border-radius:var(--radius-pill);opacity:.45;width:80%;height:3px}.tm-prev-line-short{width:55%}.tm-tile-row{align-items:center;gap:4px;padding:0 2px;display:flex}.tm-tile-name{font-size:var(--text-xs);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:550;overflow:hidden}.tm-tile-check{color:var(--color-accent);flex-shrink:0}.tm-tile.active .tm-tile-name{color:var(--color-accent)}.create-backdrop[data-v-43424c62]{z-index:200;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.create-dialog[data-v-43424c62]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:var(--shadow-lg);padding:var(--space-5)}.create-title[data-v-43424c62]{font-size:var(--text-lg);letter-spacing:-.01em;margin:0;font-weight:650}.create-sub[data-v-43424c62]{margin:var(--space-1) 0 var(--space-4);font-size:var(--text-sm)}.mode-cards[data-v-43424c62]{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mode-card[data-v-43424c62]{padding:var(--space-4);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-glass-bg);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;transition:border-color 80ms,background 80ms;display:flex}.mode-card[data-v-43424c62]:hover{border-color:var(--color-accent)}.mode-card.active[data-v-43424c62]{border-color:var(--color-accent);background:var(--color-accent-soft)}.mode-card svg[data-v-43424c62]{color:var(--color-text-muted);margin-bottom:var(--space-1)}.mode-card.active svg[data-v-43424c62]{color:var(--color-accent)}.mode-name[data-v-43424c62]{font-size:var(--text-sm);font-weight:600}.mode-desc[data-v-43424c62]{font-size:var(--text-xs);line-height:1.3}.size-block[data-v-43424c62]{margin-top:var(--space-4)}.size-label[data-v-43424c62]{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600}.size-row[data-v-43424c62]{gap:var(--space-2);flex-wrap:wrap;display:flex}.size-btn[data-v-43424c62]{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-glass-bg);font-size:var(--text-sm);padding:6px 14px;font-weight:500;transition:border-color 80ms,background 80ms,color 80ms}.size-btn[data-v-43424c62]:hover{border-color:var(--color-accent)}.size-btn.active[data-v-43424c62]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-text)}.create-actions[data-v-43424c62]{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.landing[data-v-25eeda63]{--ink-swatch:#14213d;--pencil:#fcb814;--eraser:#ff3b30;-webkit-overflow-scrolling:touch;height:100dvh;padding-top:var(--safe-top);color:var(--color-text);background:var(--color-bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden auto}[data-mode=dark]{--ink-swatch:#eaeef5}.h-display[data-v-25eeda63]{letter-spacing:-.025em;font-family:Schibsted Grotesk,ui-sans-serif,system-ui,sans-serif}.mono[data-v-25eeda63]{font-family:Space Mono,ui-monospace,SFMono-Regular,monospace}.shell[data-v-25eeda63]{max-width:1080px;margin:0 auto}.paper-grid[data-v-25eeda63]{background-image:radial-gradient(var(--color-border) 1px, transparent 1px);background-size:22px 22px}.nav[data-v-25eeda63]{z-index:20;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.nav-inner[data-v-25eeda63]{max-width:1080px;height:58px;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand[data-v-25eeda63]{align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;display:flex}.brand-name[data-v-25eeda63]{font-weight:700;font-size:var(--text-md)}.nav-links[data-v-25eeda63]{align-items:center;gap:var(--space-4);display:flex}.nav-link[data-v-25eeda63]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);align-items:center;gap:6px;font-weight:700;text-decoration:none;transition:color .12s;display:flex}.nav-link[data-v-25eeda63]:hover{color:var(--color-text)}.nav-cta[data-v-25eeda63]{font-size:var(--text-sm)}.hero[data-v-25eeda63]{padding:clamp(48px, 8vw, 96px) var(--space-6) clamp(56px, 9vw, 104px);border-bottom:1px solid var(--color-border)}.hero-inner[data-v-25eeda63]{gap:clamp(var(--space-8), 5vw, 56px);flex-direction:column;max-width:1080px;margin:0 auto;display:flex}.hero-copy[data-v-25eeda63]{text-align:center;align-self:center;align-items:center;gap:var(--space-5);flex-direction:column;max-width:46rem;display:flex}.eyebrow[data-v-25eeda63]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);margin:0;font-weight:700}.hero-title[data-v-25eeda63]{margin:0;font-size:clamp(2.3rem,5.4vw,4rem);font-weight:800;line-height:1.04}.mark[data-v-25eeda63]{background:linear-gradient(180deg, transparent 58%, color-mix(in srgb, var(--pencil) 60%, transparent) 58%);padding:0 2px}.hero-sub[data-v-25eeda63]{max-width:32rem;font-size:clamp(var(--text-md), 1.6vw, var(--text-lg));color:var(--color-text-muted);margin:0;line-height:1.6}.hero-actions[data-v-25eeda63]{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-lg[data-v-25eeda63]{height:48px;font-size:var(--text-md);gap:var(--space-2);align-items:center;padding:0 26px;display:inline-flex}.hero-meta[data-v-25eeda63]{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em;margin:0}.demo[data-v-25eeda63]{align-items:center;gap:clamp(var(--space-3), 2vw, var(--space-5));width:100%;display:flex}.screen[data-v-25eeda63]{border:1px solid var(--color-border-strong,var(--color-border));border-radius:var(--radius-lg);background:var(--color-canvas-surface,var(--color-surface));flex:1;min-width:0;margin:0;overflow:hidden;box-shadow:0 20px 48px #00000024,0 3px 10px #0000000f}.screen.viewer[data-v-25eeda63]{transform:rotate(1.4deg)}.screen-head[data-v-25eeda63]{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:7px;padding:8px 12px;font-weight:600;display:flex}.screen-dot[data-v-25eeda63]{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px}.screen-dot.live[data-v-25eeda63]{background:var(--eraser);animation:1.6s ease-out infinite live-pulse-25eeda63;box-shadow:0 0 #ff3b3080}@keyframes live-pulse-25eeda63{0%{box-shadow:0 0 #ff3b3080}to{box-shadow:0 0 0 7px #ff3b3000}}.screen-body[data-v-25eeda63]{position:relative}.ink-canvas[data-v-25eeda63]{aspect-ratio:4/3;touch-action:none;width:100%;display:block}.screen:not(.viewer) .ink-canvas[data-v-25eeda63]{cursor:crosshair}.draw-hint[data-v-25eeda63]{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7;pointer-events:none;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.link[data-v-25eeda63]{color:var(--color-text-muted);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.code-chip[data-v-25eeda63]{font-size:var(--text-xs);letter-spacing:.1em;border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:4px 8px;font-weight:700}.demo-controls[data-v-25eeda63]{justify-content:center;align-items:center;gap:var(--space-4);margin-top:calc(-1 * var(--space-2));display:flex}.pens[data-v-25eeda63]{gap:8px;display:flex}.pen[data-v-25eeda63]{background:var(--pen);border:2px solid var(--color-border);border-radius:50%;width:22px;height:22px;transition:transform .1s,border-color .1s}.pen[data-v-25eeda63]:hover{transform:scale(1.12)}.pen.active[data-v-25eeda63]{border-color:var(--color-text);transform:scale(1.18)}.reset[data-v-25eeda63]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-radius:var(--radius-sm);padding:4px 8px;font-weight:700}.reset[data-v-25eeda63]:hover{color:var(--color-text);background:var(--color-surface-2)}.section-title[data-v-25eeda63]{text-align:center;margin:0 0 var(--space-10);font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:700}.section-title.left[data-v-25eeda63]{text-align:left;margin-bottom:var(--space-2)}.recent[data-v-25eeda63]{padding:clamp(40px, 6vw, 64px) var(--space-6) clamp(16px, 2.5vw, 28px)}.recent-head[data-v-25eeda63]{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.recent-title[data-v-25eeda63]{margin:0;font-size:clamp(1.3rem,2.4vw,1.7rem)}.recent-head-actions[data-v-25eeda63]{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.recent-all[data-v-25eeda63]{font-size:var(--text-sm);color:var(--color-accent);align-items:center;gap:4px;font-weight:600;display:inline-flex}.recent-all[data-v-25eeda63]:hover{text-decoration:underline}.recent-grid[data-v-25eeda63]{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.recent-card[data-v-25eeda63]{flex-direction:column;gap:6px;min-width:0;display:flex}.recent-thumb[data-v-25eeda63]{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;transition:border-color .12s,box-shadow .12s,transform .12s;display:block;overflow:hidden}.recent-thumb[data-v-25eeda63]:hover{border-color:var(--color-border-strong,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.recent-thumb-img[data-v-25eeda63]{object-fit:cover;width:100%;height:100%;display:block}.recent-thumb-ph[data-v-25eeda63]{width:100%;height:100%}.recent-name[data-v-25eeda63]{font-size:var(--text-sm);color:var(--color-text);text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:650;transition:color 80ms;overflow:hidden}.recent-name[data-v-25eeda63]:hover{color:var(--color-accent)}.recent-meta[data-v-25eeda63]{font-size:var(--text-xs);color:var(--color-text-muted)}.steps[data-v-25eeda63]{padding:clamp(56px, 8vw, 88px) var(--space-6)}.steps-row[data-v-25eeda63]{gap:clamp(var(--space-6), 4vw, 56px);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.step[data-v-25eeda63]{align-items:center;column-gap:var(--space-3);row-gap:var(--space-2);grid-template-columns:auto 1fr;display:grid}.step-num[data-v-25eeda63]{border-radius:var(--radius-sm);background:var(--color-text);width:34px;height:34px;color:var(--color-bg);font-weight:700;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-title[data-v-25eeda63]{font-size:var(--text-lg);margin:0;font-weight:700}.step-desc[data-v-25eeda63]{font-size:var(--text-sm);color:var(--color-text-muted);grid-column:1/-1;margin:0;line-height:1.55}.features[data-v-25eeda63]{padding:clamp(56px, 8vw, 88px) var(--space-6);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.feat-grid[data-v-25eeda63]{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.feat[data-v-25eeda63]{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);transition:border-color .12s,box-shadow .12s,transform .12s}.feat[data-v-25eeda63]:hover{border-color:var(--color-border-strong,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.feat-head[data-v-25eeda63]{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.feat-icon[data-v-25eeda63]{border-radius:var(--radius-md);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feat-title[data-v-25eeda63]{font-size:var(--text-md);margin:0;font-weight:700}.feat-desc[data-v-25eeda63]{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.55}.join[data-v-25eeda63]{padding:clamp(48px, 7vw, 80px) var(--space-6)}.join-inner[data-v-25eeda63]{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.join-sub[data-v-25eeda63]{font-size:var(--text-md);color:var(--color-text-muted);max-width:26rem;margin:0;line-height:1.6}.join-form[data-v-25eeda63]{gap:var(--space-2);flex-shrink:0;display:flex}.join-input[data-v-25eeda63]{letter-spacing:.18em;text-transform:uppercase;width:180px;font-size:var(--text-lg);height:48px}.cta[data-v-25eeda63]{padding:clamp(64px, 9vw, 104px) var(--space-6);border-top:1px solid var(--color-border)}.cta-inner[data-v-25eeda63]{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;max-width:40rem;margin:0 auto;display:flex}.cta-title[data-v-25eeda63]{margin:0;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:800}.cta-sub[data-v-25eeda63]{font-size:var(--text-md);color:var(--color-text-muted);margin:0;line-height:1.6}.footer[data-v-25eeda63]{border-top:1px solid var(--color-border);background:var(--color-surface);padding:clamp(40px, 6vw, 64px) var(--space-6)}.footer-inner[data-v-25eeda63]{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.footer-brand[data-v-25eeda63]{align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;display:inline-flex}.footer-mark[data-v-25eeda63]{flex-shrink:0}.footer-name[data-v-25eeda63]{font-weight:700;font-size:var(--text-lg);letter-spacing:-.015em}.footer-tagline[data-v-25eeda63]{max-width:30rem;font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.6}.footer-links[data-v-25eeda63]{justify-content:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.footer-link[data-v-25eeda63]{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;text-decoration:none;transition:color .1s}.footer-link[data-v-25eeda63]:hover{color:var(--color-text)}.footer-divider[data-v-25eeda63]{background:var(--color-border);width:min(120px,40%);height:1px;margin:var(--space-1) 0}.footer-meta[data-v-25eeda63]{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.footer-meta a[data-v-25eeda63]{color:var(--color-accent);text-decoration:none}.footer-meta a[data-v-25eeda63]:hover{text-decoration:underline}@media (width<=767px){.nav-inner[data-v-25eeda63]{padding:0 var(--space-4)}.nav-link[data-v-25eeda63]{display:none}.hero[data-v-25eeda63]{padding:40px var(--space-4) 56px}.demo[data-v-25eeda63]{flex-direction:column}.link[data-v-25eeda63]{flex-direction:row}.link-arrow[data-v-25eeda63]{transform:rotate(90deg)}.screen.viewer[data-v-25eeda63]{transform:none}.recent[data-v-25eeda63],.steps[data-v-25eeda63],.features[data-v-25eeda63],.join[data-v-25eeda63],.cta[data-v-25eeda63]{padding-left:var(--space-4);padding-right:var(--space-4)}.recent-head[data-v-25eeda63]{gap:var(--space-2);flex-wrap:wrap}.recent-grid[data-v-25eeda63]{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-row[data-v-25eeda63],.feat-grid[data-v-25eeda63]{grid-template-columns:1fr}.join-inner[data-v-25eeda63]{align-items:flex-start;gap:var(--space-5);flex-direction:column}.join-form[data-v-25eeda63]{width:100%}.join-input[data-v-25eeda63]{flex:1;width:0}}@media (width>=768px) and (width<=1023px){.feat-grid[data-v-25eeda63]{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.screen-dot.live[data-v-25eeda63]{animation:none}.feat[data-v-25eeda63]:hover{transform:none}}.fade-enter-active[data-v-25eeda63],.fade-leave-active[data-v-25eeda63]{transition:opacity .2s}.fade-enter-from[data-v-25eeda63],.fade-leave-to[data-v-25eeda63]{opacity:0}.introjs-tour{transition:all .3s ease-out}.introjs-overlay{box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out;position:absolute}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative;z-index:9999999!important}.introjs-disableInteraction{opacity:0;background-color:#fff;position:absolute;z-index:99999999!important}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;z-index:9999998;border-radius:4px;transition:all .3s ease-out;position:absolute}.introjs-helperLayer *,.introjs-helperLayer :before,.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{box-sizing:content-box;visibility:hidden;z-index:100000000;background-color:#0000;font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif;transition:all .3s ease-out;position:absolute}.introjs-tooltipReferenceLayer *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px;font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.introjs-arrow{content:"";border:5px solid #0000;position:absolute}.introjs-arrow.top{border-bottom-color:#fff;top:-10px;left:10px}.introjs-arrow.top-right{border-bottom-color:#fff;top:-10px;right:10px}.introjs-arrow.top-middle{border-bottom-color:#fff;margin-left:-5px;top:-10px;left:50%}.introjs-arrow.right{border-left-color:#fff;top:10px;right:-10px}.introjs-arrow.right-bottom{border-left-color:#fff;bottom:10px;right:-10px}.introjs-arrow.bottom{border-top-color:#fff;bottom:-10px;left:10px}.introjs-arrow.bottom-right{border-top-color:#fff;bottom:-10px;right:10px}.introjs-arrow.bottom-middle{border-top-color:#fff;margin-left:-5px;bottom:-10px;left:50%}.introjs-arrow.left{border-right-color:#fff;top:10px;left:-10px}.introjs-arrow.left-bottom{border-right-color:#fff;bottom:10px;left:-10px}.introjs-tooltip{box-sizing:content-box;visibility:visible;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;transition:opacity .1s ease-out;position:absolute;box-shadow:0 3px 30px #2121214d}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{width:10px;height:10px;margin:0 0 2px;padding:0;display:inline}.introjs-dontShowAgain label{color:#616161;-webkit-user-select:none;user-select:none;background-color:#fff;margin:0 0 0 5px;padding:0;font-size:14px;font-weight:400;display:inline-block}.introjs-tooltip-title{width:90%;min-height:1.5em;margin:0;padding:0;font-size:18px;font-weight:700;line-height:1.5}.introjs-tooltip-header{min-height:1.5em;padding-top:10px;padding-left:20px;padding-right:20px;position:relative}.introjs-tooltipbuttons{text-align:right;white-space:nowrap;border-top:1px solid #e0e0e0;padding:10px}.introjs-tooltipbuttons:after{content:"";visibility:hidden;clear:both;height:0;display:block}.introjs-button{box-sizing:content-box;text-shadow:1px 1px #fff;color:#424242;white-space:nowrap;cursor:pointer;zoom:1;background-color:#f4f4f4;border:1px solid #bdbdbd;border-radius:.2em;outline:0;padding:.5rem 1rem;font-size:14px;text-decoration:none;display:inline;position:relative;overflow:visible}.introjs-button:hover{color:#212121;background-color:#e0e0e0;border-color:#9e9e9e;outline:0;text-decoration:none}.introjs-button:focus{color:#212121;background-color:#eee;border:1px solid #616161;outline:0;text-decoration:none;box-shadow:0 0 0 .2rem #9e9e9e80}.introjs-button:active{color:#212121;background-color:#e0e0e0;border-color:#9e9e9e;outline:0;text-decoration:none}.introjs-button::-moz-focus-inner{border:0;padding:0}.introjs-skipbutton{color:#616161;cursor:pointer;text-align:center;width:45px;height:45px;font-size:22px;font-weight:700;line-height:45px;text-decoration:none;display:inline-block;position:absolute;top:0;right:0}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;border-color:#bdbdbd;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;float:left;margin:0 2px;list-style:none}.introjs-bullets ul li a{box-sizing:content-box;cursor:pointer;background:#ccc;border-radius:10px;width:6px;height:6px;text-decoration:none;transition:width .1s ease-in;display:block}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{background:#999;outline:0;width:15px;text-decoration:none}.introjs-bullets ul li a.active{background:#999;width:15px}.introjs-progress{box-sizing:content-box;background-color:#e0e0e0;border-radius:4px;height:10px;margin:10px;overflow:hidden}.introjs-progressbar{box-sizing:content-box;float:left;text-align:center;background-color:#08c;width:0%;height:100%;font-size:10px;line-height:10px}.introjsFloatingElement{width:0;height:0;position:absolute;top:50%;left:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;cursor:pointer;background:0 0;width:20px;height:15px;position:absolute}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:#3c3c3c91}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.introjs-hint-pulse{box-sizing:content-box;z-index:10;background-color:#8888883d;border-radius:30px;width:15px;height:15px;transition:all .2s ease-out;animation:2s infinite introjspulse;position:absolute}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;z-index:1;opacity:0;background:0 0;border-radius:60px;width:50px;height:50px;position:absolute;top:-18px;left:-18px}.introjs-tooltip.ds-introjs{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-sans);min-width:280px;max-width:340px}@media (width<=767px){.introjs-tooltip.ds-introjs{min-width:min(300px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}}.ds-introjs .introjs-tooltip-header{padding:var(--space-4) var(--space-4) 0}.ds-introjs .introjs-tooltip-title{font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-text);font-weight:600}.ds-introjs .introjs-tooltiptext{padding:var(--space-2) var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55}.ds-introjs .introjs-arrow{display:none!important}.ds-introjs .introjs-bullets{padding-top:var(--space-2)}.ds-introjs .introjs-bullets ul li a{background:var(--color-border-strong);width:6px;height:6px}.ds-introjs .introjs-bullets ul li a.active{background:var(--color-accent);width:18px}.ds-introjs .introjs-tooltipbuttons{border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.ds-introjs .introjs-button{text-shadow:none;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);padding:5px 14px;font-weight:500;transition:background 80ms,color 80ms,border-color 80ms}.ds-introjs .introjs-button:hover,.ds-introjs .introjs-button:focus{background:var(--color-surface-3,var(--color-surface-2));color:var(--color-text);border-color:var(--color-border-strong);box-shadow:none}.ds-introjs .introjs-nextbutton,.ds-introjs .introjs-donebutton{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.ds-introjs .introjs-nextbutton:hover,.ds-introjs .introjs-donebutton:hover{background:var(--color-accent-hover);color:var(--color-accent-text);border-color:var(--color-accent-hover)}.ds-introjs .introjs-disabled,.ds-introjs .introjs-disabled:hover{color:var(--color-text-muted);border-color:var(--color-border);opacity:.6;background:0 0}.introjs-helperLayer{border-radius:10px}@media (prefers-reduced-motion:reduce){.introjs-helperLayer,.introjs-tooltipReferenceLayer,.introjs-tooltip{transition:none!important}}.help-backdrop[data-v-226145af]{z-index:90;pointer-events:none;background:0 0;position:fixed;inset:0}.help-panel[data-v-226145af]{z-index:91;-webkit-backdrop-filter:blur(40px)saturate(180%);width:300px;max-height:min(520px,100dvh - 80px);box-shadow:0 12px 36px var(--color-glass-shadow), 0 2px 8px var(--color-glass-shadow);transform-origin:0 100%;background:#fff9;border:1px solid #ffffff8c;border-radius:14px;flex-direction:column;animation:.16s cubic-bezier(.16,1,.3,1) help-in-226145af;display:flex;position:fixed;bottom:64px;right:12px;overflow:hidden}@media (prefers-color-scheme:dark){.help-panel[data-v-226145af]{background:#0f172aad;border-color:#94a3b82e}}html[data-mode=dark] .help-panel[data-v-226145af]{background:#0f172aad;border-color:#94a3b82e}html[data-mode=light] .help-panel[data-v-226145af]{background:#fff9;border-color:#ffffff8c}@keyframes help-in-226145af{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.help-panel[data-v-226145af]{animation:none}}.help-head[data-v-226145af]{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);-webkit-backdrop-filter:blur(40px)saturate(200%);background:#fff9;border-radius:14px 14px 0 0;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.help-head[data-v-226145af]{background:#0f172ac7}}html[data-mode=dark] .help-head[data-v-226145af]{background:#0f172ac7}html[data-mode=light] .help-head[data-v-226145af]{background:#ffffffb8}.help-title[data-v-226145af]{font-size:var(--text-sm);color:var(--color-text);flex:1;font-weight:600}.help-close[data-v-226145af]{border-radius:var(--radius-md);width:26px;height:26px;color:var(--color-text-muted);justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.help-close[data-v-226145af]:hover{background:var(--color-surface-2);color:var(--color-text)}.help-body[data-v-226145af]{scrollbar-width:none;flex:1;overflow:hidden auto}.help-body[data-v-226145af]::-webkit-scrollbar{display:none}.help-section[data-v-226145af]{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border)}.help-section[data-v-226145af]:last-child{border-bottom:none}.about-desc[data-v-226145af]{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-2);line-height:1.5}.about-links[data-v-226145af]{align-items:center;gap:var(--space-3);display:flex}.gh-link[data-v-226145af]{font-size:var(--text-xs);color:var(--color-accent);align-items:center;gap:5px;font-weight:500;text-decoration:none;display:inline-flex}.gh-link[data-v-226145af]:hover{text-decoration:underline}.version-badge[data-v-226145af]{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:10px}.help-section-title[data-v-226145af]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--space-2);font-weight:600}.shortcuts-grid[data-v-226145af]{gap:var(--space-1) var(--space-3);grid-template-columns:auto 1fr;align-items:center;display:grid}.shortcut-keys[data-v-226145af]{white-space:nowrap;align-items:center;gap:3px;display:flex}kbd[data-v-226145af]{border:1px solid var(--color-border-strong);background:var(--color-surface-2);font-family:var(--font-mono);color:var(--color-text);border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.shortcut-action[data-v-226145af]{font-size:var(--text-xs);color:var(--color-text-muted)}.faq-list[data-v-226145af]{gap:var(--space-1);flex-direction:column;display:flex}.faq-item[data-v-226145af]{border-radius:var(--radius-md);overflow:hidden}.faq-q[data-v-226145af]{font-size:var(--text-xs);color:var(--color-text);cursor:pointer;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);font-weight:500;list-style:none;transition:background 80ms;display:flex}.faq-q[data-v-226145af]:before{content:"›";color:var(--color-text-muted);font-size:14px;transition:transform .12s}details[open] .faq-q[data-v-226145af]:before{transform:rotate(90deg)}.faq-q[data-v-226145af]::-webkit-details-marker{display:none}.faq-q[data-v-226145af]:hover{background:var(--color-surface-2)}.faq-a[data-v-226145af]{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-1) var(--space-2) var(--space-2) calc(var(--space-2) + 14px);margin:0;line-height:1.5}.help-foot[data-v-226145af]{align-items:center;gap:var(--space-3);display:flex}.dev-toggle[data-v-226145af]{padding:5px var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-glass-bg);font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:5px;font-weight:500;transition:background 80ms,color 80ms,border-color 80ms;display:inline-flex}.dev-toggle[data-v-226145af]:hover{background:var(--color-surface-2);color:var(--color-text)}.dev-toggle.active[data-v-226145af]{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-strong)}.replay-btn[data-v-226145af]{width:100%;padding:7px var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-glass-bg);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background 80ms,color 80ms,border-color 80ms;display:inline-flex}.replay-btn[data-v-226145af]:hover{background:var(--color-surface-2);color:var(--color-text)}.dev-status[data-v-226145af]{font-family:var(--font-mono);align-items:center;font-size:10px;line-height:1;display:inline-flex}.foot-credit[data-v-226145af]{color:var(--color-text-muted);margin-left:auto;font-size:10px}.foot-credit a[data-v-226145af]{color:var(--color-accent);text-decoration:none}.foot-credit a[data-v-226145af]:hover{text-decoration:underline}@media (width<=767px){.help-panel[data-v-226145af]{right:8px;bottom:calc(var(--safe-bottom,0px) + 72px);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);width:calc(100vw - 16px);max-width:340px}html[data-mode=light] .help-panel[data-v-226145af],html[data-mode=dark] .help-panel[data-v-226145af]{background:var(--color-glass-bg)}.help-head[data-v-226145af],html[data-mode=light] .help-head[data-v-226145af],html[data-mode=dark] .help-head[data-v-226145af]{background:var(--color-glass-bg-strong);-webkit-backdrop-filter:none}}.page[data-v-eb97c902]{-webkit-overflow-scrolling:touch;height:100dvh;padding-top:var(--safe-top);flex-direction:column;display:flex;overflow-y:auto}.header[data-v-eb97c902]{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10;position:sticky;top:0}.header-inner[data-v-eb97c902]{max-width:1200px;height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-6);margin:0 auto;display:flex}.brand[data-v-eb97c902]{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-mark[data-v-eb97c902]{flex-shrink:0}.brand-name[data-v-eb97c902]{letter-spacing:-.015em;font-weight:600;font-size:var(--text-md);white-space:nowrap}.header-actions[data-v-eb97c902]{align-items:center;gap:var(--space-3);min-width:0;display:flex}.help-fab[data-v-eb97c902]{z-index:20;background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);width:32px;height:32px;box-shadow:0 2px 8px var(--color-glass-shadow);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:box-shadow .15s,color 80ms,background 80ms;display:flex;position:fixed;bottom:16px;right:16px}.help-fab[data-v-eb97c902]:hover{box-shadow:var(--shadow-md);color:var(--color-text)}.help-fab.active[data-v-eb97c902]{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.search[data-v-eb97c902]{width:260px}.new-btn svg[data-v-eb97c902]{flex-shrink:0}.main[data-v-eb97c902]{padding:var(--space-8) var(--space-6);flex:1;width:100%;max-width:1200px;margin:0 auto}.hero[data-v-eb97c902]{text-align:center;padding:var(--space-10) var(--space-6) var(--space-8)}.hero-title[data-v-eb97c902]{font-size:var(--text-2xl);letter-spacing:-.025em;margin:0 0 var(--space-3);font-weight:700}.hero-sub[data-v-eb97c902]{font-size:var(--text-sm);color:var(--color-text-muted);max-width:480px;margin:0 auto var(--space-8);line-height:1.6}.hero-features[data-v-eb97c902]{gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.feat[data-v-eb97c902]{align-items:flex-start;gap:var(--space-3);text-align:left;max-width:180px;display:flex}.feat-icon[data-v-eb97c902]{border-radius:var(--radius-md);background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feat-label[data-v-eb97c902]{font-size:var(--text-sm);margin-bottom:2px;font-weight:600}.feat-desc[data-v-eb97c902]{font-size:var(--text-xs);line-height:1.5}.hero-cta[data-v-eb97c902]{align-items:center;gap:var(--space-2);padding:0 var(--space-6);height:42px;font-size:var(--text-sm);display:inline-flex}.join-card[data-v-eb97c902]{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);display:flex}.join-text[data-v-eb97c902]{min-width:0}.join-title[data-v-eb97c902]{font-size:var(--text-sm);font-weight:600}.join-sub[data-v-eb97c902]{font-size:var(--text-xs);margin-top:2px}.join-form[data-v-eb97c902]{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.join-input[data-v-eb97c902]{width:180px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.page-header[data-v-eb97c902]{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.page-title[data-v-eb97c902]{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0;font-weight:600}.page-count[data-v-eb97c902]{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.state[data-v-eb97c902]{padding:var(--space-8)}.empty[data-v-eb97c902]{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;background:var(--color-surface);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.empty-icon[data-v-eb97c902]{border-radius:var(--radius-lg);background:var(--color-surface-2);width:56px;height:56px;color:var(--color-text-subtle);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.empty-title[data-v-eb97c902]{font-size:var(--text-lg);font-weight:600}.empty-sub[data-v-eb97c902]{font-size:var(--text-sm);margin-bottom:var(--space-4)}.grid[data-v-eb97c902]{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.card[data-v-eb97c902]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .12s,box-shadow .12s,transform .12s;overflow:hidden}.card[data-v-eb97c902]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card-thumb[data-v-eb97c902]{aspect-ratio:4/3;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);width:100%;display:block;position:relative;overflow:hidden}.thumb-grid[data-v-eb97c902]{background-image:linear-gradient(to right, var(--color-border) 1px, transparent 1px), linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0}.card-thumb-img[data-v-eb97c902]{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-body[data-v-eb97c902]{padding:var(--space-3) var(--space-4) var(--space-4)}.card-title-row[data-v-eb97c902]{margin-bottom:var(--space-1);align-items:center;display:flex}.card-title[data-v-eb97c902]{font-size:var(--text-md);text-align:left;letter-spacing:-.01em;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;width:100%;font-weight:600;overflow:hidden}.rename[data-v-eb97c902]{height:30px}.card-meta[data-v-eb97c902]{font-size:var(--text-xs);margin-bottom:var(--space-3)}.card-actions[data-v-eb97c902]{gap:var(--space-1);margin-left:-8px;display:flex}.card-danger[data-v-eb97c902]{color:var(--color-danger)}.card-danger[data-v-eb97c902]:hover:not(:disabled){background:var(--color-danger-soft)}.sr-only[data-v-eb97c902]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.trash-section[data-v-eb97c902]{margin-top:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.trash-header[data-v-eb97c902]{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;text-align:left;font-weight:500;display:flex}.trash-header[data-v-eb97c902]:hover{background:var(--color-surface-2)}.trash-title[data-v-eb97c902]{color:var(--color-text);flex:1;font-weight:600}.trash-count[data-v-eb97c902]{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.trash-chevron[data-v-eb97c902]{flex-shrink:0;transition:transform .2s}.trash-chevron.open[data-v-eb97c902]{transform:rotate(180deg)}.trash-list[data-v-eb97c902]{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none}.trash-item[data-v-eb97c902]{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex}.trash-item[data-v-eb97c902]:last-child{border-bottom:none}.trash-item-info[data-v-eb97c902]{flex-direction:column;gap:2px;min-width:0;display:flex}.trash-item-name[data-v-eb97c902]{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.trash-item-meta[data-v-eb97c902]{font-size:var(--text-xs)}.trash-item-actions[data-v-eb97c902]{gap:var(--space-1);flex-shrink:0;display:flex}@media (width<=1023px){.header-inner[data-v-eb97c902],.main[data-v-eb97c902]{padding-left:var(--space-5);padding-right:var(--space-5)}.search[data-v-eb97c902]{width:200px}.grid[data-v-eb97c902]{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=600px){.hero-features[data-v-eb97c902]{align-items:flex-start;gap:var(--space-4);flex-direction:column}.feat[data-v-eb97c902]{max-width:none}.hero[data-v-eb97c902]{padding:var(--space-8) var(--space-4) var(--space-6)}.hero-title[data-v-eb97c902]{font-size:var(--text-xl)}}@media (width<=767px){.header-inner[data-v-eb97c902]{padding:var(--space-2) var(--space-4);align-items:stretch;gap:var(--space-2);flex-direction:column;height:auto}.brand[data-v-eb97c902]{height:40px}.header-actions[data-v-eb97c902]{gap:var(--space-2);flex-wrap:wrap}.search[data-v-eb97c902]{flex:100%;width:auto}.new-label[data-v-eb97c902]{display:none}.new-btn[data-v-eb97c902]{width:40px;margin-left:auto;padding:0}.main[data-v-eb97c902]{padding:var(--space-5) var(--space-4) var(--space-10)}.join-card[data-v-eb97c902]{align-items:stretch;gap:var(--space-3);padding:var(--space-4);flex-direction:column}.join-form[data-v-eb97c902]{grid-template-columns:1fr auto;display:grid}.join-input[data-v-eb97c902]{width:100%}.page-title[data-v-eb97c902]{font-size:var(--text-xl)}.grid[data-v-eb97c902]{gap:var(--space-3);grid-template-columns:1fr 1fr}.card-body[data-v-eb97c902]{padding:var(--space-3)}.card-title[data-v-eb97c902]{font-size:var(--text-sm)}}@media (width<=480px){.grid[data-v-eb97c902]{grid-template-columns:1fr}}@keyframes card-crumple-eb97c902{0%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(0)scale(1)rotate(0)}11%{opacity:1;transform:translateY(-30px)scale(1.1,1.08)rotate(-2deg)}22%{opacity:1;animation-timing-function:linear;transform:translateY(-20px)scaleX(1.14)scaleY(.76)skew(-8deg)rotate(4deg)}33%{opacity:1;transform:translateY(-10px)scaleX(.86)scaleY(.63)skew(7deg)rotate(-7deg)}44%{opacity:.9;animation-timing-function:ease-in;transform:translateY(-2px)scaleX(.78)scaleY(.52)skew(-5deg)rotate(9deg)}56%{opacity:.72;transform:translateY(60px)scale(.52,.38)rotate(-12deg)}68%{opacity:.44;transform:translateY(160px)scale(.28,.2)rotate(16deg)}82%{opacity:.16;transform:translateY(320px)scale(.12,.07)rotate(-22deg)}to{opacity:0;transform:translateY(520px)scale(.04,.02)rotate(28deg)}}.card-deleting[data-v-eb97c902]{pointer-events:none;transform-origin:50% 60%;z-index:10;animation:.86s ease-out forwards card-crumple-eb97c902;position:relative}@keyframes card-restore-eb97c902{0%{opacity:0;transform:translateY(120px)scale(.06,.04)rotate(-20deg)}18%{opacity:.35;transform:translateY(60px)scale(.22,.18)rotate(-10deg)}40%{opacity:.85;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(-22px)scale(1.1)rotate(4deg)}56%{opacity:.95;transform:translateY(9px)scale(.97)rotate(-2deg)}70%{opacity:1;transform:translateY(-6px)scale(1.03)rotate(1deg)}82%{opacity:1;transform:translateY(3px)scale(.99)rotate(-.5deg)}91%{opacity:1;transform:translateY(-2px)scale(1.01)rotate(.2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.card-restoring[data-v-eb97c902]{transform-origin:bottom;z-index:10;animation:.75s ease-out forwards card-restore-eb97c902;position:relative}.stage[data-v-fb85e51d]{background:var(--color-canvas-surface);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:relative;overflow:hidden}.stage.pan-cursor[data-v-fb85e51d]{cursor:grab}.stage.pan-cursor[data-v-fb85e51d]:active{cursor:grabbing}.stage.is-notebook[data-v-fb85e51d]{background:var(--color-bg)}.page-bg[data-v-fb85e51d]{background-color:var(--color-canvas-surface);pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.bg-ruled[data-v-fb85e51d]{background-image:linear-gradient(to bottom, transparent 0, transparent calc(100% - 1px), var(--color-canvas-line) calc(100% - 1px), var(--color-canvas-line) 100%)}.bg-grid[data-v-fb85e51d]{background-image:linear-gradient(to right, transparent calc(100% - 1px), var(--color-canvas-line) calc(100% - 1px), var(--color-canvas-line) 100%), linear-gradient(to bottom, transparent calc(100% - 1px), var(--color-canvas-line) calc(100% - 1px), var(--color-canvas-line) 100%)}.bg-dotted[data-v-fb85e51d]{background-image:radial-gradient(circle at 50% 50%, var(--color-canvas-dot) 1.5px, transparent 2.5px)}.layer[data-v-fb85e51d]{forced-color-adjust:none;background:0 0;display:block;position:absolute;inset:0}.live[data-v-fb85e51d]{touch-action:none}.image-sel[data-v-fb85e51d]{z-index:5;border:2px solid var(--color-accent,#3b82f6);pointer-events:none;border-radius:3px;position:absolute;box-shadow:0 0 0 1px #3b82f640}.obj-sel[data-v-fb85e51d]{z-index:5;border:1.5px dashed var(--color-accent,#3b82f6);pointer-events:none;border-radius:3px;position:absolute}.image-handle[data-v-fb85e51d]{border:1.5px solid var(--color-accent,#3b82f6);background:#fff;border-radius:2px;width:10px;height:10px;position:absolute}.image-handle.nw[data-v-fb85e51d]{cursor:nwse-resize;top:-6px;left:-6px}.image-handle.ne[data-v-fb85e51d]{cursor:nesw-resize;top:-6px;right:-6px}.image-handle.sw[data-v-fb85e51d]{cursor:nesw-resize;bottom:-6px;left:-6px}.image-handle.se[data-v-fb85e51d]{cursor:nwse-resize;bottom:-6px;right:-6px}.image-bar[data-v-fb85e51d]{z-index:6;background:var(--color-surface,#1e293b);border:1px solid var(--color-border,#94a3b84d);border-radius:6px;gap:2px;padding:3px;display:flex;position:absolute;transform:translateY(-2px);box-shadow:0 4px 14px #0f172a47}.image-bar button[data-v-fb85e51d]{font:inherit;color:var(--color-text,#e2e8f0);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 8px;font-size:12px;line-height:1}.image-bar button[data-v-fb85e51d]:hover{background:color-mix(in srgb, var(--color-accent) 22%, transparent)}.image-bar button.danger[data-v-fb85e51d]:hover{background:#ef44443d}.page-frame[data-v-fb85e51d]{z-index:3;pointer-events:none;border:1px solid var(--color-border);border-radius:2px;position:absolute;box-shadow:0 2px 12px #0f172a1f}.page-frame.is-active[data-v-fb85e51d]{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);box-shadow:0 3px 16px #0f172a29}.eraser-cursor[data-v-fb85e51d]{z-index:6;border:1.5px solid var(--color-ink);background:var(--color-ink-fill);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.eraser-cursor.circle[data-v-fb85e51d]{border-radius:50%}.eraser-cursor.square[data-v-fb85e51d]{border-radius:3px}.text-edit[data-v-fb85e51d]{z-index:6;border:1.5px dashed var(--color-accent,#3b82f6);background:var(--color-glass-bg);box-shadow:0 2px 10px var(--color-glass-shadow);resize:none;white-space:pre;transform-origin:0 0;border-radius:6px;outline:none;min-width:8px;min-height:1.3em;margin:-4px 0 0 -6px;padding:2px 5px;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.3;position:absolute;overflow:hidden}.cam-controls[data-v-fb85e51d]{background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-glass-border);box-shadow:0 8px 24px var(--color-glass-shadow), 0 2px 6px var(--color-glass-shadow);z-index:5;border-radius:12px;align-items:center;gap:2px;padding:4px;transition:opacity .15s;display:flex;position:absolute;bottom:16px;left:16px}.cam-controls.quiet[data-v-fb85e51d]{opacity:.06;pointer-events:none}@media (width<=767px){.cam-controls[data-v-fb85e51d]{bottom:calc(var(--safe-bottom,0px) + 72px)}}.cam-btn[data-v-fb85e51d]{width:34px;height:34px;color:var(--color-text-muted);border-radius:8px;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.cam-btn[data-v-fb85e51d]:active{transform:scale(.94)}.cam-zoom-label[data-v-fb85e51d]{font-size:var(--text-xs);letter-spacing:.02em;min-width:52px;color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.cam-btn[data-v-fb85e51d]:hover{background:#0f172a12}.laser-trail[data-v-fb85e51d]{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.laser-trail polyline[data-v-fb85e51d]{fill:none;stroke:#ef4444eb;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ef4444bf)}.laser-dot[data-v-fb85e51d]{z-index:10;pointer-events:none;background:#ef4444eb;border-radius:50%;width:18px;height:18px;animation:1.2s ease-in-out infinite laser-pulse-fb85e51d;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ef444447,0 0 18px #ef44448c}@keyframes laser-pulse-fb85e51d{0%,to{box-shadow:0 0 0 4px #ef444447,0 0 18px #ef44448c}50%{box-shadow:0 0 0 9px #ef44441f,0 0 30px #ef444459}}.spotlight-overlay[data-v-fb85e51d]{z-index:10;pointer-events:none;background:radial-gradient(circle 130px at var(--sx,50%) var(--sy,50%), transparent 0%, transparent 85px, #000000b8 130px);position:absolute;inset:0}.chat-fab[data-v-2aee4a39]{right:calc(var(--space-4) + var(--safe-right));bottom:calc(var(--space-4) + var(--safe-bottom));z-index:40;border-radius:var(--radius-pill);background:var(--color-accent);width:48px;height:48px;color:var(--color-accent-text);box-shadow:var(--shadow-lg);border:none;justify-content:center;align-items:center;display:flex;position:fixed}.badge[data-v-2aee4a39]{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;text-align:center;border:2px solid var(--color-surface);min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.chat-panel[data-v-2aee4a39]{right:calc(var(--space-4) + var(--safe-right));bottom:calc(var(--space-4) + var(--safe-bottom));z-index:60;width:340px;max-width:calc(100vw - var(--space-4) * 2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:min(70vh,520px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.16s chat-in-2aee4a39;display:flex;position:fixed;overflow:hidden}.chat-panel.full[data-v-2aee4a39]{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);right:var(--safe-right);bottom:var(--safe-bottom);border-radius:0;width:auto;max-width:none;height:auto}@keyframes chat-in-2aee4a39{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-head[data-v-2aee4a39]{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-title[data-v-2aee4a39]{font-size:var(--text-md);font-weight:600}.chat-head-actions[data-v-2aee4a39]{gap:var(--space-1);display:flex}.chat-icon-btn[data-v-2aee4a39]{border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-icon-btn[data-v-2aee4a39]:hover{background:var(--color-surface-2);color:var(--color-text)}.chat-name-row[data-v-2aee4a39]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);flex-shrink:0;display:flex}.chat-name-label[data-v-2aee4a39]{color:var(--color-text-muted)}.chat-name[data-v-2aee4a39]{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-weight:600;display:inline-flex}.chat-name[data-v-2aee4a39]:hover{border-color:var(--color-accent);color:var(--color-accent)}.chat-name svg[data-v-2aee4a39]{opacity:.6}.chat-name-input[data-v-2aee4a39]{min-width:0;height:26px;font-size:var(--text-sm);flex:1}.chat-msgs[data-v-2aee4a39]{min-height:0;padding:var(--space-3);gap:var(--space-2);scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-msgs[data-v-2aee4a39]::-webkit-scrollbar{display:none}.chat-empty[data-v-2aee4a39]{color:var(--color-text-muted);font-size:var(--text-sm);margin:auto}.chat-msg[data-v-2aee4a39]{flex-direction:column;align-self:flex-start;gap:2px;max-width:85%;display:flex}.chat-msg.mine[data-v-2aee4a39]{align-self:flex-end;align-items:flex-end}.chat-who[data-v-2aee4a39]{font-size:var(--text-xs);color:var(--color-text-muted);padding:0 var(--space-2);font-weight:600}.chat-row[data-v-2aee4a39]{align-items:flex-end;gap:var(--space-2);touch-action:pan-y;display:flex;position:relative}.chat-msg.mine .chat-row[data-v-2aee4a39]{flex-direction:row-reverse}.chat-swipe[data-v-2aee4a39]{min-width:0;transition:transform .12s}.chat-swipe-hint[data-v-2aee4a39]{border-radius:var(--radius-pill);background:var(--color-surface-3,var(--color-surface-2));width:24px;height:24px;color:var(--color-text-muted);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;bottom:8px;left:-2px}.chat-swipe-hint.active[data-v-2aee4a39]{opacity:.55}.chat-swipe-hint.ready[data-v-2aee4a39]{opacity:1;color:var(--color-accent)}.chat-bubble[data-v-2aee4a39]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.chat-bubble.has-image[data-v-2aee4a39]{flex-direction:column;gap:4px;padding:4px;display:flex}.chat-img[data-v-2aee4a39]{border-radius:var(--radius-md);cursor:zoom-in;width:auto;max-width:220px;height:auto;max-height:220px;display:block}.chat-bubble.has-image .chat-text[data-v-2aee4a39]{padding:0 var(--space-2) 2px}.chat-msg.mine .chat-bubble[data-v-2aee4a39]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.chat-time[data-v-2aee4a39]{color:var(--color-text-subtle);flex-shrink:0;font-size:10px}.chat-quote[data-v-2aee4a39]{text-align:left;width:100%;padding:2px var(--space-2);border:none;border-left:3px solid var(--color-accent);background:var(--color-surface-3,#7f7f7f1a);font-size:var(--text-xs);opacity:.9;cursor:pointer;border-radius:4px;flex-direction:column;align-items:flex-start;gap:1px;margin-bottom:4px;display:flex}.chat-quote[data-v-2aee4a39]:hover{opacity:1}.chat-msg.highlight .chat-bubble[data-v-2aee4a39]{animation:1.4s chat-flash-2aee4a39}@keyframes chat-flash-2aee4a39{0%,60%{box-shadow:0 0 0 2px var(--color-accent)}to{box-shadow:0 0 #0000}}.chat-msg.mine .chat-quote[data-v-2aee4a39]{border-left-color:var(--color-accent-text)}.chat-quote-name[data-v-2aee4a39]{font-weight:600}.chat-quote-text[data-v-2aee4a39]{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.chat-edited[data-v-2aee4a39]{opacity:.6;margin-left:var(--space-2);font-size:10px}.chat-actions[data-v-2aee4a39]{align-self:center;gap:2px;display:none}.chat-row:hover .chat-actions[data-v-2aee4a39]{display:flex}.chat-act[data-v-2aee4a39]{border-radius:var(--radius-sm,4px);width:22px;height:22px;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-act[data-v-2aee4a39]:hover{background:var(--color-surface-2);color:var(--color-text)}.chat-reactions[data-v-2aee4a39]{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chat-msg.mine .chat-reactions[data-v-2aee4a39]{justify-content:flex-end}.chat-reaction[data-v-2aee4a39]{border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);height:22px;font-size:var(--text-xs);color:var(--color-text);align-items:center;gap:3px;padding:0 7px;line-height:1;display:inline-flex}.chat-reaction.mine[data-v-2aee4a39]{background:var(--color-accent-soft);border-color:var(--color-accent)}.chat-reaction-n[data-v-2aee4a39]{color:var(--color-text-muted);font-weight:600}.chat-reaction.mine .chat-reaction-n[data-v-2aee4a39]{color:var(--color-accent)}.chat-quickreact[data-v-2aee4a39]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);align-self:flex-start;gap:2px;margin-top:4px;padding:4px;display:flex}.chat-msg.mine .chat-quickreact[data-v-2aee4a39]{align-self:flex-end}.chat-qr[data-v-2aee4a39]{border-radius:var(--radius-pill);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.chat-qr[data-v-2aee4a39]:hover{background:var(--color-surface-2)}.chat-qr-more[data-v-2aee4a39]{color:var(--color-text-muted);font-size:18px}.chat-react-picker[data-v-2aee4a39]{border-top:1px solid var(--color-border)}.chat-react-picker-head[data-v-2aee4a39]{padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.chat-react-picker .chat-emoji[data-v-2aee4a39]{border-top:1px solid var(--color-border)}.chat-seen[data-v-2aee4a39]{color:var(--color-text-subtle);padding:0 var(--space-1) 2px;align-self:flex-end;font-size:10px}.chat-compose-ctx[data-v-2aee4a39]{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.ctx-text[data-v-2aee4a39]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-emoji[data-v-2aee4a39]{border-top:1px solid var(--color-border)}.chat-emoji-btn.active[data-v-2aee4a39]{background:var(--color-surface-2);color:var(--color-accent)}.chat-composer[data-v-2aee4a39]{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.chat-input[data-v-2aee4a39]{flex:1;min-width:0}.chat-attach[data-v-2aee4a39],.chat-send[data-v-2aee4a39]{flex-shrink:0}.chat-file[data-v-2aee4a39]{display:none}@media (width<=767px){.chat-panel[data-v-2aee4a39]:not(.full){right:var(--space-2);left:var(--space-2);bottom:calc(var(--space-2) + var(--safe-bottom));width:auto;max-width:none;height:min(70vh,460px)}}.dbg[data-v-8f6738d0]{z-index:99999;color:#c8f7c8;background:#0a0e16f5;border-top:1px solid #1f6f3f;flex-direction:column;max-height:38vh;font:11px/1.4 ui-monospace,Menlo,monospace;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.dbg.collapsed[data-v-8f6738d0]{max-height:none}.bar[data-v-8f6738d0]{background:#14321e99;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.title[data-v-8f6738d0]{color:#7ee787;font-weight:600}.actions[data-v-8f6738d0]{gap:6px;display:flex}.actions button[data-v-8f6738d0]{color:#aef0ae;font:inherit;cursor:pointer;background:#7ee78726;border:1px solid #2f7f4f;border-radius:4px;padding:4px 10px}.actions button[data-v-8f6738d0]:active{background:#7ee7874d}.body[data-v-8f6738d0]{-webkit-overflow-scrolling:touch;padding:6px 8px;overflow-y:auto}.row[data-v-8f6738d0]{white-space:pre-wrap;word-break:break-word;gap:8px;padding:1px 0;display:flex}.row.warn .m[data-v-8f6738d0]{color:#ffd27a}.row.error .m[data-v-8f6738d0]{color:#ff8a8a}.t[data-v-8f6738d0]{color:#5a7a5a;flex-shrink:0}.m[data-v-8f6738d0]{flex:1}.empty[data-v-8f6738d0]{color:#5a7a5a;padding:8px}.wrap[data-v-133fdeb2]{display:contents}.backdrop[data-v-133fdeb2]{display:none}.panel[data-v-133fdeb2]{width:var(--sidepanel-w);z-index:10;background:var(--color-glass-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-glass-border);box-shadow:0 8px 24px var(--color-glass-shadow), 0 2px 6px var(--color-glass-shadow);scrollbar-width:thin;transform-origin:100% 0;border-radius:12px;flex-direction:column;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .18s;display:flex;position:absolute;top:8px;bottom:8px;right:8px;overflow:hidden}.panel-body[data-v-133fdeb2]{scrollbar-width:none;flex:1;min-height:0;overflow:hidden auto}.panel-body[data-v-133fdeb2]::-webkit-scrollbar{display:none}.film-section[data-v-133fdeb2]{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border)}.film[data-v-133fdeb2]{margin:var(--space-2) 0 0;gap:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;padding:0;list-style:none;display:flex;overflow-x:auto}.film[data-v-133fdeb2]::-webkit-scrollbar{display:none}.film>li[data-v-133fdeb2]{flex:none}.film-thumb[data-v-133fdeb2]{aspect-ratio:1/1.3;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);width:48px;transition:border-color 80ms,box-shadow 80ms;display:block;position:relative;overflow:hidden}.film-thumb.active[data-v-133fdeb2]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.film-img[data-v-133fdeb2]{object-fit:cover;width:100%;height:100%}.film-ph[data-v-133fdeb2]{font-size:var(--text-sm);color:var(--color-text-muted);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.film-badge[data-v-133fdeb2]{background:color-mix(in srgb, var(--color-bg) 70%, transparent);color:var(--color-text-muted);border-radius:4px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1;position:absolute;bottom:2px;left:3px}.film-thumb.active .film-badge[data-v-133fdeb2]{color:var(--color-accent)}.page-name-row[data-v-133fdeb2]{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.page-name-input[data-v-133fdeb2]{min-width:0;color:var(--color-text);font-size:var(--text-sm);border-radius:var(--radius-sm);background:0 0;border:none;flex:1;padding:6px 4px;font-weight:650}.page-name-input[data-v-133fdeb2]:hover{background:var(--color-surface-2)}.page-name-input[data-v-133fdeb2]:focus{background:var(--color-surface-2);outline:none}.panel.quiet[data-v-133fdeb2]{opacity:.12;pointer-events:none;transition:opacity .15s}.mini-dock[data-v-133fdeb2]{z-index:10;background:var(--color-glass-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-glass-border);box-shadow:0 8px 24px var(--color-glass-shadow), 0 2px 6px var(--color-glass-shadow);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.mini-dock.quiet[data-v-133fdeb2]{opacity:.12;pointer-events:none}.dock-btn[data-v-133fdeb2]{width:40px;height:40px;color:var(--color-text-muted);border-radius:10px;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex;position:relative}.dock-btn[data-v-133fdeb2]:hover{background:var(--color-surface-2);color:var(--color-text)}.dock-expand[data-v-133fdeb2]{color:var(--color-text)}.dock-count[data-v-133fdeb2]{background:var(--color-accent);min-width:14px;height:14px;color:var(--color-accent-text);border-radius:7px;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:3px;right:3px}.dock-divider[data-v-133fdeb2]{background:var(--color-border);width:22px;height:1px}.dock-live.live[data-v-133fdeb2]{color:var(--color-accent)}.panel-head[data-v-133fdeb2]{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(8px);z-index:20;border-radius:12px 12px 0 0;display:flex;position:sticky;top:0}.head-icon[data-v-133fdeb2]{border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.head-icon[data-v-133fdeb2]:hover{background:var(--color-surface-2);color:var(--color-text)}.project-name[data-v-133fdeb2]{min-width:0;font-size:var(--text-sm);letter-spacing:-.01em;padding:4px var(--space-2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;flex:1;font-weight:600}.project-name[data-v-133fdeb2]:hover{background:var(--color-surface-2)}.project-name[data-v-133fdeb2]:focus{background:var(--color-surface);border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.save-chip[data-v-133fdeb2]{color:var(--color-text-muted);white-space:nowrap;letter-spacing:.01em;flex-shrink:0;font-size:10px;font-weight:500}.save-chip.saving[data-v-133fdeb2]{color:var(--color-accent)}.close-btn[data-v-133fdeb2]{display:none}.share-btn[data-v-133fdeb2]{align-items:center;gap:var(--space-2);width:100%;height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:background 80ms,color 80ms,border-color 80ms;display:flex}.share-btn[data-v-133fdeb2]:hover{background:var(--color-surface-3,var(--color-surface-2));color:var(--color-text);border-color:var(--color-border-strong)}.share-btn.live[data-v-133fdeb2]{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-strong)}.share-label[data-v-133fdeb2]{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.share-btn.live .share-label[data-v-133fdeb2]{font-family:var(--font-mono);letter-spacing:.06em}.live-dot[data-v-133fdeb2]{border-radius:var(--radius-pill);background:var(--color-success);flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #05966933}.collab[data-v-133fdeb2]{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.collab-head[data-v-133fdeb2]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600}.collab-list[data-v-133fdeb2]{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.collab-row[data-v-133fdeb2]{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.collab-name[data-v-133fdeb2]{font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collab-toggle[data-v-133fdeb2]{align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);flex-shrink:0;font-weight:600;display:inline-flex}.collab-toggle .knob[data-v-133fdeb2]{border-radius:var(--radius-pill);background:var(--color-text-subtle);width:9px;height:9px}.collab-toggle.on[data-v-133fdeb2]{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.collab-toggle.on .knob[data-v-133fdeb2]{background:var(--color-accent)}.dock-chat[data-v-133fdeb2]{position:relative}.dock-badge[data-v-133fdeb2]{border-radius:var(--radius-pill);background:var(--color-danger);border:2px solid var(--color-surface);width:8px;height:8px;position:absolute;top:6px;right:6px}.section[data-v-133fdeb2]{padding:var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.section[data-v-133fdeb2]:last-child{border-bottom:none}.section-title[data-v-133fdeb2]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:600}.group-section[data-v-133fdeb2]{padding:0}.group-toggle[data-v-133fdeb2]{width:100%;padding:var(--space-3);color:var(--color-text-muted);justify-content:space-between;align-items:center;transition:background 80ms;display:flex}.group-toggle[data-v-133fdeb2]:hover{background:var(--color-surface-2)}.group-toggle .section-title[data-v-133fdeb2]{margin-bottom:0}.chev[data-v-133fdeb2]{flex-shrink:0;transition:transform .15s}.chev.open[data-v-133fdeb2]{transform:rotate(90deg)}.group-body[data-v-133fdeb2]{padding:0 var(--space-3) var(--space-4);gap:var(--space-5);flex-direction:column;display:flex}.subsection[data-v-133fdeb2]{flex-direction:column;display:flex}.sub-title[data-v-133fdeb2]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600}.record-row .sub-title[data-v-133fdeb2]{margin-bottom:0}.head-menu-wrap[data-v-133fdeb2]{display:flex;position:relative}.menu-backdrop[data-v-133fdeb2]{z-index:15;position:fixed;inset:0}.head-menu[data-v-133fdeb2]{z-index:16;background:var(--color-glass-bg-strong,var(--color-surface));-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-glass-border,var(--color-border));border-radius:var(--radius-md);min-width:168px;box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.head-menu-item[data-v-133fdeb2]{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);padding:8px 10px;transition:background 80ms;display:flex}.head-menu-item[data-v-133fdeb2]:hover{background:var(--color-surface-2)}.head-menu-item.is-on[data-v-133fdeb2]{color:var(--color-accent)}.page-action[data-v-133fdeb2]{font-size:var(--text-xs);padding:4px var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:500}.page-action[data-v-133fdeb2]:hover{background:var(--color-surface-3,var(--color-surface-2));color:var(--color-text)}.page-action.danger[data-v-133fdeb2]{color:var(--color-danger)}.page-action.danger[data-v-133fdeb2]:hover{background:var(--color-danger-soft)}.page-tools[data-v-133fdeb2]{gap:var(--space-2);margin-top:var(--space-3);padding:0 var(--space-1);grid-template-columns:1fr 1fr;display:grid}.tool-btn[data-v-133fdeb2]{padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-glass-bg);color:var(--color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:500;transition:background 80ms,color 80ms,border-color 80ms;display:flex}.tool-btn[data-v-133fdeb2]:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-strong)}.tool-btn.tool-active[data-v-133fdeb2]{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-strong)}.mode-btns[data-v-133fdeb2]{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}.mode-btn[data-v-133fdeb2]{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-glass-bg);padding:var(--space-2) var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;transition:background 80ms,color 80ms,border-color 80ms}.mode-btn[data-v-133fdeb2]:hover{background:var(--color-surface-2);color:var(--color-text)}.mode-btn.active[data-v-133fdeb2]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.mode-hint[data-v-133fdeb2]{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.layout-row[data-v-133fdeb2]{margin-top:var(--space-3)}.layout-label[data-v-133fdeb2]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600;display:block}.layout-btns[data-v-133fdeb2]{grid-template-columns:1fr 1fr}.record-row[data-v-133fdeb2]{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.rec-toggle[data-v-133fdeb2]{border:1px solid var(--color-border-strong);background:var(--color-surface-2);cursor:pointer;border-radius:999px;flex:none;width:38px;height:22px;padding:2px;transition:background .15s,border-color .15s}.rec-toggle.on[data-v-133fdeb2]{background:var(--color-accent);border-color:var(--color-accent)}.rec-knob[data-v-133fdeb2]{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;display:block;box-shadow:0 1px 2px #0000004d}.rec-toggle.on .rec-knob[data-v-133fdeb2]{transform:translate(16px)}.section-head[data-v-133fdeb2]{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.layers-title[data-v-133fdeb2]{margin-bottom:0}.btn-icon[data-v-133fdeb2]{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;transition:background 80ms;display:flex}.btn-icon[data-v-133fdeb2]:hover{background:var(--color-accent-soft)}.layers-list[data-v-133fdeb2]{flex-direction:column;gap:2px;display:flex}.layer-row[data-v-133fdeb2]{padding:5px var(--space-2);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:4px;min-height:32px;transition:background 80ms,border-color 80ms,opacity 80ms;display:flex}.layer-row[data-v-133fdeb2]:hover{background:var(--color-surface-2)}.layer-row.active[data-v-133fdeb2]{background:var(--color-accent-soft);border-color:var(--color-border-strong)}.layer-row.hidden[data-v-133fdeb2]{opacity:.45}.layer-row.locked[data-v-133fdeb2]{opacity:.7}.layer-icon-btn[data-v-133fdeb2]{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.layer-icon-btn[data-v-133fdeb2]:hover:not(:disabled){background:var(--color-surface-3,var(--color-surface-2));color:var(--color-text)}.layer-icon-btn[data-v-133fdeb2]:disabled{opacity:.3;cursor:default}.layer-delete[data-v-133fdeb2]:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-soft)}.layer-name[data-v-133fdeb2]{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;flex:1;font-weight:500;overflow:hidden}.layer-rename[data-v-133fdeb2]{min-width:0;height:24px;padding:0 var(--space-2);font-size:var(--text-sm);flex:1}.layer-reorder[data-v-133fdeb2]{flex-direction:column;flex-shrink:0;gap:0;display:flex}.bg-grid[data-v-133fdeb2]{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.bg-btn[data-v-133fdeb2]{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-glass-bg);padding:var(--space-3) var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;transition:background 80ms,color 80ms,border-color 80ms}.bg-btn[data-v-133fdeb2]:hover{background:var(--color-surface-2);color:var(--color-text)}.bg-btn.active[data-v-133fdeb2]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.snapshot-url-row[data-v-133fdeb2]{gap:var(--space-2);display:flex}.snapshot-input[data-v-133fdeb2]{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);flex:1}.snapshot-copy-btn[data-v-133fdeb2]{font-size:var(--text-xs);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-2);height:32px;color:var(--color-text-muted);flex-shrink:0;font-weight:500;transition:background 80ms,color 80ms}.snapshot-copy-btn[data-v-133fdeb2]:hover{background:var(--color-surface-3,var(--color-surface-2));color:var(--color-text)}.snapshot-actions[data-v-133fdeb2]{gap:var(--space-1);margin-top:var(--space-2);display:flex}.snapshot-note[data-v-133fdeb2]{font-size:var(--text-xs);margin-top:var(--space-2);line-height:1.4}@media (pointer:coarse){.layer-icon-btn[data-v-133fdeb2]{width:30px;height:30px}.layer-reorder .layer-icon-btn[data-v-133fdeb2]{height:24px}.layer-row[data-v-133fdeb2]{padding:6px var(--space-2);gap:6px;min-height:44px}.head-icon[data-v-133fdeb2]{width:36px;height:36px}.btn-icon[data-v-133fdeb2]{width:30px;height:30px}.head-menu-item[data-v-133fdeb2]{padding:11px 12px}}@media (width<=767px){.mini-dock[data-v-133fdeb2]{top:calc(var(--safe-top,0px) + 12px);z-index:50;pointer-events:auto;right:12px}.wrap[data-v-133fdeb2]{z-index:50;pointer-events:none;display:block;position:fixed;inset:0}.backdrop[data-v-133fdeb2]{opacity:0;pointer-events:none;background:#0f172a59;transition:opacity .18s;display:block;position:absolute;inset:0}.panel[data-v-133fdeb2]{top:calc(var(--safe-top,0px) + 12px);width:min(340px,100vw - 24px);height:auto;max-height:calc(100dvh - (var(--safe-top,0px) + 12px) - (var(--safe-bottom,0px) + 76px));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:none;box-shadow:var(--shadow-floating);transform-origin:100% 0;opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.25,.8,.25,1),opacity .22s;position:absolute;bottom:auto;left:auto;right:12px;transform:scale(0)}.wrap.is-open[data-v-133fdeb2]{pointer-events:auto}.wrap.is-open .backdrop[data-v-133fdeb2]{opacity:1;pointer-events:auto}.wrap.is-open .panel[data-v-133fdeb2]{opacity:1;pointer-events:auto;transform:scale(1)}.desktop-toggle[data-v-133fdeb2]{display:none}.close-btn[data-v-133fdeb2]{display:inline-flex}.panel-head[data-v-133fdeb2]{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-3) var(--space-4);border-radius:0}}.replay-panel[data-v-04147cb6]{z-index:40;background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(18px);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-md), 0 2px 6px var(--color-glass-shadow);pointer-events:all;border-radius:16px;flex-direction:column;gap:8px;min-width:320px;max-width:calc(100vw - 32px);padding:10px 14px 12px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.replay-row[data-v-04147cb6]{align-items:center;gap:10px;display:flex}.replay-play-btn[data-v-04147cb6]{border-radius:var(--radius-pill);background:var(--color-accent);width:38px;height:38px;color:var(--color-accent-text,#fff);flex-shrink:0;justify-content:center;align-items:center;transition:transform 80ms,background 80ms;display:flex}.replay-play-btn[data-v-04147cb6]:hover{transform:scale(1.06)}.replay-play-btn[data-v-04147cb6]:active{transform:scale(.94)}.replay-time[data-v-04147cb6]{font-size:var(--text-xs,12px);font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.replay-speeds[data-v-04147cb6]{gap:3px;margin-left:auto;display:flex}.replay-speed-btn[data-v-04147cb6]{height:28px;font-size:var(--text-xs,11px);color:var(--color-text-muted);background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-weight:600;transition:background 80ms,color 80ms;display:flex}.replay-speed-btn[data-v-04147cb6]:hover{background:var(--color-surface-2);color:var(--color-text)}.replay-speed-btn.active[data-v-04147cb6]{background:var(--color-accent);color:var(--color-accent-text,#fff)}.replay-exit-btn[data-v-04147cb6]{width:30px;height:30px;color:var(--color-text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.replay-exit-btn[data-v-04147cb6]:hover{background:var(--color-surface-2);color:var(--color-text)}.replay-seek-wrap[data-v-04147cb6]{padding:0 2px}.replay-seek[data-v-04147cb6]{appearance:none;background:var(--color-surface-2);cursor:pointer;width:100%;height:4px;accent-color:var(--color-accent);border-radius:2px;outline:none}.replay-seek[data-v-04147cb6]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform 80ms}.replay-seek[data-v-04147cb6]::-webkit-slider-thumb:hover{transform:scale(1.2)}.replay-seek[data-v-04147cb6]::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}@media (width<=767px){.replay-panel[data-v-04147cb6]{width:calc(100vw - 32px);min-width:0;bottom:calc(var(--safe-bottom,0px) + 80px)}}.backdrop[data-v-47cb51b3]{z-index:100;padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-bottom));background:#0f172a66;justify-content:center;align-items:center;animation:.16s fadeIn-47cb51b3;display:flex;position:fixed;inset:0}@keyframes fadeIn-47cb51b3{0%{opacity:0}to{opacity:1}}.modal[data-v-47cb51b3]{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:400px;max-width:100%;max-height:calc(100vh - var(--space-8));box-shadow:var(--shadow-lg);animation:.2s cubic-bezier(.4,0,.2,1) slideUp-47cb51b3;overflow-y:auto}@keyframes slideUp-47cb51b3{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.head[data-v-47cb51b3]{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.title[data-v-47cb51b3]{font-size:var(--text-md);letter-spacing:-.01em;margin:0;font-weight:600}.close[data-v-47cb51b3]{width:30px;height:30px}.body[data-v-47cb51b3]{padding:var(--space-5);gap:var(--space-4);flex-direction:column;align-items:stretch;display:flex}.intro[data-v-47cb51b3]{font-size:var(--text-sm);margin:0;line-height:1.55}.big[data-v-47cb51b3]{height:44px;font-weight:600}.status[data-v-47cb51b3]{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);align-self:flex-start;display:inline-flex}.dot[data-v-47cb51b3]{border-radius:var(--radius-pill);flex-shrink:0;width:8px;height:8px}.dot-live[data-v-47cb51b3]{background:var(--color-success);box-shadow:0 0 0 3px #05966933}.dot-pending[data-v-47cb51b3]{background:var(--color-warning);animation:1.4s ease-in-out infinite blink-47cb51b3}.dot-off[data-v-47cb51b3]{background:var(--color-text-muted)}@keyframes blink-47cb51b3{0%,to{opacity:1}50%{opacity:.4}}.relay-pending[data-v-47cb51b3]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-3);display:flex}.spin[data-v-47cb51b3]{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin-47cb51b3}@keyframes spin-47cb51b3{to{transform:rotate(360deg)}}.code-block[data-v-47cb51b3]{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.code-lbl[data-v-47cb51b3]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.code[data-v-47cb51b3]{font-family:var(--font-mono);font-size:var(--text-3xl);letter-spacing:.22em;-webkit-user-select:all;user-select:all;color:var(--color-text);font-weight:700}.code-hint[data-v-47cb51b3]{font-size:var(--text-xs);text-align:center}.qr[data-v-47cb51b3]{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:0 auto;display:block}.url-row[data-v-47cb51b3]{gap:var(--space-2);display:flex}.url[data-v-47cb51b3]{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);flex:1}.copy-btn[data-v-47cb51b3]{flex-shrink:0;min-width:72px}.label[data-v-47cb51b3]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.edit-share[data-v-47cb51b3]{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.edit-toggle[data-v-47cb51b3]{align-items:center;gap:var(--space-2);width:100%;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;border:none;padding:0;font-weight:500;display:flex}.edit-toggle[data-v-47cb51b3]:hover{color:var(--color-text)}.chev[data-v-47cb51b3]{transition:transform .16s}.chev.open[data-v-47cb51b3]{transform:rotate(90deg)}.edit-body[data-v-47cb51b3]{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.edit-hint[data-v-47cb51b3]{font-size:var(--text-xs);margin:0;line-height:1.5}.actions[data-v-47cb51b3]{margin-top:var(--space-2);justify-content:flex-end;display:flex}.danger[data-v-47cb51b3]{color:var(--color-danger);border-color:var(--color-border-strong)}.danger[data-v-47cb51b3]:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-strong)}.error[data-v-47cb51b3]{font-size:var(--text-sm);color:var(--color-danger);margin:0}@media (width<=767px){.backdrop[data-v-47cb51b3]{align-items:flex-end;padding:0}.modal[data-v-47cb51b3]{width:100%;max-height:90vh;padding-bottom:var(--safe-bottom);border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;animation:.22s cubic-bezier(.4,0,.2,1) slideUpMobile-47cb51b3}@keyframes slideUpMobile-47cb51b3{0%{transform:translateY(100%)}to{transform:translateY(0)}}.code[data-v-47cb51b3]{font-size:var(--text-2xl);letter-spacing:.18em}.url-row[data-v-47cb51b3]{flex-direction:column}.copy-btn[data-v-47cb51b3]{width:100%}}.toolbar[data-v-85f1869b]{z-index:10;background:var(--color-glass-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-glass-border);box-shadow:0 8px 24px var(--color-glass-shadow), 0 2px 6px var(--color-glass-shadow);border-radius:14px;flex-direction:column;align-items:center;padding:6px;transition:left .32s cubic-bezier(.34,1.56,.64,1),top .32s cubic-bezier(.34,1.56,.64,1),right .32s cubic-bezier(.34,1.56,.64,1),bottom .32s cubic-bezier(.34,1.56,.64,1),transform .2s,opacity .18s;display:flex;position:absolute;overflow:visible}.dock-left[data-v-85f1869b]{transform-origin:0}.dock-right[data-v-85f1869b]{transform-origin:100%}.dock-top[data-v-85f1869b]{transform-origin:top}.dock-bottom[data-v-85f1869b]{transform-origin:bottom}.toolbar.horizontal[data-v-85f1869b]{padding:0 var(--space-2);flex-direction:row}.toolbar.horizontal .toolbar-body[data-v-85f1869b],.toolbar.horizontal .group[data-v-85f1869b]{flex-direction:row}.toolbar.horizontal .divider[data-v-85f1869b]{width:1px;height:28px;margin:0 var(--space-1)}.toolbar.horizontal .grip[data-v-85f1869b]{width:28px;height:36px}.toolbar:not(.horizontal) .grip svg[data-v-85f1869b]{transform:rotate(90deg)}.toolbar.dragging[data-v-85f1869b]{cursor:grabbing;box-shadow:0 16px 40px #0f172a33}.toolbar.no-transition[data-v-85f1869b]{transition:none!important}.toolbar.is-collapsed[data-v-85f1869b]{opacity:0;pointer-events:none;transform:scale(0)}.toolbar.quiet[data-v-85f1869b]{opacity:.12;pointer-events:none;transition:opacity .15s}.grip[data-v-85f1869b]{width:36px;height:18px;color:var(--color-text-muted);opacity:.6;cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.grip[data-v-85f1869b]:hover{opacity:1}.toolbar-body[data-v-85f1869b]{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;flex-direction:column;display:flex}.group[data-v-85f1869b]{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.divider[data-v-85f1869b]{background:var(--color-border);width:32px;height:1px;margin:var(--space-1) 0;flex-shrink:0}.tool[data-v-85f1869b]{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.tool[data-v-85f1869b]:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.tool[data-v-85f1869b]:disabled{opacity:.4;cursor:not-allowed}.tool.active[data-v-85f1869b]{background:var(--color-accent-soft);color:var(--color-accent)}.pen-type-btn[data-v-85f1869b]{border-radius:var(--radius-md);width:38px;height:36px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.pen-type-btn[data-v-85f1869b]:hover{background:var(--color-surface-2);color:var(--color-text)}.pen-type-btn.active[data-v-85f1869b]{background:var(--color-accent-soft);color:var(--color-accent)}.size-dot[data-v-85f1869b]{background:var(--color-text);border-radius:var(--radius-pill);display:block}.color-chip[data-v-85f1869b]{border-radius:var(--radius-pill);border:2px solid var(--color-surface);width:20px;height:20px;box-shadow:0 0 0 1px var(--color-border-strong)}.pop-wrap[data-v-85f1869b]{align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.pop-backdrop[data-v-85f1869b]{z-index:5;position:fixed;inset:0}.popover[data-v-85f1869b]{z-index:11;background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-glass-border);box-shadow:0 12px 32px var(--color-glass-shadow);padding:var(--space-3);border-radius:12px;width:max-content;position:absolute}.pop-left[data-v-85f1869b]{top:-6px;left:calc(100% + 10px)}.pop-right[data-v-85f1869b]{top:-6px;right:calc(100% + 10px)}.pop-top[data-v-85f1869b]{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.pop-bottom[data-v-85f1869b]{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.pop-title[data-v-85f1869b]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600}.pop-sub[data-v-85f1869b]{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:var(--space-2) 0 6px;font-size:10px;font-weight:600}.size-row[data-v-85f1869b]{align-items:center;gap:var(--space-2);width:200px;display:flex}.range[data-v-85f1869b]{accent-color:var(--color-accent);flex:1}.num[data-v-85f1869b]{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:52px;height:28px;font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:0 6px}.num[data-v-85f1869b]:focus,.hex[data-v-85f1869b]:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.seg[data-v-85f1869b]{gap:4px;display:flex}.seg button[data-v-85f1869b]{font-size:var(--text-xs);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface-2);flex:1;padding:6px 12px;font-weight:600}.seg button.active[data-v-85f1869b]{background:var(--color-accent-soft);color:var(--color-accent)}.flyout-row[data-v-85f1869b]{gap:4px;display:flex}.present-list[data-v-85f1869b]{flex-direction:column;gap:4px;display:flex}.present-item[data-v-85f1869b]{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;padding:6px 10px;font-weight:500;display:flex}.present-item[data-v-85f1869b]:hover{background:var(--color-surface-2);color:var(--color-text)}.present-item.active[data-v-85f1869b]{background:var(--color-accent-soft);color:var(--color-accent)}.swatches[data-v-85f1869b]{grid-template-columns:repeat(8,18px);gap:6px;display:grid}.swatch[data-v-85f1869b]{border-radius:var(--radius-pill);border:1px solid var(--color-border);width:18px;height:18px;transition:transform 80ms}.swatch[data-v-85f1869b]:hover{transform:scale(1.12)}.swatch.active[data-v-85f1869b]{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent)}.custom-row[data-v-85f1869b]{align-items:center;gap:var(--space-2);display:flex}.native-color[data-v-85f1869b]{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:32px;height:28px;padding:0}.hex[data-v-85f1869b]{width:90px;height:28px;padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--text-xs)}@media (width>=768px) and (height<=860px){.toolbar[data-v-85f1869b]:not(.horizontal){padding:4px}.toolbar:not(.horizontal) .toolbar-body[data-v-85f1869b]{gap:3px;padding:0}.toolbar:not(.horizontal) .group[data-v-85f1869b]{gap:2px}.toolbar:not(.horizontal) .tool[data-v-85f1869b],.toolbar:not(.horizontal) .pen-type-btn[data-v-85f1869b]{width:32px;height:32px}.toolbar:not(.horizontal) .divider[data-v-85f1869b]{margin:2px 0}.toolbar:not(.horizontal) .grip[data-v-85f1869b]{height:14px}}@media (width<=767px){.toolbar[data-v-85f1869b],.toolbar.dock-left[data-v-85f1869b],.toolbar.dock-right[data-v-85f1869b],.toolbar.dock-top[data-v-85f1869b],.toolbar.dock-bottom[data-v-85f1869b]{background:var(--color-surface);-webkit-backdrop-filter:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);width:max-content;max-width:calc(100vw - 24px);height:auto;box-shadow:0 6px 20px var(--color-glass-shadow), 0 2px 6px var(--color-glass-shadow);scrollbar-width:none;-ms-overflow-style:none;z-index:30;flex-direction:row;align-items:center;padding:4px 6px;overflow-x:auto;top:auto!important;left:0!important;right:0!important;bottom:calc(var(--safe-bottom) + 12px)!important;opacity:1!important;pointer-events:auto!important;margin:0 auto!important;position:fixed!important;transform:none!important}.toolbar[data-v-85f1869b]::-webkit-scrollbar{display:none}.grip[data-v-85f1869b],.toggle-btn[data-v-85f1869b]{display:none}.toolbar-body[data-v-85f1869b]{align-items:center;gap:var(--space-1);flex-flow:row;display:flex}.group[data-v-85f1869b]{gap:var(--space-1);flex-direction:row;flex-shrink:0}.divider[data-v-85f1869b]{flex-shrink:0;width:1px;height:24px;margin:0 2px}.tool[data-v-85f1869b]{flex-shrink:0;width:40px;height:40px}.popover[data-v-85f1869b]{top:auto!important;left:0!important;right:0!important;bottom:calc(var(--safe-bottom) + 68px)!important;width:max-content!important;max-width:calc(100vw - 24px)!important;margin:0 auto!important;position:fixed!important;transform:none!important}}.skip-link[data-v-7017e850]{z-index:100;background:var(--color-accent);color:var(--color-accent-text);border-radius:0 0 var(--radius-md) 0;font-size:var(--text-sm);padding:8px 16px;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link[data-v-7017e850]:focus{top:0}.editor[data-v-7017e850]{height:100dvh;padding-top:var(--safe-top);transform-origin:50%;flex-direction:column;animation:.56s cubic-bezier(.16,1,.3,1) editor-open-7017e850;display:flex;overflow:hidden}.editor.closing[data-v-7017e850]{animation:.36s cubic-bezier(.6,0,.78,0) forwards editor-close-7017e850}@keyframes editor-open-7017e850{0%{clip-path:inset(12% round 22px);opacity:0;transform:scale(.95)}to{clip-path:inset(0);opacity:1;transform:scale(1)}}@keyframes editor-close-7017e850{0%{clip-path:inset(0);opacity:1;transform:scale(1)}to{clip-path:inset(12% round 22px);opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.editor[data-v-7017e850],.editor.closing[data-v-7017e850]{animation:none}}.body[data-v-7017e850]{flex:1;min-height:0;position:relative}.stage-wrap[data-v-7017e850]{background:var(--color-bg);position:absolute;inset:0}.loading[data-v-7017e850]{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.guest-state[data-v-7017e850]{padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.connecting[data-v-7017e850]{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.connecting-spinner[data-v-7017e850]{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:var(--radius-pill);width:32px;height:32px;animation:.8s linear infinite spin-7017e850}@keyframes spin-7017e850{to{transform:rotate(360deg)}}.state-card[data-v-7017e850]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;width:100%;max-width:380px}.state-title[data-v-7017e850]{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.state-msg[data-v-7017e850]{margin-bottom:var(--space-4);font-size:var(--text-sm)}.state-actions[data-v-7017e850]{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.back-fab[data-v-7017e850],.pencil-fab[data-v-7017e850]{z-index:20;border-radius:var(--radius-pill);background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);width:44px;height:44px;box-shadow:0 4px 14px var(--color-glass-shadow), 0 1px 2px var(--color-glass-shadow);justify-content:center;align-items:center;transition:transform .1s,box-shadow .15s,opacity .15s;display:flex;position:absolute;top:12px}.back-fab[data-v-7017e850]{color:var(--color-text);left:12px}.pencil-fab[data-v-7017e850]{color:var(--color-accent);left:64px}.back-fab[data-v-7017e850]:hover,.pencil-fab[data-v-7017e850]:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.back-fab[data-v-7017e850]:active,.pencil-fab[data-v-7017e850]:active{transform:scale(.96)}.back-fab.quiet[data-v-7017e850],.pencil-fab.quiet[data-v-7017e850]{opacity:.06;pointer-events:none}.replay-fab[data-v-7017e850]{z-index:20;border-radius:var(--radius-pill);background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);width:40px;height:40px;box-shadow:0 4px 14px var(--color-glass-shadow), 0 1px 2px var(--color-glass-shadow);color:var(--color-accent);justify-content:center;align-items:center;transition:transform .1s,box-shadow .15s,opacity .15s,right .2s;display:flex;position:absolute;bottom:60px;right:12px}.replay-fab[data-v-7017e850]:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.replay-fab[data-v-7017e850]:active{transform:scale(.96)}.replay-fab.quiet[data-v-7017e850]{opacity:.06;pointer-events:none}.help-fab[data-v-7017e850]{z-index:20;background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);width:32px;height:32px;box-shadow:0 2px 8px var(--color-glass-shadow);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:box-shadow .15s,color 80ms,background 80ms,opacity .15s,right .2s;display:flex;position:absolute;bottom:16px;right:16px}.help-fab[data-v-7017e850]:hover{box-shadow:var(--shadow-md);color:var(--color-text)}.help-fab.active[data-v-7017e850]{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.help-fab.quiet[data-v-7017e850]{opacity:.06;pointer-events:none}.chat-fab[data-v-7017e850]{z-index:20;background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);width:32px;height:32px;box-shadow:0 2px 8px var(--color-glass-shadow);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .15s,color 80ms,background 80ms,opacity .15s,right .2s;display:flex;position:absolute;bottom:16px;right:56px}.chat-fab[data-v-7017e850]:hover{box-shadow:var(--shadow-md);color:var(--color-text)}.chat-fab.active[data-v-7017e850]{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.chat-fab.quiet[data-v-7017e850]{opacity:.06;pointer-events:none}.chat-fab-badge[data-v-7017e850]{background:var(--color-danger);border:2px solid var(--color-surface);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}@media (width>=768px){.help-fab.shifted[data-v-7017e850]{right:calc(var(--sidepanel-w) + 20px)}.chat-fab.shifted[data-v-7017e850]{right:calc(var(--sidepanel-w) + 60px)}.replay-fab.shifted[data-v-7017e850]{right:calc(var(--sidepanel-w) + 16px)}}@media (width<=767px){.body[data-v-7017e850]{flex-direction:column-reverse;display:flex}.stage-wrap[data-v-7017e850]{flex:1;min-height:0;position:relative;inset:auto}.help-fab[data-v-7017e850],.chat-fab[data-v-7017e850]{bottom:calc(var(--safe-bottom,0px) + 72px)}.replay-fab[data-v-7017e850]{bottom:calc(var(--safe-bottom,0px) + 118px)}.help-fab.shifted[data-v-7017e850],.replay-fab.shifted[data-v-7017e850]{right:12px}.chat-fab.shifted[data-v-7017e850]{right:52px}}.snapshot-view[data-v-da293359]{background:var(--color-bg);height:100dvh;padding-top:var(--safe-top);flex-direction:column;display:flex;overflow:hidden}.bar[data-v-da293359]{height:var(--header-h);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.left[data-v-da293359]{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.right[data-v-da293359]{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.page-name[data-v-da293359]{font-size:var(--text-md);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.badge[data-v-da293359]{border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border-strong);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.03em;white-space:nowrap;flex-shrink:0;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.stage-wrap[data-v-da293359]{flex:1;min-height:0;position:relative}.stage[data-v-da293359]{background:var(--color-surface-2);cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.stage[data-v-da293359]:active{cursor:grabbing}.page-bg[data-v-da293359]{background-color:var(--color-canvas-surface);pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.bg-ruled[data-v-da293359]{background-image:linear-gradient(to bottom, transparent 0, transparent calc(100% - 1px), var(--color-canvas-line) calc(100% - 1px), var(--color-canvas-line) 100%)}.bg-grid[data-v-da293359]{background-image:linear-gradient(to right, transparent calc(100% - 1px), var(--color-canvas-line) calc(100% - 1px), var(--color-canvas-line) 100%), linear-gradient(to bottom, transparent calc(100% - 1px), var(--color-canvas-line) calc(100% - 1px), var(--color-canvas-line) 100%)}.bg-dotted[data-v-da293359]{background-image:radial-gradient(circle at 50% 50%, var(--color-canvas-dot) 1.5px, transparent 2.5px)}.layer[data-v-da293359]{pointer-events:none;forced-color-adjust:none;background:0 0;display:block;position:absolute;inset:0}.center-state[data-v-da293359]{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex;position:absolute;inset:0}.error-card[data-v-da293359]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;gap:var(--space-3);flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex}.state-title[data-v-da293359]{font-size:var(--text-lg);font-weight:600}.state-msg[data-v-da293359]{font-size:var(--text-sm)}.loading-spinner[data-v-da293359]{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:var(--radius-pill);width:32px;height:32px;animation:.8s linear infinite spin-da293359}@keyframes spin-da293359{to{transform:rotate(360deg)}}@media (width<=767px){.bar[data-v-da293359]{padding:0 var(--space-2)}.btn-label[data-v-da293359]{display:none}}.privacy[data-v-e13365ab]{background:var(--color-bg);height:100dvh;color:var(--color-text);padding:clamp(28px, 6vw, 72px) var(--space-5) 96px;overflow-y:auto}.doc[data-v-e13365ab]{max-width:720px;margin:0 auto}.doc-head[data-v-e13365ab]{margin-bottom:var(--space-8)}.home[data-v-e13365ab]{margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:color 80ms;display:inline-flex}.home[data-v-e13365ab]:hover{color:var(--color-text)}h1[data-v-e13365ab]{letter-spacing:-.02em;margin:0;font-family:Schibsted Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,5vw,2.6rem);font-weight:700}.updated[data-v-e13365ab]{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-subtle)}.lead p[data-v-e13365ab]{font-size:var(--text-lg);color:var(--color-text);line-height:1.65}h2[data-v-e13365ab]{margin:var(--space-8) 0 var(--space-2);font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700}p[data-v-e13365ab]{margin:0 0 var(--space-3);font-size:var(--text-md);color:var(--color-text-muted);line-height:1.7}code[data-v-e13365ab]{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);padding:1px 5px;font-size:.9em}a[data-v-e13365ab]{color:var(--color-accent);text-decoration:none}a[data-v-e13365ab]:hover{text-decoration:underline}strong[data-v-e13365ab]{color:var(--color-text)}.nf[data-v-aa489e8a]{min-height:100dvh;padding:var(--space-6);background-color:var(--color-bg);background-image:radial-gradient(var(--color-border) 1px, transparent 1px);background-size:22px 22px;justify-content:center;align-items:center;display:flex}.nf-inner[data-v-aa489e8a]{text-align:center;max-width:30rem}.nf-art[data-v-aa489e8a]{margin-bottom:var(--space-6);display:inline-block;position:relative}.nf-code[data-v-aa489e8a]{letter-spacing:-.04em;color:var(--color-text);font-family:Schibsted Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(5.5rem,22vw,9rem);font-weight:800;line-height:.9}.nf-scribble[data-v-aa489e8a]{width:clamp(180px,60%,300px);height:auto;position:absolute;bottom:-6px;left:50%;overflow:visible;transform:translate(-50%)}.nf-scribble path[data-v-aa489e8a]{stroke-dasharray:700;stroke-dashoffset:700px;animation:.9s cubic-bezier(.65,0,.35,1) .22s forwards nf-draw-aa489e8a}@keyframes nf-draw-aa489e8a{to{stroke-dashoffset:0}}.nf-title[data-v-aa489e8a]{margin:0 0 var(--space-3);letter-spacing:-.02em;color:var(--color-text);font-family:Schibsted Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.nf-sub[data-v-aa489e8a]{margin:0 auto var(--space-6);max-width:26rem;font-size:var(--text-md);color:var(--color-text-muted);line-height:1.6}.nf-actions[data-v-aa489e8a]{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.nf-btn[data-v-aa489e8a]{font-size:var(--text-md);padding:10px 22px}@media (prefers-reduced-motion:reduce){.nf-scribble path[data-v-aa489e8a]{stroke-dashoffset:0;animation:none}}.emoji-host[data-v-4c8b8243]{display:flex}.emoji-host[data-v-4c8b8243] em-emoji-picker{--shadow:none;--border-radius:0;width:100%;height:300px}.lb-backdrop[data-v-1bd4a45b]{z-index:200;padding:calc(var(--space-4) + var(--safe-top)) var(--space-4) calc(var(--space-4) + var(--safe-bottom));touch-action:none;overscroll-behavior:contain;background:#000000d9;justify-content:center;align-items:center;animation:.14s lb-in-1bd4a45b;display:flex;position:fixed;inset:0}@keyframes lb-in-1bd4a45b{0%{opacity:0}to{opacity:1}}.lb-img[data-v-1bd4a45b]{object-fit:contain;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;max-width:100%;max-height:100%}.lb-tools[data-v-1bd4a45b]{top:calc(var(--space-3) + var(--safe-top));right:calc(var(--space-3) + var(--safe-right));gap:var(--space-2);z-index:1;display:flex;position:absolute}.lb-btn[data-v-1bd4a45b]{border-radius:var(--radius-md);color:#fff;background:#ffffff1f;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lb-btn[data-v-1bd4a45b]:hover{background:#ffffff38}
/*$vite$:1*/