:root{--primary:#6965db;--primary-hover:#5753c9;--soft:#e0dfff;--canvas:#fff;--surface:#fff;--border:#e3e3e8;--border-focus:#6965db;--text:#1b1b1f;--muted:#6b6b76;--ad:#f1f1f4;--accent-yellow:#ffec99;--accent-green:#b2f2bb;--accent-blue:#a5d8ff;--accent-red:#ffc9c9;--accent-purple:#e5dbff;--accent-orange:#ffe066;--danger:#e03131;--success:#2f9e44;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 12px 40px #00000040;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-hand:"Caveat", "Comic Sans MS", cursive}:root[data-theme=dark]{--canvas:#121218;--surface:#1e1e26;--border:#33333d;--border-focus:#837ff2;--text:#eeeef2;--muted:#9a9aa6;--ad:#2a2a33;--soft:#302e56;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0009}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);color:var(--text);background-color:var(--canvas);-webkit-user-select:none;user-select:none;overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:6px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.18s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-down{animation:.18s cubic-bezier(.16,1,.3,1) forwards slideDown}.app-header[data-v-28caf96d]{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:56px;padding:0 14px;display:grid;position:relative}.header-left[data-v-28caf96d],.header-right[data-v-28caf96d]{align-items:center;gap:8px;display:flex}.header-right[data-v-28caf96d]{justify-content:flex-end}.header-center[data-v-28caf96d]{justify-content:center;display:flex}.brand-title[data-v-28caf96d]{font-family:var(--font-hand);color:var(--text);letter-spacing:.5px;margin:0;font-size:28px;font-weight:700}.board-name-input[data-v-28caf96d]{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;max-width:160px;padding:4px 8px;font-size:14px;font-weight:700}.board-name-input[data-v-28caf96d]:hover{border-color:var(--border)}.board-name-input[data-v-28caf96d]:focus{background:var(--surface);border-color:var(--border-focus)}.save-badge[data-v-28caf96d]{color:var(--muted);padding-left:4px;font-size:12px;font-weight:500}.save-badge.saving[data-v-28caf96d]{color:var(--primary);animation:1s infinite pulse}.icon-btn[data-v-28caf96d]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:34px;height:34px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.icon-btn[data-v-28caf96d]:hover{background:var(--soft);border-color:var(--primary);color:var(--primary)}.primary-btn[data-v-28caf96d]{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s}.primary-btn[data-v-28caf96d]:hover{background:var(--primary-hover)}.sogdo-pill[data-v-28caf96d]{background:var(--primary);color:#fff;white-space:nowrap;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-block;box-shadow:0 2px 6px #6965db40}.sogdo-pill[data-v-28caf96d]:hover{background:var(--primary-hover);transform:translateY(-1px)}.avatar-stack[data-v-28caf96d]{align-items:center;padding-left:6px;display:flex}.avatar[data-v-28caf96d]{border:2px solid var(--surface);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-8px;font-size:10px;font-weight:700;display:grid}.avatar[data-v-28caf96d]:first-child{margin-left:0}.menu-wrapper[data-v-28caf96d]{position:relative}.menu-dropdown[data-v-28caf96d]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;min-width:230px;padding:6px 0;position:absolute;top:42px;left:0}.menu-item[data-v-28caf96d]{color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:9px 16px;font-size:13px;transition:background .12s;display:flex}.menu-item[data-v-28caf96d]:hover{background:var(--soft);color:var(--primary)}.menu-divider[data-v-28caf96d]{background:var(--border);height:1px;margin:6px 0}.upgrade-pro-btn[data-v-28caf96d]{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#f59f00 0%,#e67700 100%);border:none;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #f59f0059}.upgrade-pro-btn[data-v-28caf96d]:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f59f0080}@media (width<=860px){.hide-mobile[data-v-28caf96d]{display:none!important}}.tool-rail[data-v-79f62453]{background:var(--surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:48px;padding:8px 0;display:flex}.tool-btn[data-v-79f62453]{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text);cursor:pointer;place-items:center;font-size:16px;transition:all .12s;display:grid}.tool-btn[data-v-79f62453]:hover{background:var(--soft);color:var(--primary)}.tool-btn.on[data-v-79f62453]{background:var(--soft);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary);font-weight:700}.tool-icon[data-v-79f62453]{-webkit-user-select:none;user-select:none}.left-properties-panel[data-v-fb608119]{background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-shrink:0;width:200px;padding:12px;overflow-y:auto}.panel-header[data-v-fb608119]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.panel-title[data-v-fb608119]{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;font-size:11px;font-weight:700}.element-label-input[data-v-fb608119]{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;margin-bottom:6px;padding:6px 8px;font-family:Caveat,cursive,sans-serif;font-size:16px;font-weight:700}.close-btn[data-v-fb608119]{color:var(--muted);border-radius:4px;padding:2px 4px;font-size:12px}.close-btn[data-v-fb608119]:hover{background:var(--soft);color:var(--primary)}h4[data-v-fb608119]{text-transform:uppercase;color:var(--muted);margin:10px 0 5px;font-size:11px;font-weight:600}.swatches[data-v-fb608119]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatches i[data-v-fb608119]{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:22px;height:22px;transition:transform .1s}.swatches i[data-v-fb608119]:hover{transform:scale(1.15)}.swatches i.on[data-v-fb608119]{box-shadow:0 0 0 2px var(--primary);border-color:#fff}.color-picker-label[data-v-fb608119]{cursor:pointer;place-items:center;width:22px;height:22px;font-size:14px;display:grid;position:relative}.hidden-picker[data-v-fb608119]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.option-row[data-v-fb608119]{gap:5px;display:flex}.option-row button[data-v-fb608119]{background:var(--canvas);border:1px solid var(--border);height:26px;color:var(--text);cursor:pointer;border-radius:6px;flex:1;place-items:center;font-size:11px;font-weight:500;transition:all .12s;display:grid}.option-row button[data-v-fb608119]:hover{border-color:var(--primary);color:var(--primary)}.option-row button.on[data-v-fb608119]{background:var(--soft);border-color:var(--primary);color:var(--primary);font-weight:700}.slider-wrapper[data-v-fb608119]{padding:4px 0}.opacity-slider[data-v-fb608119]{width:100%;accent-color:var(--primary);cursor:pointer}.selected-actions[data-v-fb608119]{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:14px;padding-top:10px;display:flex}.action-btn[data-v-fb608119]{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:100%;padding:6px;font-size:12px;font-weight:600;transition:background .12s}.duplicate-btn[data-v-fb608119]{background:var(--canvas);color:var(--text)}.duplicate-btn[data-v-fb608119]:hover{background:var(--soft);color:var(--primary)}.delete-btn[data-v-fb608119]{color:var(--danger);background:#fff5f5;border-color:#ffc9c9}.delete-btn[data-v-fb608119]:hover{background:#ffe3e3}@media (width<=860px){.left-properties-panel[data-v-fb608119]{display:none}}.right-panel[data-v-1fb55404]{background:var(--surface);border-left:1px solid var(--border);z-index:40;flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow:hidden}.tabs-header[data-v-1fb55404]{border-bottom:1px solid var(--border);background:var(--surface);display:flex}.tab-btn[data-v-1fb55404]{text-align:center;color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:12px 0;font-size:13px;font-weight:600;transition:all .15s}.tab-btn[data-v-1fb55404]:hover{color:var(--text)}.tab-btn.on[data-v-1fb55404]{color:var(--primary);border-bottom-color:var(--primary)}.tab-content[data-v-1fb55404]{flex-direction:column;flex:1;padding:12px;display:flex;overflow-y:auto}.search-box[data-v-1fb55404]{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;margin-bottom:12px;padding:4px 8px;display:flex}.search-icon[data-v-1fb55404]{opacity:.6;margin-right:6px;font-size:13px}.search-input[data-v-1fb55404]{background:0 0;border:none;width:100%;padding:2px 0;font-size:12px}.search-input[data-v-1fb55404]:focus{border:none}.shapes-grid[data-v-1fb55404]{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.shape-card[data-v-1fb55404]{border:1px solid var(--border);text-align:center;color:var(--muted);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:10px 4px;font-size:11px;transition:all .12s}.shape-card[data-v-1fb55404]:hover{border-color:var(--primary);color:var(--primary);background:var(--soft);transform:translateY(-1px)}.shape-icon[data-v-1fb55404]{margin-bottom:3px;font-size:22px;display:block}.browse-lib-btn[data-v-1fb55404]{background:var(--primary);color:#fff;text-align:center;border-radius:var(--radius-md);cursor:pointer;margin-top:12px;padding:10px;font-size:13px;font-weight:600;transition:background .15s}.browse-lib-btn[data-v-1fb55404]:hover{background:var(--primary-hover)}.templates-intro[data-v-1fb55404]{color:var(--muted);margin-bottom:10px;font-size:12px}.templates-list-scroll[data-v-1fb55404]{flex-direction:column;gap:10px;max-height:520px;padding-right:4px;display:flex;overflow-y:auto}.template-card[data-v-1fb55404]{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:var(--surface);align-items:center;gap:10px;padding:8px;transition:all .12s;display:flex}.template-card[data-v-1fb55404]:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.template-thumb[data-v-1fb55404]{border:1px solid var(--border);border-radius:8px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.template-info[data-v-1fb55404]{flex:1;min-width:0}.template-name[data-v-1fb55404]{color:var(--text);font-size:12px;display:block}.template-desc[data-v-1fb55404]{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.3}.ai-header[data-v-1fb55404]{margin-bottom:12px}.ai-badge[data-v-1fb55404]{color:#fff;background:linear-gradient(135deg,#6965db,#aa3bff);border-radius:12px;margin-bottom:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.ai-desc[data-v-1fb55404]{color:var(--muted);font-size:12px}.ai-textarea[data-v-1fb55404]{border-radius:var(--radius-md);resize:vertical;width:100%;margin-bottom:8px;font-size:12px;line-height:1.4}.ai-presets[data-v-1fb55404]{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.preset-tag[data-v-1fb55404]{color:var(--primary);background:var(--soft);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:11px;transition:opacity .12s}.preset-tag[data-v-1fb55404]:hover{opacity:.8}.ai-generate-btn[data-v-1fb55404]{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#6965db,#837ff2);padding:10px;font-size:13px;font-weight:700;transition:opacity .15s}.ai-generate-btn[data-v-1fb55404]:hover{opacity:.92}.ai-version-tag[data-v-1fb55404]{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.paint-section-title[data-v-1fb55404]{color:var(--text);margin-bottom:8px;font-size:12px;font-weight:700}.paint-tools-grid[data-v-1fb55404]{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.paint-tool-btn[data-v-1fb55404]{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:12px;font-weight:600;transition:all .12s;display:flex}.paint-tool-btn[data-v-1fb55404]:hover{border-color:var(--primary);background:var(--soft)}.paint-tool-btn.active[data-v-1fb55404]{border-color:var(--primary);background:var(--primary);color:#fff}.tool-emoji[data-v-1fb55404]{font-size:18px}.paint-slider-box[data-v-1fb55404]{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:14px;padding:10px}.slider-header[data-v-1fb55404]{color:var(--text);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.paint-range-slider[data-v-1fb55404]{width:100%;accent-color:var(--primary);margin-bottom:8px}.brush-size-presets[data-v-1fb55404]{gap:6px;display:flex}.brush-size-presets button[data-v-1fb55404]{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:4px;font-size:11px}.brush-size-presets button.on[data-v-1fb55404]{background:var(--primary);color:#fff;border-color:var(--primary)}.paint-colors-section[data-v-1fb55404]{margin-bottom:14px}.swatches-grid[data-v-1fb55404]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatches-grid i[data-v-1fb55404]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .12s}.swatches-grid i[data-v-1fb55404]:hover{transform:scale(1.15)}.swatches-grid i.active-swatch[data-v-1fb55404]{border-color:var(--text);transform:scale(1.1)}.custom-color-btn[data-v-1fb55404]{cursor:pointer;place-items:center;width:24px;height:24px;font-size:15px;display:inline-grid;position:relative}.photo-upload-section[data-v-1fb55404]{background:var(--canvas);border:1px dashed var(--border-focus);border-radius:var(--radius-md);text-align:center;margin-bottom:14px;padding:12px 10px}.upload-hint[data-v-1fb55404]{color:var(--muted);margin-bottom:8px;font-size:11px;line-height:1.3}.upload-photo-btn[data-v-1fb55404]{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:8px 12px;font-size:12px;font-weight:700;transition:background .15s}.upload-photo-btn[data-v-1fb55404]:hover{background:var(--primary-hover)}.clear-paint-btn[data-v-1fb55404]{border:1px solid var(--border);color:var(--danger);border-radius:var(--radius-md);cursor:pointer;background:0 0;width:100%;padding:8px;font-size:12px;font-weight:600;transition:all .12s}.clear-paint-btn[data-v-1fb55404]:hover{border-color:var(--danger);background:#fff5f5}@media (width<=860px){.right-panel[data-v-1fb55404]{display:none}}.canvas-viewport[data-v-3b253562]{background-color:var(--canvas,#fff);background-image:radial-gradient(var(--border) 1.5px, transparent 1.5px);background-size:20px 20px;flex:1;position:relative;overflow:hidden}.tool-select[data-v-3b253562]{cursor:default}.tool-hand[data-v-3b253562]{cursor:grab}.tool-hand[data-v-3b253562]:active{cursor:grabbing}.tool-draw[data-v-3b253562],.tool-highlighter[data-v-3b253562]{cursor:crosshair}.tool-eraser[data-v-3b253562]{cursor:cell}.tool-bucket[data-v-3b253562]{cursor:pointer}.tool-text[data-v-3b253562]{cursor:text}.tool-rect[data-v-3b253562],.tool-circle[data-v-3b253562],.tool-diamond[data-v-3b253562],.tool-note[data-v-3b253562],.tool-arrow[data-v-3b253562]{cursor:crosshair}.dot-voting-bar[data-v-3b253562]{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:30;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:14px;left:14px}.vote-title[data-v-3b253562]{color:var(--text);margin-right:4px;font-weight:700}.vote-pill[data-v-3b253562]{cursor:pointer;background:var(--canvas);border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:3px 6px;transition:all .12s;display:inline-flex}.vote-pill[data-v-3b253562]:hover{background:var(--soft);transform:scale(1.1)}.vote-dot[data-v-3b253562]{border-radius:50%;width:12px;height:12px;display:inline-block}.vote-count[data-v-3b253562]{color:var(--text);font-size:11px;font-weight:600}.canvas-element[data-v-3b253562]{cursor:grab;-webkit-user-select:none;user-select:none}.canvas-element[data-v-3b253562]:active{cursor:grabbing}.conn-label-bg[data-v-3b253562],.conn-label-text[data-v-3b253562]{cursor:pointer}.floating-text-creator[data-v-3b253562]{z-index:120;background:var(--surface);border:2px solid var(--primary);box-shadow:var(--shadow-md);border-radius:8px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute}.floating-text-input[data-v-3b253562]{color:var(--text);background:0 0;border:none;outline:none;min-width:200px;font-family:Caveat,cursive,sans-serif;font-size:20px;font-weight:700}.commit-text-btn[data-v-3b253562]{background:var(--primary);color:#fff;cursor:pointer;border-radius:6px;place-items:center;width:26px;height:26px;font-weight:700;display:grid}.inline-text-editor[data-v-3b253562]{z-index:100;position:absolute}.in-place-input[data-v-3b253562]{color:#1b1b1f;border:2px solid var(--primary);width:100%;box-shadow:var(--shadow-md);background:#fff;border-radius:6px;padding:4px 8px;font-family:Caveat,cursive,sans-serif;font-size:18px;font-weight:700}.canvas-minimap[data-v-3b253562]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:110px;height:70px;box-shadow:var(--shadow-sm);color:var(--muted);cursor:pointer;z-index:30;flex-direction:column;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;bottom:115px;right:14px;overflow:hidden}.canvas-minimap[data-v-3b253562]:hover{border-color:var(--primary)}.minimap-svg[data-v-3b253562]{width:100%;height:52px;padding:4px}.minimap-label[data-v-3b253562]{text-transform:uppercase;letter-spacing:.5px;font-size:9px}@media (width<=860px){.canvas-minimap[data-v-3b253562]{display:none}}.bottom-bar-container[data-v-c2f299d7]{flex-direction:column;align-items:center;display:flex;position:relative}.add-menu-popup[data-v-c2f299d7]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:120;width:240px;padding:10px;position:absolute;bottom:54px}.add-menu-grid[data-v-c2f299d7]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.add-menu-item[data-v-c2f299d7]{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.add-menu-item[data-v-c2f299d7]:hover{background:var(--soft);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.add-menu-item .icon[data-v-c2f299d7]{font-size:16px}.bottom-bar[data-v-c2f299d7]{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);align-items:center;gap:8px;padding:6px 12px;display:flex}.bar-btn[data-v-c2f299d7]{width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:6px;place-items:center;font-size:16px;transition:all .12s;display:grid}.bar-btn[data-v-c2f299d7]:hover{background:var(--soft);color:var(--primary)}.zoom-label-btn[data-v-c2f299d7]{cursor:pointer;text-align:center;border-radius:6px;min-width:45px;padding:4px 8px;font-size:13px}.zoom-label-btn[data-v-c2f299d7]:hover{background:var(--soft);color:var(--primary)}.add-btn[data-v-c2f299d7]{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:4px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s,transform .12s;display:flex;box-shadow:0 2px 6px #6965db4d}.add-btn[data-v-c2f299d7]:hover{background:var(--primary-hover);transform:translateY(-1px)}.ad-slot-wrapper[data-v-b142b268]{justify-content:center;width:100%;display:flex}.ad-banner[data-v-b142b268]{background:var(--ad);border:1px dashed var(--border);border-radius:var(--radius-md);width:728px;max-width:95%;height:90px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;transition:all .2s;display:flex;position:relative}.ad-content[data-v-b142b268]{align-items:center;gap:12px;display:flex}.ad-tag[data-v-b142b268]{background:var(--border);color:var(--muted);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.ad-close-btn[data-v-b142b268]{color:var(--muted);border-radius:4px;padding:4px;font-size:12px}.ad-close-btn[data-v-b142b268]:hover{background:var(--border);color:var(--text)}@media (width<=860px){.ad-banner[data-v-b142b268]{height:50px;font-size:11px}}.app-footer[data-v-626e6fb4]{background:var(--surface);border-top:1px solid var(--border);height:40px;color:var(--muted);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.footer-left[data-v-626e6fb4],.footer-center[data-v-626e6fb4],.footer-right[data-v-626e6fb4]{align-items:center;gap:8px;display:flex}.footer-center a[data-v-626e6fb4]{color:var(--muted);text-decoration:none;transition:color .12s}.footer-center a[data-v-626e6fb4]:hover{color:var(--text);text-decoration:underline}.sogdo-link[data-v-626e6fb4]{color:var(--primary);font-weight:600;text-decoration:none}.sogdo-link[data-v-626e6fb4]:hover{text-decoration:underline}.dot[data-v-626e6fb4]{opacity:.5}@media (width<=860px){.hide-mobile[data-v-626e6fb4]{display:none!important}}.export-overlay[data-v-e99c8ba3]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dlg[data-v-e99c8ba3]{background:var(--surface);border-radius:var(--radius-xl);width:560px;max-width:100%;max-height:94vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:22px;overflow-y:auto}.dlg-header[data-v-e99c8ba3]{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dlg-header h3[data-v-e99c8ba3]{color:var(--text);margin:0;font-size:20px;font-weight:700}.close-x[data-v-e99c8ba3]{color:var(--muted);padding:4px;font-size:16px}.close-x[data-v-e99c8ba3]:hover{color:var(--text)}.fmt[data-v-e99c8ba3]{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.fmt button[data-v-e99c8ba3]{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:var(--surface);cursor:pointer;padding:7px 12px;font-size:12px;font-weight:600;transition:all .12s}.fmt button[data-v-e99c8ba3]:hover{border-color:var(--primary);color:var(--primary)}.fmt button.on[data-v-e99c8ba3]{background:var(--soft);border-color:var(--primary);color:var(--primary)}.prev-container[data-v-e99c8ba3]{border:1px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;height:140px;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.prev-badge[data-v-e99c8ba3]{color:var(--muted);border:1px solid var(--border);background:#ffffffd9;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;top:8px;left:12px}.preview-mini-svg[data-v-e99c8ba3]{pointer-events:none;width:90%;height:80%}.opts[data-v-e99c8ba3]{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.opts label[data-v-e99c8ba3]{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.ic[data-v-e99c8ba3]{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;height:34px;color:var(--text);padding:0 10px;font-size:13px}.select-opt[data-v-e99c8ba3]{cursor:pointer}.checkbox-group[data-v-e99c8ba3]{align-items:center;gap:16px;height:34px;display:flex}.cb-label[data-v-e99c8ba3]{cursor:pointer;align-items:center;gap:6px;color:var(--text)!important;text-transform:none!important;margin-bottom:0!important;font-size:13px!important;font-weight:500!important;display:inline-flex!important}.acts[data-v-e99c8ba3]{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:18px;padding-top:12px;display:flex}.action-cancel[data-v-e99c8ba3],.action-copy[data-v-e99c8ba3]{cursor:pointer;width:auto;min-width:75px;font-weight:500}.action-cancel[data-v-e99c8ba3]:hover,.action-copy[data-v-e99c8ba3]:hover{background:var(--soft);color:var(--primary);border-color:var(--primary)}.pri[data-v-e99c8ba3]{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.pri[data-v-e99c8ba3]:hover{background:var(--primary-hover)}@media (width<=600px){.opts[data-v-e99c8ba3]{grid-template-columns:1fr}}.pay-modal-overlay[data-v-10ee48a8]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pay-modal-card[data-v-10ee48a8]{background:var(--surface);border-radius:var(--radius-xl);width:440px;max-width:95%;box-shadow:var(--shadow-lg);border:1px solid var(--border);text-align:center;padding:28px 24px;position:relative}.pay-close-x[data-v-10ee48a8]{color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;top:14px;right:14px}.pay-close-x[data-v-10ee48a8]:hover{background:var(--border);color:var(--text)}.pay-badge[data-v-10ee48a8]{color:#6965db;letter-spacing:.5px;background:#e0dfff;border-radius:12px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pay-title[data-v-10ee48a8]{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.pay-subtitle[data-v-10ee48a8]{color:var(--muted);margin-bottom:18px;font-size:13px}.pay-price-box[data-v-10ee48a8]{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:baseline;gap:4px;margin-bottom:18px;padding:14px;display:flex}.currency[data-v-10ee48a8]{color:var(--primary);font-size:20px;font-weight:700}.amount[data-v-10ee48a8]{color:var(--primary);font-size:38px;font-weight:800;line-height:1}.period[data-v-10ee48a8]{color:var(--muted);margin-left:4px;font-size:13px;font-weight:500}.pay-features[data-v-10ee48a8]{text-align:left;color:var(--text);flex-direction:column;gap:9px;margin-bottom:22px;font-size:13px;list-style:none;display:flex}.pay-features li[data-v-10ee48a8]{align-items:center;gap:8px;display:flex}.pay-features span[data-v-10ee48a8]{color:#2f9e44;font-weight:800}.pay-actions[data-v-10ee48a8]{flex-direction:column;gap:8px;display:flex}.pay-primary-btn[data-v-10ee48a8]{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;padding:12px;font-size:14px;font-weight:700;transition:background .15s,transform .12s;box-shadow:0 4px 12px #6965db59}.pay-primary-btn[data-v-10ee48a8]:hover{background:var(--primary-hover);transform:translateY(-1px)}.pay-secondary-btn[data-v-10ee48a8]{color:var(--muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:8px;font-size:12px;font-weight:600}.pay-secondary-btn[data-v-10ee48a8]:hover{color:var(--text);background:var(--canvas)}.pay-footnote[data-v-10ee48a8]{color:var(--muted);margin-top:14px;font-size:11px}.champa-app[data-v-e0eefd1b]{background-color:var(--canvas);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.main-workspace[data-v-e0eefd1b]{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-container[data-v-e0eefd1b]{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.bottom-overlay[data-v-e0eefd1b]{pointer-events:none;z-index:60;flex-direction:column;align-items:center;gap:8px;width:94%;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.bottom-overlay[data-v-e0eefd1b] *{pointer-events:auto}