: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-theme=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-theme=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)}}.page[data-v-dbb8ffa2]{-webkit-overflow-scrolling:touch;height:100vh;padding-top:var(--safe-top);flex-direction:column;display:flex;overflow-y:auto}.header[data-v-dbb8ffa2]{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10;position:sticky;top:0}.header-inner[data-v-dbb8ffa2]{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-dbb8ffa2]{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-mark[data-v-dbb8ffa2]{flex-shrink:0}.brand-name[data-v-dbb8ffa2]{letter-spacing:-.015em;font-weight:600;font-size:var(--text-md);white-space:nowrap}.header-actions[data-v-dbb8ffa2]{align-items:center;gap:var(--space-3);min-width:0;display:flex}.theme-btn[data-v-dbb8ffa2]{color:var(--color-text-muted);flex-shrink:0}.search[data-v-dbb8ffa2]{width:260px}.new-btn svg[data-v-dbb8ffa2]{flex-shrink:0}.main[data-v-dbb8ffa2]{padding:var(--space-8) var(--space-6);flex:1;width:100%;max-width:1200px;margin:0 auto}.join-card[data-v-dbb8ffa2]{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-dbb8ffa2]{min-width:0}.join-title[data-v-dbb8ffa2]{font-size:var(--text-sm);font-weight:600}.join-sub[data-v-dbb8ffa2]{font-size:var(--text-xs);margin-top:2px}.join-form[data-v-dbb8ffa2]{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.join-input[data-v-dbb8ffa2]{width:180px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.page-header[data-v-dbb8ffa2]{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.page-title[data-v-dbb8ffa2]{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0;font-weight:600}.page-count[data-v-dbb8ffa2]{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.state[data-v-dbb8ffa2]{padding:var(--space-8)}.empty[data-v-dbb8ffa2]{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-dbb8ffa2]{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-dbb8ffa2]{font-size:var(--text-lg);font-weight:600}.empty-sub[data-v-dbb8ffa2]{font-size:var(--text-sm);margin-bottom:var(--space-4)}.grid[data-v-dbb8ffa2]{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-dbb8ffa2]{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-dbb8ffa2]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card-thumb[data-v-dbb8ffa2]{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-dbb8ffa2]{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-dbb8ffa2]{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card-body[data-v-dbb8ffa2]{padding:var(--space-3) var(--space-4) var(--space-4)}.card-title-row[data-v-dbb8ffa2]{margin-bottom:var(--space-1);align-items:center;display:flex}.card-title[data-v-dbb8ffa2]{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-dbb8ffa2]{height:30px}.card-meta[data-v-dbb8ffa2]{font-size:var(--text-xs);margin-bottom:var(--space-3)}.card-actions[data-v-dbb8ffa2]{gap:var(--space-1);margin-left:-8px;display:flex}.card-danger[data-v-dbb8ffa2]{color:var(--color-danger)}.card-danger[data-v-dbb8ffa2]:hover:not(:disabled){background:var(--color-danger-soft)}.sr-only[data-v-dbb8ffa2]{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-dbb8ffa2]{margin-top:var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.trash-header[data-v-dbb8ffa2]{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-dbb8ffa2]:hover{background:var(--color-surface-2)}.trash-title[data-v-dbb8ffa2]{color:var(--color-text);flex:1;font-weight:600}.trash-count[data-v-dbb8ffa2]{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.trash-chevron[data-v-dbb8ffa2]{flex-shrink:0;transition:transform .2s}.trash-chevron.open[data-v-dbb8ffa2]{transform:rotate(180deg)}.trash-list[data-v-dbb8ffa2]{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none}.trash-item[data-v-dbb8ffa2]{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-dbb8ffa2]:last-child{border-bottom:none}.trash-item-info[data-v-dbb8ffa2]{flex-direction:column;gap:2px;min-width:0;display:flex}.trash-item-name[data-v-dbb8ffa2]{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.trash-item-meta[data-v-dbb8ffa2]{font-size:var(--text-xs)}.trash-item-actions[data-v-dbb8ffa2]{gap:var(--space-1);flex-shrink:0;display:flex}@media (width<=1023px){.header-inner[data-v-dbb8ffa2],.main[data-v-dbb8ffa2]{padding-left:var(--space-5);padding-right:var(--space-5)}.search[data-v-dbb8ffa2]{width:200px}.grid[data-v-dbb8ffa2]{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=767px){.header-inner[data-v-dbb8ffa2]{padding:var(--space-2) var(--space-4);align-items:stretch;gap:var(--space-2);flex-direction:column;height:auto}.brand[data-v-dbb8ffa2]{height:40px}.header-actions[data-v-dbb8ffa2]{gap:var(--space-2);grid-template-columns:1fr auto;display:grid}.search[data-v-dbb8ffa2]{width:100%}.new-label[data-v-dbb8ffa2]{display:none}.new-btn[data-v-dbb8ffa2]{width:40px;padding:0}.main[data-v-dbb8ffa2]{padding:var(--space-5) var(--space-4) var(--space-10)}.join-card[data-v-dbb8ffa2]{align-items:stretch;gap:var(--space-3);padding:var(--space-4);flex-direction:column}.join-form[data-v-dbb8ffa2]{grid-template-columns:1fr auto;display:grid}.join-input[data-v-dbb8ffa2]{width:100%}.page-title[data-v-dbb8ffa2]{font-size:var(--text-xl)}.grid[data-v-dbb8ffa2]{gap:var(--space-3);grid-template-columns:1fr 1fr}.card-body[data-v-dbb8ffa2]{padding:var(--space-3)}.card-title[data-v-dbb8ffa2]{font-size:var(--text-sm)}}@media (width<=480px){.grid[data-v-dbb8ffa2]{grid-template-columns:1fr}}@keyframes card-crumple-dbb8ffa2{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-dbb8ffa2]{pointer-events:none;transform-origin:50% 60%;z-index:10;animation:.86s ease-out forwards card-crumple-dbb8ffa2;position:relative}@keyframes card-restore-dbb8ffa2{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-dbb8ffa2]{transform-origin:bottom;z-index:10;animation:.75s ease-out forwards card-restore-dbb8ffa2;position:relative}.stage[data-v-f1142993]{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-f1142993]{cursor:grab}.stage.pan-cursor[data-v-f1142993]:active{cursor:grabbing}.page-bg[data-v-f1142993]{background-color:var(--color-canvas-surface);pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.bg-ruled[data-v-f1142993]{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-f1142993]{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-f1142993]{background-image:radial-gradient(circle at 50% 50%, var(--color-canvas-dot) 1.5px, transparent 2.5px)}.layer[data-v-f1142993]{forced-color-adjust:none;background:0 0;display:block;position:absolute;inset:0}.live[data-v-f1142993]{touch-action:none}.eraser-cursor[data-v-f1142993]{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-f1142993]{border-radius:50%}.eraser-cursor.square[data-v-f1142993]{border-radius:3px}.text-edit[data-v-f1142993]{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-f1142993]{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;right:16px}.cam-btn[data-v-f1142993]{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-f1142993]:active{transform:scale(.94)}.cam-zoom-label[data-v-f1142993]{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-f1142993]:hover{background:#0f172a12}.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-b068fb63]{display:contents}.backdrop[data-v-b068fb63]{display:none}.panel[data-v-b068fb63]{width:var(--sidepanel-w);z-index:10;background:var(--color-glass-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-glass-border);max-height:calc(100% - 16px);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;right:8px;overflow:hidden auto}.panel.is-collapsed[data-v-b068fb63]{opacity:0;pointer-events:none;transform:scale(0)}.panel.quiet[data-v-b068fb63]{opacity:.12;pointer-events:none;transition:opacity .15s}.panel-head[data-v-b068fb63]{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:1;border-radius:12px 12px 0 0;display:flex;position:sticky;top:0}.head-icon[data-v-b068fb63]{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-b068fb63]:hover{background:var(--color-surface-2);color:var(--color-text)}.project-name[data-v-b068fb63]{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-b068fb63]:hover{background:var(--color-surface-2)}.project-name[data-v-b068fb63]: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-b068fb63]{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-b068fb63]{color:var(--color-accent)}.close-btn[data-v-b068fb63]{display:none}.share-section[data-v-b068fb63]{padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border)}.share-btn[data-v-b068fb63]{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-b068fb63]: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-b068fb63]{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-strong)}.share-label[data-v-b068fb63]{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.share-btn.live .share-label[data-v-b068fb63]{font-family:var(--font-mono);letter-spacing:.06em}.live-dot[data-v-b068fb63]{border-radius:var(--radius-pill);background:var(--color-success);flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #05966933}.section[data-v-b068fb63]{padding:var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.section[data-v-b068fb63]:last-child{border-bottom:none}.section-title[data-v-b068fb63]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:600}.pages-section[data-v-b068fb63]{padding:var(--space-2) var(--space-2) var(--space-3)}.pages-head[data-v-b068fb63]{padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.pages-head>span[data-v-b068fb63]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.add-page[data-v-b068fb63]{padding:4px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-accent);align-items:center;gap:4px;font-weight:600;display:flex}.add-page[data-v-b068fb63]:hover{background:var(--color-accent-soft)}.pages[data-v-b068fb63]{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.page[data-v-b068fb63]{border-radius:var(--radius-md);padding:var(--space-2);border:1px solid #0000;transition:background 80ms,border-color 80ms}.page[data-v-b068fb63]:hover{background:var(--color-surface-2)}.page.active[data-v-b068fb63]{background:var(--color-accent-soft);border-color:var(--color-border-strong)}.page-main[data-v-b068fb63]{align-items:center;gap:var(--space-3);text-align:left;width:100%;display:flex}.page-thumb[data-v-b068fb63]{background:var(--color-canvas-surface);border:1px solid var(--color-border-strong);width:32px;height:45px;font-size:var(--text-xs);color:var(--color-text-muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.thumb-img[data-v-b068fb63]{object-fit:cover;border-radius:3px;width:100%;height:100%;display:block}.thumb-num[data-v-b068fb63]{line-height:1}.page-meta[data-v-b068fb63]{flex:1;align-items:center;min-width:0;display:flex}.page-name[data-v-b068fb63]{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.page-rename[data-v-b068fb63]{height:26px;padding:0 var(--space-2);font-size:var(--text-sm)}.page-actions[data-v-b068fb63]{gap:var(--space-1);margin-top:var(--space-2);margin-left:44px;display:flex}.page-action[data-v-b068fb63]{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-b068fb63]:hover{background:var(--color-surface-3,var(--color-surface-2));color:var(--color-text)}.page-action.danger[data-v-b068fb63]{color:var(--color-danger)}.page-action.danger[data-v-b068fb63]:hover{background:var(--color-danger-soft)}.page-tools[data-v-b068fb63]{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-b068fb63]{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-b068fb63]:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-strong)}.tool-btn.tool-active[data-v-b068fb63]{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-strong)}.bg-grid[data-v-b068fb63]{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.bg-btn[data-v-b068fb63]{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-b068fb63]:hover{background:var(--color-surface-2);color:var(--color-text)}.bg-btn.active[data-v-b068fb63]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}@media (width<=767px){.wrap[data-v-b068fb63]{z-index:50;pointer-events:none;display:block;position:fixed;inset:0}.backdrop[data-v-b068fb63]{opacity:0;pointer-events:none;background:#0f172a80;transition:opacity .18s;display:block;position:absolute;inset:0}.panel[data-v-b068fb63]{background:var(--color-surface);-webkit-backdrop-filter:none;border-left:1px solid var(--color-border);width:min(320px,90vw);box-shadow:var(--shadow-lg);pointer-events:auto;padding-top:var(--safe-top);border-radius:0;position:absolute;top:0;bottom:0;right:0;opacity:1!important;transition:transform .22s cubic-bezier(.4,0,.2,1)!important;transform:translate(100%)!important}.wrap.is-open[data-v-b068fb63]{pointer-events:auto}.wrap.is-open .backdrop[data-v-b068fb63]{opacity:1;pointer-events:auto}.wrap.is-open .panel[data-v-b068fb63]{transform:translate(0)!important}.desktop-toggle[data-v-b068fb63]{display:none}.close-btn[data-v-b068fb63]{display:inline-flex}.panel-head[data-v-b068fb63]{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-3) var(--space-4);border-radius:0}}.backdrop[data-v-5541f714]{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-5541f714;display:flex;position:fixed;inset:0}@keyframes fadeIn-5541f714{0%{opacity:0}to{opacity:1}}.modal[data-v-5541f714]{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-5541f714;overflow-y:auto}@keyframes slideUp-5541f714{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.head[data-v-5541f714]{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-5541f714]{font-size:var(--text-md);letter-spacing:-.01em;margin:0;font-weight:600}.close[data-v-5541f714]{width:30px;height:30px}.body[data-v-5541f714]{padding:var(--space-5);gap:var(--space-4);flex-direction:column;align-items:stretch;display:flex}.intro[data-v-5541f714]{font-size:var(--text-sm);margin:0;line-height:1.55}.big[data-v-5541f714]{height:44px;font-weight:600}.status[data-v-5541f714]{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-5541f714]{border-radius:var(--radius-pill);flex-shrink:0;width:8px;height:8px}.dot-live[data-v-5541f714]{background:var(--color-success);box-shadow:0 0 0 3px #05966933}.dot-pending[data-v-5541f714]{background:var(--color-warning);animation:1.4s ease-in-out infinite blink-5541f714}.dot-off[data-v-5541f714]{background:var(--color-text-muted)}@keyframes blink-5541f714{0%,to{opacity:1}50%{opacity:.4}}.relay-pending[data-v-5541f714]{align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-3);display:flex}.spin[data-v-5541f714]{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-5541f714}@keyframes spin-5541f714{to{transform:rotate(360deg)}}.code-block[data-v-5541f714]{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-5541f714]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.code[data-v-5541f714]{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-5541f714]{font-size:var(--text-xs);text-align:center}.qr[data-v-5541f714]{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:0 auto;display:block}.url-row[data-v-5541f714]{gap:var(--space-2);display:flex}.url[data-v-5541f714]{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);flex:1}.copy-btn[data-v-5541f714]{flex-shrink:0;min-width:72px}.field[data-v-5541f714]{gap:var(--space-2);flex-direction:column;display:flex}.label[data-v-5541f714]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600}.response[data-v-5541f714]{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:var(--text-sm)}.url-hint[data-v-5541f714]{font-size:var(--text-xs)}.warn[data-v-5541f714]{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-warning-strong,#92400e);background:var(--color-warning-soft,#fef3c7);border:1px solid var(--color-warning-border,#fde68a);border-radius:var(--radius-md);padding:var(--space-3);line-height:1.45;display:flex}.warn svg[data-v-5541f714]{flex-shrink:0;margin-top:1px}.actions[data-v-5541f714]{margin-top:var(--space-2);justify-content:flex-end;display:flex}.danger[data-v-5541f714]{color:var(--color-danger);border-color:var(--color-border-strong)}.danger[data-v-5541f714]:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger-strong)}.error[data-v-5541f714]{font-size:var(--text-sm);color:var(--color-danger);margin:0}@media (width<=767px){.backdrop[data-v-5541f714]{align-items:flex-end;padding:0}.modal[data-v-5541f714]{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-5541f714}@keyframes slideUpMobile-5541f714{0%{transform:translateY(100%)}to{transform:translateY(0)}}.code[data-v-5541f714]{font-size:var(--text-2xl);letter-spacing:.18em}.url-row[data-v-5541f714]{flex-direction:column}.copy-btn[data-v-5541f714]{width:100%}}.toolbar[data-v-66966314]{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-66966314]{transform-origin:0}.dock-right[data-v-66966314]{transform-origin:100%}.dock-top[data-v-66966314]{transform-origin:top}.dock-bottom[data-v-66966314]{transform-origin:bottom}.toolbar.horizontal[data-v-66966314]{padding:0 var(--space-2);flex-direction:row}.toolbar.horizontal .toolbar-body[data-v-66966314],.toolbar.horizontal .group[data-v-66966314]{flex-direction:row}.toolbar.horizontal .divider[data-v-66966314]{width:1px;height:28px;margin:0 var(--space-1)}.toolbar.horizontal .grip[data-v-66966314]{width:28px;height:36px}.toolbar:not(.horizontal) .grip svg[data-v-66966314]{transform:rotate(90deg)}.toolbar.dragging[data-v-66966314]{cursor:grabbing;box-shadow:0 16px 40px #0f172a33}.toolbar.no-transition[data-v-66966314]{transition:none!important}.toolbar.is-collapsed[data-v-66966314]{opacity:0;pointer-events:none;transform:scale(0)}.toolbar.quiet[data-v-66966314]{opacity:.12;pointer-events:none;transition:opacity .15s}.grip[data-v-66966314]{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-66966314]:hover{opacity:1}.toolbar-body[data-v-66966314]{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;flex-direction:column;display:flex}.group[data-v-66966314]{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.divider[data-v-66966314]{background:var(--color-border);width:32px;height:1px;margin:var(--space-1) 0;flex-shrink:0}.tool[data-v-66966314]{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-66966314]:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.tool[data-v-66966314]:disabled{opacity:.4;cursor:not-allowed}.tool.active[data-v-66966314]{background:var(--color-accent-soft);color:var(--color-accent)}.pen-types[data-v-66966314]{gap:var(--space-1)}.pen-type-btn[data-v-66966314]{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-66966314]:hover{background:var(--color-surface-2);color:var(--color-text)}.pen-type-btn.active[data-v-66966314]{background:var(--color-accent-soft);color:var(--color-accent)}.size-dot[data-v-66966314]{background:var(--color-text);border-radius:var(--radius-pill);display:block}.color-chip[data-v-66966314]{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-66966314]{align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.pop-backdrop[data-v-66966314]{z-index:5;position:fixed;inset:0}.popover[data-v-66966314]{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-66966314]{top:-6px;left:calc(100% + 10px)}.pop-right[data-v-66966314]{top:-6px;right:calc(100% + 10px)}.pop-top[data-v-66966314]{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.pop-bottom[data-v-66966314]{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.pop-title[data-v-66966314]{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-66966314]{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-66966314]{align-items:center;gap:var(--space-2);width:200px;display:flex}.range[data-v-66966314]{accent-color:var(--color-accent);flex:1}.num[data-v-66966314]{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-66966314]:focus,.hex[data-v-66966314]:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.seg[data-v-66966314]{gap:4px;display:flex}.seg button[data-v-66966314]{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-66966314]{background:var(--color-accent-soft);color:var(--color-accent)}.swatches[data-v-66966314]{grid-template-columns:repeat(8,18px);gap:6px;display:grid}.swatch[data-v-66966314]{border-radius:var(--radius-pill);border:1px solid var(--color-border);width:18px;height:18px;transition:transform 80ms}.swatch[data-v-66966314]:hover{transform:scale(1.12)}.swatch.active[data-v-66966314]{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-accent)}.custom-row[data-v-66966314]{align-items:center;gap:var(--space-2);display:flex}.native-color[data-v-66966314]{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-66966314]{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<=767px){.toolbar[data-v-66966314],.toolbar.dock-left[data-v-66966314],.toolbar.dock-right[data-v-66966314],.toolbar.dock-top[data-v-66966314],.toolbar.dock-bottom[data-v-66966314]{width:100%;height:var(--toolbar-h);background:var(--color-surface);-webkit-backdrop-filter:none;border:none;border-top:1px solid var(--color-border);box-shadow:none;padding:0 var(--space-3);padding-bottom:var(--safe-bottom);gap:var(--space-2);border-radius:0;flex-direction:row;justify-content:flex-start;position:static;overflow:auto visible;transform:none;opacity:1!important;pointer-events:auto!important}.grip[data-v-66966314],.toggle-btn[data-v-66966314]{display:none}.toolbar-body[data-v-66966314]{display:contents}.group[data-v-66966314]{gap:var(--space-1);flex-direction:row;flex-shrink:0}.divider[data-v-66966314]{width:1px;height:24px;margin:0 var(--space-1)}.tool[data-v-66966314]{width:40px;height:40px}.popover[data-v-66966314]{inset:auto 0 calc(100% + 10px) auto;transform:none}}.editor[data-v-ac641640]{height:100dvh;padding-top:var(--safe-top);transform-origin:50%;will-change:clip-path, transform, opacity;flex-direction:column;animation:.56s cubic-bezier(.16,1,.3,1) editor-open-ac641640;display:flex;overflow:hidden}.editor.closing[data-v-ac641640]{animation:.36s cubic-bezier(.6,0,.78,0) forwards editor-close-ac641640}@keyframes editor-open-ac641640{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-ac641640{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-ac641640],.editor.closing[data-v-ac641640]{animation:none}}.body[data-v-ac641640]{flex:1;min-height:0;position:relative}.stage-wrap[data-v-ac641640]{background:var(--color-bg);position:absolute;inset:0}.loading[data-v-ac641640]{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sidebar-pill[data-v-ac641640]{z-index:20;background:var(--color-glass-bg-strong);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);box-shadow:0 2px 8px var(--color-glass-shadow), 0 1px 2px var(--color-glass-shadow);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;transition:box-shadow .15s,color 80ms,background 80ms,opacity .15s;display:flex;position:absolute;top:16px}.sidebar-pill[data-v-ac641640]:hover{box-shadow:var(--shadow-md);color:var(--color-text);background:var(--color-glass-bg-strong)}.pill-badge[data-v-ac641640]{background:var(--color-surface-2);min-width:18px;height:18px;color:var(--color-text-muted);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.sidebar-pill.quiet[data-v-ac641640]{opacity:.06;pointer-events:none}.pill-right[data-v-ac641640]{right:8px}.pencil-fab[data-v-ac641640]{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);color:var(--color-accent);justify-content:center;align-items:center;transition:transform .1s,box-shadow .15s,opacity .15s;display:flex;position:absolute;top:12px;left:12px}.pencil-fab[data-v-ac641640]:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.pencil-fab[data-v-ac641640]:active{transform:scale(.96)}.pencil-fab.quiet[data-v-ac641640]{opacity:.06;pointer-events:none}.hub-btn[data-v-ac641640]{z-index:20;background:var(--color-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);width:40px;height:40px;box-shadow:0 2px 8px var(--color-glass-shadow), 0 1px 2px var(--color-glass-shadow);color:var(--color-text-muted);border-radius:10px;justify-content:center;align-items:center;transition:opacity .15s;display:none;position:absolute;top:12px;right:12px}.hub-btn.quiet[data-v-ac641640]{opacity:.06;pointer-events:none}@media (width<=767px){.sidebar-pill[data-v-ac641640]{display:none}.hub-btn[data-v-ac641640]{display:flex}.body[data-v-ac641640]{flex-direction:column-reverse;display:flex}.stage-wrap[data-v-ac641640]{flex:1;min-height:0;position:relative;inset:auto}}.stage[data-v-d6ed6f9f]{background:var(--color-surface-2);width:100%;height:100%;position:relative;overflow:hidden}.page-bg[data-v-d6ed6f9f]{background-color:var(--color-canvas-surface);pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.bg-ruled[data-v-d6ed6f9f]{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-d6ed6f9f]{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-d6ed6f9f]{background-image:radial-gradient(circle at 50% 50%, var(--color-canvas-dot) 1.5px, transparent 2.5px)}.layer[data-v-d6ed6f9f]{pointer-events:none;forced-color-adjust:none;background:0 0;display:block;position:absolute;inset:0}.viewer[data-v-6ea01eb8]{background:var(--color-bg);height:100dvh;padding-top:var(--safe-top);flex-direction:column;display:flex;overflow:hidden}.bar[data-v-6ea01eb8]{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-6ea01eb8]{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.right[data-v-6ea01eb8]{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.project-name[data-v-6ea01eb8]{font-size:var(--text-md);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.status[data-v-6ea01eb8]{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;padding:4px 10px;font-weight:500;display:inline-flex}.dot[data-v-6ea01eb8]{border-radius:var(--radius-pill);width:8px;height:8px}.dot-live[data-v-6ea01eb8]{background:var(--color-success);box-shadow:0 0 0 3px #05966933}.dot-pending[data-v-6ea01eb8]{background:var(--color-warning);animation:1.4s ease-in-out infinite pulse-6ea01eb8}.dot-off[data-v-6ea01eb8]{background:var(--color-text-subtle)}@keyframes pulse-6ea01eb8{0%,to{opacity:1}50%{opacity:.45}}.stage-wrap[data-v-6ea01eb8]{flex:1;min-height:0;position:relative}.state[data-v-6ea01eb8]{padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.connecting[data-v-6ea01eb8]{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.wifi-hint[data-v-6ea01eb8]{font-size:var(--text-xs);text-align:center;max-width:260px}.response-field[data-v-6ea01eb8]{margin-top:var(--space-2);width:min(100%,420px)}.url-row[data-v-6ea01eb8]{gap:var(--space-2);width:100%;display:flex}.response[data-v-6ea01eb8]{font-family:var(--font-mono);font-size:var(--text-xs);flex:1}.copy-btn[data-v-6ea01eb8]{flex-shrink:0;min-width:80px}.url-hint[data-v-6ea01eb8]{font-size:var(--text-xs);text-align:center;max-width:320px}.reconnect-reason[data-v-6ea01eb8]{font-size:var(--text-xs);color:var(--color-text-subtle);text-align:center;margin-top:4px}.connecting-spinner[data-v-6ea01eb8]{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-6ea01eb8}@keyframes spin-6ea01eb8{to{transform:rotate(360deg)}}.error-state[data-v-6ea01eb8]{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-6ea01eb8]{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:600}.state-msg[data-v-6ea01eb8]{margin-bottom:var(--space-4);font-size:var(--text-sm)}.state-actions[data-v-6ea01eb8]{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.page-strip[data-v-6ea01eb8]{bottom:calc(var(--space-4) + var(--safe-bottom));gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:calc(100vw - var(--space-4) * 2);-webkit-overflow-scrolling:touch;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.strip-item[data-v-6ea01eb8]{align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;display:flex}.strip-item.active[data-v-6ea01eb8]{background:var(--color-accent-soft)}.strip-thumb[data-v-6ea01eb8]{border:1px solid var(--color-border-strong);background:#fff;border-radius:2px;width:32px;height:42px}.strip-label[data-v-6ea01eb8]{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-weight:500;overflow:hidden}.exit-fs[data-v-6ea01eb8]{top:calc(var(--space-3) + var(--safe-top));right:calc(var(--space-3) + var(--safe-right));position:absolute}@media (width<=767px){.bar[data-v-6ea01eb8]{padding:0 var(--space-2)}.btn-label[data-v-6ea01eb8]{display:none}.status[data-v-6ea01eb8]{padding:4px var(--space-2)}.status-label[data-v-6ea01eb8]{display:none}}
/*$vite$:1*/