body{height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{text-align:left;width:100%;height:100%;margin:0;padding:0}*{margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;background-color:#1a1a1a;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}.nav-row{color:#000;background-color:#f8f8f8;border-bottom:1px solid #eee}.nav-toolbar{height:53px;padding:0 12px;line-height:53px;display:flex}.nav-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:1;font-size:16px;font-weight:700;overflow:hidden}.nav-btn{cursor:pointer;margin-right:8px}.status-bar[data-v-0356cd5c]{background:0 0;width:100%}.custom-navbar[data-v-0356cd5c]{box-sizing:border-box;z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;width:100%;padding:0 15px;display:flex;position:relative}.navbar-left[data-v-0356cd5c],.navbar-right[data-v-0356cd5c]{flex-shrink:0;align-items:center;display:flex}.navbar-title[data-v-0356cd5c]{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.back-btn image[data-v-0356cd5c]{width:22px;height:22px;margin-right:10px}.left-image[data-v-0356cd5c],.right-image[data-v-0356cd5c]{width:auto;height:24px}.title-image[data-v-0356cd5c]{width:auto;height:28px;margin-right:8px}.title-text[data-v-0356cd5c]{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:60vw;font-size:18px;font-weight:600;overflow:hidden}.page-outer{color:#fff;background-image:url(/assets/background3-Cr2_XuCD.jpg);background-size:cover;height:100vh;display:block}.content-outer{height:calc(100vh - 53px);padding:0 8px;overflow:hidden auto}.content-outer .uni-section{background-color:#0000}.content-outer .uni-section__content-title span{color:#4e4c45;font-size:24px;font-weight:700}.content-outer .uni-section-header__decoration{background-color:#0000!important}.my-button-img{cursor:pointer;width:86px;height:86px;display:block}.my-button{text-align:center;cursor:pointer;background-color:#27389a;border-radius:24px;width:70px;height:70px;padding:8px}.btn-bg-1{background-color:#255a8e}.btn-bg-2{background-color:#68a7d3}.btn-bg-3{background-color:#c4e4fb}view{display:block}.canvas-container[data-v-bb9064b0]{background-color:#121212;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:auto}canvas[data-v-bb9064b0]{cursor:crosshair;background-color:#fff;border:2px solid #404040;border-radius:5px;display:block;box-shadow:0 0 20px #00000080}.doodle-text-input[data-v-bb9064b0]{z-index:9999!important;color:#000!important;word-break:break-all!important;visibility:visible!important;opacity:1!important;background:#fffffff2!important;border:2px solid #4a90e2!important;border-radius:4px!important;outline:none!important;min-width:100px!important;max-width:300px!important;padding:8px 12px!important;font-family:Arial!important;font-size:24px!important;transition:all .2s!important;display:block!important;position:absolute!important;box-shadow:0 2px 10px #0003!important}@media (pointer:coarse){canvas[data-v-bb9064b0]{max-width:100%;height:auto}}.toolbar[data-v-494112d5]{background-color:#252525;border-right:1px solid #404040;width:220px;height:100%;padding:16px;overflow-y:auto}.tool-section[data-v-494112d5]{margin-bottom:24px}.tool-section h3[data-v-494112d5]{color:#ccc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.tool-grid[data-v-494112d5]{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.tool-btn[data-v-494112d5]{color:#fff;cursor:pointer;background-color:#333;border:1px solid #404040;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.tool-btn[data-v-494112d5]:hover{background-color:#404040;border-color:#505050;transform:translateY(-1px)}.tool-btn.active[data-v-494112d5]{background-color:#4a90e2;border-color:#4a90e2}.tool-icon[data-v-494112d5]{font-size:20px}.tool-name[data-v-494112d5]{font-size:12px;font-weight:500}.tool-param[data-v-494112d5]{margin-bottom:16px}.tool-param label[data-v-494112d5]{color:#ccc;margin-bottom:8px;font-size:13px;display:block}.tool-param input[type=range][data-v-494112d5]{-webkit-appearance:none;background:#404040;border-radius:3px;outline:none;width:100%;height:6px}.tool-param input[type=range][data-v-494112d5]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4a90e2;border-radius:50%;width:16px;height:16px}.tool-param input[type=range][data-v-494112d5]::-moz-range-thumb{cursor:pointer;background:#4a90e2;border:none;border-radius:50%;width:16px;height:16px}.color-picker[data-v-494112d5]{flex-direction:column;gap:16px;display:flex}.color-preview[data-v-494112d5]{align-items:center;gap:12px;display:flex}.current-color[data-v-494112d5]{background-color:#000;border:2px solid #404040;border-radius:6px;width:50px;height:50px}input[type=color][data-v-494112d5]{cursor:pointer;-webkit-appearance:none;border:none;border-radius:6px;width:50px;height:50px;overflow:hidden}input[type=color][data-v-494112d5]::-webkit-color-swatch-wrapper{padding:0}input[type=color][data-v-494112d5]::-webkit-color-swatch{border:none;border-radius:4px}.preset-colors[data-v-494112d5]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.preset-color[data-v-494112d5]{cursor:pointer;border:2px solid #404040;border-radius:4px;width:40px;height:40px;transition:transform .2s}.preset-color[data-v-494112d5]:hover{transform:scale(1.1)}.action-buttons[data-v-494112d5]{flex-direction:column;gap:8px;display:flex}.action-btn[data-v-494112d5]{color:#fff;cursor:pointer;background-color:#4a90e2;border:none;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .3s}.action-btn[data-v-494112d5]:hover{background-color:#357abd}.action-btn[data-v-494112d5]:active{transform:translateY(1px)}.action-btn[data-v-494112d5]:disabled{cursor:not-allowed;background-color:#555}.layer-panel[data-v-4fd2ae3f]{background-color:#252525;border-left:1px solid #404040;width:280px;height:100%;padding:16px;overflow-y:auto}.panel-header[data-v-4fd2ae3f]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-header h3[data-v-4fd2ae3f]{color:#ccc;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.panel-actions[data-v-4fd2ae3f]{gap:8px;display:flex}.panel-btn[data-v-4fd2ae3f]{color:#fff;cursor:pointer;text-align:left;background-color:#333;border:1px solid #404040;border-radius:4px;padding:6px 12px;font-size:13px;transition:all .2s}.panel-btn[data-v-4fd2ae3f]:hover{background-color:#404040}.panel-btn[data-v-4fd2ae3f]:disabled{cursor:not-allowed;background-color:#555}.layers-list[data-v-4fd2ae3f]{flex-direction:column;gap:6px;max-height:calc(100% - 60px);display:flex;overflow-y:auto}.layer-item[data-v-4fd2ae3f]{cursor:pointer;background-color:#333;border:1px solid #404040;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.layer-item[data-v-4fd2ae3f]:hover{background-color:#404040}.layer-item.active[data-v-4fd2ae3f]{background-color:#4a90e2;border-color:#4a90e2}.layer-info[data-v-4fd2ae3f]{flex:1;align-items:center;gap:8px;display:flex}.layer-visibility[data-v-4fd2ae3f],.layer-lock[data-v-4fd2ae3f]{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:16px}.layer-name[data-v-4fd2ae3f]{color:#fff;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.layer-name input[data-v-4fd2ae3f]{color:#fff;background-color:#404040;border:1px solid #505050;border-radius:3px;outline:none;width:100%;margin:0;padding:4px 8px;font-size:13px}.layer-actions[data-v-4fd2ae3f]{align-items:center;gap:8px;display:flex}.layer-properties[data-v-4fd2ae3f]{background-color:#333;border:1px solid #404040;border-radius:4px;margin-top:20px;padding:16px}.layer-properties h3[data-v-4fd2ae3f]{color:#ccc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:14px;font-weight:600}.property-group[data-v-4fd2ae3f]{margin-bottom:16px}.property-group h4[data-v-4fd2ae3f]{color:#ccc;margin-bottom:8px;font-size:13px}.property-group input[type=range][data-v-4fd2ae3f]{-webkit-appearance:none;background:#404040;border-radius:3px;outline:none;width:100%;height:6px}.property-group input[type=range][data-v-4fd2ae3f]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4a90e2;border-radius:50%;width:16px;height:16px}.property-group input[type=range][data-v-4fd2ae3f]::-moz-range-thumb{cursor:pointer;background:#4a90e2;border:none;border-radius:50%;width:16px;height:16px}[data-v-968dd3e4]{box-sizing:border-box;margin:0;padding:0}body[data-v-968dd3e4]{color:#fff;-webkit-user-select:none;user-select:none;background-color:#1a1a1a;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}.app-container[data-v-968dd3e4]{flex-direction:column;width:100vw;height:100vh;display:flex}.menu-bar[data-v-968dd3e4]{background-color:#2d2d2d;border-bottom:1px solid #404040;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:8px 16px;display:flex}.menu-left[data-v-968dd3e4],.menu-right[data-v-968dd3e4]{align-items:center;gap:8px;display:flex}.menu-center h1[data-v-968dd3e4]{color:#fff;margin:0;font-size:18px;font-weight:600}.menu-btn[data-v-968dd3e4]{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #404040;border-radius:4px;padding:6px 12px;font-size:14px;transition:all .2s}.menu-btn[data-v-968dd3e4]:hover{background-color:#404040;border-color:#505050}.menu-btn[data-v-968dd3e4]:active{background-color:#505050;transform:translateY(1px)}#canvasSize[data-v-968dd3e4]{color:#fff;background-color:#333;border:1px solid #404040;border-radius:4px;padding:6px 10px;font-size:14px}.workspace[data-v-968dd3e4]{flex:1;display:flex;overflow:hidden}.toolbar-left[data-v-968dd3e4]{background-color:#252525;border-right:1px solid #404040;flex-shrink:0;width:220px;transition:width .3s;position:relative;overflow:hidden}.canvas-area[data-v-968dd3e4]{background-color:#121212;flex:1;justify-content:center;align-items:center;padding:20px;transition:all .3s;display:flex;overflow:auto}.panel-right[data-v-968dd3e4]{background-color:#252525;border-left:1px solid #404040;flex-shrink:0;width:280px;transition:width .3s;position:relative;overflow:hidden}.panel-right.collapsed[data-v-968dd3e4]{width:40px}.toggle-container[data-v-968dd3e4]{z-index:10;position:absolute;top:10px;right:10px}.panel-right .toggle-container[data-v-968dd3e4]{left:10px}.toggle-btn[data-v-968dd3e4]{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .2s;display:flex}.toggle-btn[data-v-968dd3e4]:hover{background-color:#404040;transform:scale(1.1)}.status-bar[data-v-968dd3e4]{color:#ccc;background-color:#2d2d2d;border-top:1px solid #404040;flex-shrink:0;justify-content:space-between;align-items:center;height:30px;padding:0 16px;font-size:12px;display:flex}.status-left[data-v-968dd3e4],.status-center[data-v-968dd3e4],.status-right[data-v-968dd3e4]{align-items:center;gap:16px;display:flex}[data-v-968dd3e4]::-webkit-scrollbar{width:8px}[data-v-968dd3e4]::-webkit-scrollbar-track{background:#252525}[data-v-968dd3e4]::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}@media (max-width:1024px){.workspace[data-v-968dd3e4]{flex-direction:column}.toolbar-left[data-v-968dd3e4]{border-bottom:1px solid #404040;border-right:none;width:100%;height:auto}.toolbar[data-v-968dd3e4]{width:100%;padding:8px;display:flex;overflow:auto hidden}.toolbar .tool-section[data-v-968dd3e4]{flex-direction:column;min-width:150px;margin-bottom:0;margin-right:20px;display:flex}.panel-right[data-v-968dd3e4]{border-top:1px solid #404040;border-left:none;order:3;width:100%;height:200px;overflow-y:auto}.canvas-area[data-v-968dd3e4]{flex:1;overflow:auto}.menu-btn[data-v-968dd3e4],.tool-btn[data-v-968dd3e4],.action-btn[data-v-968dd3e4]{min-width:60px;min-height:44px}.status-bar[data-v-968dd3e4]{font-size:12px}}@media (max-width:768px){.status-bar[data-v-968dd3e4],.menu-center[data-v-968dd3e4]{display:none}.menu-left[data-v-968dd3e4],.menu-right[data-v-968dd3e4]{flex:1}.toolbar .tool-section h3[data-v-968dd3e4]{display:none}.panel-right[data-v-968dd3e4]{height:0;transition:height .3s;overflow:hidden}.panel-right.active[data-v-968dd3e4]{height:250px}}:-webkit-full-screen .app-container[data-v-968dd3e4]{width:100vw;height:100vh}:fullscreen .app-container[data-v-968dd3e4]{width:100vw;height:100vh}:-webkit-full-screen .canvas-area[data-v-968dd3e4]{flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}:fullscreen .canvas-area[data-v-968dd3e4]{flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}:-webkit-full-screen .canvas-container[data-v-968dd3e4]{max-width:100%;max-height:100%}:fullscreen .canvas-container[data-v-968dd3e4]{max-width:100%;max-height:100%}.menu-btn[data-v-968dd3e4],.tool-btn[data-v-968dd3e4],.action-btn[data-v-968dd3e4]{min-width:48px;min-height:48px;padding:8px 16px}input[type=range][data-v-968dd3e4]{height:8px}input[type=range][data-v-968dd3e4]::-webkit-slider-thumb{width:20px;height:20px}.tool-btn[data-v-968dd3e4]:active,.menu-btn[data-v-968dd3e4]:active{transition:transform .1s;transform:scale(.95)}[data-v-968dd3e4]::-webkit-scrollbar-thumb:hover{background:#505050}.toolbar-left[data-v-968dd3e4]{transition:width .3s;position:relative}.toolbar-left.collapsed[data-v-968dd3e4]{width:60px}.toolbar-left.collapsed .toolbar .tool-section h3[data-v-968dd3e4]{display:none}.toolbar-left.collapsed .toolbar .tool-grid[data-v-968dd3e4]{grid-template-columns:1fr}.toolbar-left.collapsed .toolbar .tool-param[data-v-968dd3e4]{display:none}.toolbar-left.collapsed .toolbar .action-buttons[data-v-968dd3e4]{flex-direction:column}.panel-right[data-v-968dd3e4]{transition:height .3s;position:relative}.toolbar-header[data-v-968dd3e4],.panel-header[data-v-968dd3e4]{background-color:#0003;border-bottom:1px solid #404040;justify-content:flex-end;padding:4px 8px;display:flex}.toggle-btn[data-v-968dd3e4]{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #404040;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.toggle-btn[data-v-968dd3e4]:hover{background-color:#404040;border-color:#505050}.toggle-btn[data-v-968dd3e4]:active{background-color:#505050;transform:translateY(1px)}.toolbar[data-v-968dd3e4]{flex-wrap:nowrap;align-items:flex-start}.toolbar .tool-section[data-v-968dd3e4]{flex-shrink:0}@media (max-width:1200px){.toolbar-left[data-v-968dd3e4]{width:180px}.panel-right[data-v-968dd3e4]{width:240px}}@media (max-width:992px){.toolbar-left[data-v-968dd3e4]{z-index:100;height:calc(100vh - 80px);transition:left .3s;position:absolute;left:-220px}.toolbar-left.active[data-v-968dd3e4]{left:0}.panel-right[data-v-968dd3e4]{z-index:100;height:calc(100vh - 80px);transition:right .3s;position:absolute;right:-280px}.panel-right.active[data-v-968dd3e4]{right:0}.canvas-area[data-v-968dd3e4]{width:100%}}.page-outer{color:#fff;background-image:url(/assets/background3-Cr2_XuCD.jpg);background-size:cover;height:100vh}.content-outer{padding:16px}.label-row{color:#4e4c45;padding:12px;font-size:24px;font-weight:700}.layout-row{border-radius:4px;margin-bottom:12px;padding:8px 16px;display:flex}.switch-btn{cursor:pointer;text-align:center;background-color:#c94c4c;border-radius:16px;width:48px;height:36px;margin-right:16px;padding:8px 16px;line-height:36px}.btn-active{color:#fff;background-color:#68a7d3}.file-item{margin-bottom:8px;margin-left:24px;display:flex}.file-item-text{color:#666;background-color:#fff;border-radius:4px;width:fit-content;padding:0 12px;line-height:40px}.file-item-image{background-color:#fff;border-radius:4px;width:40px;height:40px;margin-right:8px}.page-outer[data-v-d8624a4a],.page-outer[data-v-62bc0179],.page-outer[data-v-ae8c7fa7]{color:#fff;background-image:url(/assets/background3-Cr2_XuCD.jpg);background-size:cover;height:100vh;display:block}