.toast[data-v-16f75c15]{position:fixed;top:20px;right:20px;background:#4caf50;color:#fff;padding:10px 20px;border-radius:4px;display:flex;align-items:center;gap:8px;font-weight:700;z-index:9999}.super-resolution-options[data-v-16f75c15]{display:flex;gap:8px;margin:auto 0}.super-resolution-options button[data-v-16f75c15]{padding:4px 8px;cursor:pointer}.leftPanelHidden[data-v-16f75c15]{position:absolute;left:182px;top:50%;transform:translateY(-50%);z-index:1000;background:none}.leftPanelHidden .toolButton[data-v-16f75c15]{width:26px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;color:#fff;border-radius:4px 0 0 4px;cursor:pointer;transition:all .2s ease}.leftPanelHidden .toolButton[data-v-16f75c15]:hover{background:#000000e6}.leftPanelHidden .toolButton i[data-v-16f75c15]{font-size:20px;margin:0}.showLeftPanelBtn[data-v-16f75c15]{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1100;background:#000000b3;border:none;color:#fff;border-radius:0 4px 4px 0;width:32px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.showLeftPanelBtn[data-v-16f75c15]:hover{background:#000000e6}.showLeftPanelBtn i[data-v-16f75c15]{font-size:20px}.editor-container[data-v-16f75c15]{display:flex;height:100vh;background-color:#111319;color:#fff;padding:8px}.leftPanel[data-v-16f75c15]{width:200px;background-color:#171a21;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;padding:20px 0;position:relative;flex-shrink:0}.search-box[data-v-16f75c15]{position:relative;padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.search-input[data-v-16f75c15]{width:100%;padding:8px 32px 8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:12px;outline:none;transition:all .2s ease}.search-input[data-v-16f75c15]:focus{background:#ffffff26;border-color:#00cae0}.search-icon[data-v-16f75c15]{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:12px}.material-grid[data-v-16f75c15]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;overflow-y:auto}.material-item[data-v-16f75c15]{position:relative;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s ease}.material-item[data-v-16f75c15]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.material-item img[data-v-16f75c15]{width:100%;aspect-ratio:1;object-fit:cover}.material-info[data-v-16f75c15]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:#000000b3;display:flex;justify-content:space-between;align-items:center}.material-name[data-v-16f75c15]{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-btn[data-v-16f75c15]{background:none;border:none;color:gold;cursor:pointer;padding:4px;transition:all .2s ease}.favorite-btn[data-v-16f75c15]:hover{transform:scale(1.1)}.favorite-btn i[data-v-16f75c15]{font-size:12px}.main-content[data-v-16f75c15]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;position:relative;overflow:hidden;height:100%}.canvas-container[data-v-16f75c15]{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 12px #0003;position:relative;display:flex;justify-content:center;align-items:center}.canvas-wrapper[data-v-16f75c15]{position:relative;display:inline-block;transform-origin:center center;background:url(./canvas-bk-DePbrYbp.png) no-repeat center center;background-size:100% 100%}.canvas-wrapper canvas[data-v-16f75c15]{display:block;transform-origin:center center}.zoom-controls[data-v-16f75c15]{display:flex;align-items:center;gap:4px;margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.1)}.zoom-level[data-v-16f75c15]{font-size:12px;color:#fff;min-width:48px;text-align:center}.zoom-controls .tool-button[data-v-16f75c15]{padding:4px;min-width:auto}.zoom-controls .tool-button i[data-v-16f75c15]{font-size:12px}.floating-tools[data-v-16f75c15]{position:absolute;top:5%;left:50%;transform:translate(-50%);background:#2a2a2af2;border-radius:8px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.floating-tools .fas[data-v-16f75c15]{font-size:14px}.tool-group[data-v-16f75c15]{display:flex;gap:8px}.tool-button[data-v-16f75c15]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:none;background:none;color:#fff;cursor:pointer;border-radius:6px;transition:all .2s ease;min-width:60px}.tool-button i[data-v-16f75c15]{font-size:20px}.tool-button span[data-v-16f75c15]{font-size:12px}.tool-button[data-v-16f75c15]:hover{background-color:#ffffff1a}.tool-button.active[data-v-16f75c15]{background-color:#00cae0;color:#fff}.right-panel[data-v-16f75c15]{width:200px;background-color:#171a21;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative}.rightPanelHidden .toolButton[data-v-16f75c15]{width:32px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;color:#fff;border-radius:0 4px 4px 0;cursor:pointer;transition:all .2s ease}.fa-grip-vertical[data-v-16f75c15]{display:inline-block;width:16px;height:16px;background:url(../assets/svg/icon-drag.svg) no-repeat;background-size:100% 100%}.panel-tabs[data-v-16f75c15]{display:flex;padding:12px 12px 0;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-tabs .tab-button[data-v-16f75c15]{padding:4px 10px}.tab-button[data-v-16f75c15]{flex:1;padding:8px 16px;background:none;border:none;color:#888;cursor:pointer;border-radius:6px 6px 0 0;font-size:14px;transition:all .2s ease;border-bottom:2px solid transparent}.tab-button[data-v-16f75c15]:hover{color:#fff}.tab-button.active[data-v-16f75c15]{color:#fff;border-bottom:2px solid #00cae0}.panel-content[data-v-16f75c15]{flex:1;overflow:hidden;display:flex;flex-direction:column}.leftPanel .panel-section[data-v-16f75c15]{flex:none;align-items:center;justify-content:center}.leftPanel .panel-section button[data-v-16f75c15]{width:100%;flex-direction:row;padding:8px;border:1px solid rgba(184,221,255,.12)}.left-panel .panel-section span[data-v-16f75c15]{margin-left:10px}.panel-section[data-v-16f75c15]{flex:1;padding:8px;overflow-y:auto}.layer-list[data-v-16f75c15]{display:flex;flex-direction:column;gap:8px;min-height:100px;width:100%}.layer-item[data-v-16f75c15]{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffffff0d;border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%;border:1px solid transparent;gap:8px}.layer-item[data-v-16f75c15]:hover{background:#ffffff1a}.layer-item.active[data-v-16f75c15]{background:#00cae01a;border:1px solid #00cae0;box-shadow:0 0 0 1px #00cae04d}.sortable-ghost[data-v-16f75c15]{opacity:.5;background:#00cae01a;box-shadow:0 2px 8px #0003}.sortable-chosen[data-v-16f75c15]{background:#00cae01a;box-shadow:0 2px 8px #0003;border:1px solid #00cae0}.layer-drag-handle[data-v-16f75c15]{display:flex;align-items:center;padding:0 8px;height:16px;color:#666;cursor:move;transition:color .2s ease}.layer-drag-handle[data-v-16f75c15]:hover,.layer-item.active .layer-drag-handle[data-v-16f75c15]{color:#00cae0}.layer-name[data-v-16f75c15]{flex:1;margin:0 8px;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;transition:all .2s ease}.layer-item.active .layer-name[data-v-16f75c15]{opacity:1;color:#00cae0}.layer-actions[data-v-16f75c15]{display:flex;gap:8px;z-index:1;opacity:.6;transition:opacity .2s ease;position:relative}.layer-item:hover .layer-actions[data-v-16f75c15],.layer-item.active .layer-actions[data-v-16f75c15]{opacity:1}.menu-trigger[data-v-16f75c15]{background:none;border:none;color:#888;cursor:pointer;padding:4px;transition:all .2s ease}.menu-trigger[data-v-16f75c15]:hover{color:#fff}.layer-menu[data-v-16f75c15]{position:absolute;right:0;top:100%;background:#2a2a2a;border-radius:4px;box-shadow:0 2px 8px #0000004d;padding:4px;min-width:160px;z-index:100}.layer-menu button[data-v-16f75c15]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.layer-menu button[data-v-16f75c15]:hover{background:#ffffff1a}.layer-menu button i[data-v-16f75c15]{width:16px;text-align:center}.layer-menu button span[data-v-16f75c15]{font-size:12px}.opacity-control[data-v-16f75c15]{padding:8px 12px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.opacity-control span[data-v-16f75c15]{font-size:12px;color:#888;display:block;margin-bottom:4px}.opacity-control input[type=range][data-v-16f75c15]{width:100%;margin:4px 0}.opacity-value[data-v-16f75c15]{font-size:11px;color:#888;text-align:right;display:block}.delete-btn[data-v-16f75c15]{color:#ff4d4f!important}.delete-btn[data-v-16f75c15]:hover{background:#ff4d4f1a!important}.history-list[data-v-16f75c15]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.history-item[data-v-16f75c15]{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;transition:all .2s ease}.history-item[data-v-16f75c15]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.history-item img[data-v-16f75c15]{width:100%;height:100px;object-fit:cover}.history-time[data-v-16f75c15]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:4px;font-size:11px;text-align:center}[data-v-16f75c15]::-webkit-scrollbar{width:6px}[data-v-16f75c15]::-webkit-scrollbar-track{background:transparent}[data-v-16f75c15]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}[data-v-16f75c15]::-webkit-scrollbar-thumb:hover{background:#fff3}.drop-zone[data-v-16f75c15]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:24px;gap:16px}.drop-zone i[data-v-16f75c15]{font-size:48px}.text-tools[data-v-16f75c15]{display:flex;align-items:center;gap:8px;padding:8px;background:#0003;border-radius:4px}.text-tool-select[data-v-16f75c15]{background:#333;color:#fff;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:12px;outline:none;min-width:120px;cursor:pointer;transition:all .2s ease}.text-tool-select[data-v-16f75c15]:focus{border-color:#00cae0;box-shadow:0 0 0 2px #00cae033}.text-tool-select option[data-v-16f75c15]{background:#333;color:#fff;padding:8px}.text-align-group[data-v-16f75c15]{display:flex;gap:4px;align-items:center}.text-align-group button[data-v-16f75c15]{padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.text-align-group button[data-v-16f75c15]:hover{background:#ffffff26}.text-align-group button.active[data-v-16f75c15]{background:#00cae0;border-color:#00cae0}.text-align-group button i[data-v-16f75c15]{font-size:14px}.text-color-picker[data-v-16f75c15]{width:20px;height:20px;padding:0;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.text-color-picker[data-v-16f75c15]:hover{transform:scale(1.1)}.text-color-picker[data-v-16f75c15]:focus{outline:2px solid #00cae0;outline-offset:2px}.fa-trash[data-v-16f75c15]{display:inline-block;width:auto;height:auto;background:none}.header-tools[data-v-16f75c15]{position:fixed;top:4px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.header-tools .tool-button[data-v-16f75c15]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 6px;border:none;background:none;color:#fff;cursor:pointer;border-radius:6px;transition:all .2s ease;min-width:60px}.header-tools .tool-button i[data-v-16f75c15]{font-size:14px}.header-tools .tool-button span[data-v-16f75c15]{font-size:12px}.header-tools .tool-button[data-v-16f75c15]:hover{background-color:#ffffff1a}.header-tools .tool-button.active[data-v-16f75c15]{background-color:#00cae0;color:#fff}i[data-v-16f75c15]{font-size:16px}.fa-undo[data-v-16f75c15],.fa-redo[data-v-16f75c15],.fa-trash[data-v-16f75c15],.fa-image[data-v-16f75c15],.fa-font[data-v-16f75c15],.fa-expand[data-v-16f75c15],.fa-eraser[data-v-16f75c15],.fa-magic[data-v-16f75c15],.fa-search-plus[data-v-16f75c15],.fa-cut[data-v-16f75c15],.fa-grip-vertical[data-v-16f75c15],.fa-eye[data-v-16f75c15],.fa-eye-slash[data-v-16f75c15]{display:inline-block;width:auto;height:auto;background:none}.header-tools .tool-button i[data-v-16f75c15]{color:#fff}.header-tools .tool-button:hover i[data-v-16f75c15]{color:#00cae0}.layer-actions button i[data-v-16f75c15]{color:#888}.layer-actions button:hover i[data-v-16f75c15]{color:#fff}.layer-item.active .layer-actions button i[data-v-16f75c15]{color:#00cae0}.layer-item.active .layer-actions button:hover i[data-v-16f75c15]{color:#fff}.layer-eye[data-v-16f75c15]{display:inline-block;width:auto;height:auto;background:none}.layer-eye.eye-active[data-v-16f75c15]{background:none}.fas[data-v-16f75c15]{font-weight:600!important}.fas .fa-image[data-v-16f75c15]{margin-bottom:0!important}.canvas-size-dialog[data-v-16f75c15]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content[data-v-16f75c15]{background:#171a21;padding:24px;border-radius:8px;min-width:300px}.dialog-content h3[data-v-16f75c15]{margin:0 0 16px;color:#fff;font-size:18px}.size-inputs[data-v-16f75c15]{display:flex;gap:16px;margin-bottom:16px}.input-group[data-v-16f75c15]{flex:1}.input-group label[data-v-16f75c15]{display:block;margin-bottom:8px;color:#888;font-size:12px}.input-group input[data-v-16f75c15]{width:100%;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:14px}.input-group input[data-v-16f75c15]:focus{outline:none;border-color:#00cae0}.ratio-controls[data-v-16f75c15]{margin-bottom:16px}.ratio-lock[data-v-16f75c15]{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#888;font-size:14px;cursor:pointer}.ratio-lock input[type=checkbox][data-v-16f75c15]{width:16px;height:16px;cursor:pointer}.ratio-presets[data-v-16f75c15]{display:flex;gap:8px;flex-wrap:wrap}.ratio-btn[data-v-16f75c15]{display:flex;flex-direction:column;align-items:center;padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:12px;width:60px;height:70px}.juxingBili[data-v-16f75c15]{border:1px solid #ccc;border-radius:4px}.juxing-wrapper[data-v-16f75c15]{width:100%;height:57px;display:flex;align-items:center;justify-content:center;border:0px solid #ccc;border-radius:0;overflow:hidden}.ratio-btn[data-v-16f75c15]:hover{background:#ffffff26}.ratio-btn.active[data-v-16f75c15]{background:#00cae0;border-color:#00cae0}.preset-sizes[data-v-16f75c15]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.preset-btn[data-v-16f75c15]{padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.preset-btn[data-v-16f75c15]:hover{background:#ffffff26}.cancel-btn[data-v-16f75c15],.confirm-btn[data-v-16f75c15]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-16f75c15]{background:#ffffff1a;color:#fff}.confirm-btn[data-v-16f75c15]{background:#00cae0;color:#fff}.cancel-btn[data-v-16f75c15]:hover{background:#ffffff26}.confirm-btn[data-v-16f75c15]:hover{background:#00d4eb}.background-color-option[data-v-16f75c15]{margin-bottom:24px}.background-color-option label[data-v-16f75c15]{display:block;margin-bottom:8px;color:#888;font-size:14px}.color-picker[data-v-16f75c15]{width:40px;height:40px;padding:0;border:none;border-radius:4px;cursor:pointer;background:none}.color-picker[data-v-16f75c15]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-v-16f75c15]::-webkit-color-swatch{border:none;border-radius:4px}.color-input[data-v-16f75c15]{flex:1;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:14px;font-family:monospace}.color-input[data-v-16f75c15]:focus{outline:none;border-color:#00cae0}.export-dialog[data-v-16f75c15]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.export-content[data-v-16f75c15]{background:#171a21;padding:24px;border-radius:8px;min-width:300px}.export-content h3[data-v-16f75c15]{margin:0 0 16px;color:#fff;font-size:18px}.format-options[data-v-16f75c15]{display:flex;gap:12px;margin-bottom:24px}.format-btn[data-v-16f75c15]{flex:1;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.format-btn[data-v-16f75c15]:hover{background:#ffffff26}.format-btn.active[data-v-16f75c15]{background:#00cae0;border-color:#00cae0}.dialog-actions[data-v-16f75c15]{display:flex;justify-content:flex-end;gap:12px}.cancel-btn[data-v-16f75c15],.confirm-btn[data-v-16f75c15]{padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-16f75c15]{background:none;border:1px solid rgba(255,255,255,.2);color:#fff}.cancel-btn[data-v-16f75c15]:hover{background:#ffffff1a}.confirm-btn[data-v-16f75c15]{background:#00cae0;border:none;color:#fff}.confirm-btn[data-v-16f75c15]:hover{background:#00b3c7}.confirm-color-btn[data-v-16f75c15]{padding:4px 8px;background:#00cae0;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:12px}.confirm-color-btn[data-v-16f75c15]:hover{background:#00b3c7}.set-color-btn[data-v-16f75c15]{padding:6px 12px;background:#00cae0;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:12px;white-space:nowrap}.set-color-btn[data-v-16f75c15]:hover{background:#00b3c7}.color-picker-wrapper[data-v-16f75c15]{display:flex;gap:8px;align-items:center}.tool-button[data-v-16f75c15]:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.tool-button[data-v-16f75c15]:disabled:hover{background-color:transparent}.tool-button:disabled i[data-v-16f75c15]{color:#ffffff4d}.rename-dialog[data-v-16f75c15]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.rename-dialog .dialog-content[data-v-16f75c15]{background:#171a21;padding:24px;border-radius:8px;min-width:300px}.rename-dialog h3[data-v-16f75c15]{margin:0 0 16px;color:#fff;font-size:18px}.rename-input[data-v-16f75c15]{width:100%;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:14px;margin-bottom:16px}.rename-input[data-v-16f75c15]:focus{outline:none;border-color:#00cae0}.rename-dialog .dialog-actions[data-v-16f75c15]{display:flex;justify-content:flex-end;gap:12px}.rename-dialog .cancel-btn[data-v-16f75c15],.rename-dialog .confirm-btn[data-v-16f75c15]{padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.rename-dialog .cancel-btn[data-v-16f75c15]{background:none;border:1px solid rgba(255,255,255,.2);color:#fff}.rename-dialog .cancel-btn[data-v-16f75c15]:hover{background:#ffffff1a}.rename-dialog .confirm-btn[data-v-16f75c15]{background:#00cae0;border:none;color:#fff}.rename-dialog .confirm-btn[data-v-16f75c15]:hover{background:#00b3c7}.background-color-dialog[data-v-16f75c15]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.background-color-dialog .dialog-content[data-v-16f75c15]{background:#171a21;padding:24px;border-radius:8px;min-width:300px}.background-color-dialog h3[data-v-16f75c15]{margin:0 0 16px;color:#fff;font-size:18px}.background-color-dialog .color-picker-wrapper[data-v-16f75c15]{display:flex;gap:8px;align-items:center;margin-bottom:16px}.background-color-dialog .color-picker[data-v-16f75c15]{width:40px;height:40px;padding:0;border:none;border-radius:4px;cursor:pointer;background:none}.background-color-dialog .color-picker[data-v-16f75c15]::-webkit-color-swatch-wrapper{padding:0}.background-color-dialog .color-picker[data-v-16f75c15]::-webkit-color-swatch{border:none;border-radius:4px}.background-color-dialog .color-input[data-v-16f75c15]{flex:1;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:14px;font-family:monospace}.background-color-dialog .color-input[data-v-16f75c15]:focus{outline:none;border-color:#00cae0}.transparent-btn[data-v-16f75c15]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:12px;white-space:nowrap}.transparent-btn[data-v-16f75c15]:hover{background:#ffffff26}.transparent-btn i[data-v-16f75c15],.transparent-btn span[data-v-16f75c15]{font-size:12px}.left-panel-hidden[data-v-16f75c15]{position:absolute;right:-16px;top:50%;transform:translateY(-50%);z-index:1000;background:none}.left-panel-hidden .tool-button[data-v-16f75c15]{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;color:#fff;border-radius:0 4px 4px 0;cursor:pointer;transition:all .2s ease}.left-panel-hidden .tool-button[data-v-16f75c15]:hover{background:#000000e6}.left-panel-hidden .tool-button i[data-v-16f75c15]{font-size:14px;margin:0}.show-left-panel-btn[data-v-16f75c15]{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1100;background:#000000b3;border:none;color:#fff;border-radius:0 4px 4px 0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.show-left-panel-btn[data-v-16f75c15]:hover{background:#000000e6}.show-left-panel-btn i[data-v-16f75c15]{font-size:14px}.rightPanel[data-v-16f75c15]{width:200px;background-color:#171a21;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative}.rightPanelHidden[data-v-16f75c15]{position:absolute;right:176px;top:50%;transform:translateY(-50%);z-index:1000;background:none}.rightPanelHidden .toolButton[data-v-16f75c15]{width:26px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border:none;color:#fff;border-radius:4px 0 0 4px;cursor:pointer;transition:all .2s ease}.rightPanelHidden .toolButton[data-v-16f75c15]:hover{background:#000000e6}.rightPanelHidden .toolButton i[data-v-16f75c15]{font-size:20px;margin:0}.showRightPanelBtn[data-v-16f75c15]{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1100;background:#000000b3;border:none;color:#fff;border-radius:4px 0 0 4px;width:32px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.showRightPanelBtn[data-v-16f75c15]:hover{background:#000000e6}.showRightPanelBtn i[data-v-16f75c15]{font-size:20px}.text-size-control[data-v-16f75c15]{display:flex;align-items:center;gap:4px}.text-size-input[data-v-16f75c15]{width:60px;background:#333;color:#fff;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:12px;outline:none;transition:all .2s ease}.text-size-input[data-v-16f75c15]:focus{border-color:#00cae0;box-shadow:0 0 0 2px #00cae033}.text-size-input[data-v-16f75c15]::-webkit-inner-spin-button,.text-size-input[data-v-16f75c15]::-webkit-outer-spin-button{opacity:1;height:20px}input[type=number][data-v-16f75c15]::-webkit-inner-spin-button,input[type=number][data-v-16f75c15]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#spinner[data-v-16f75c15]{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1a1a1a;color:#fff;line-height:1.5}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#171a21;padding:6px 24px}.header-content{max-width:1500px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app-header h1{font-size:20px;font-weight:500;color:#fff}.header-actions{display:flex;gap:12px}.action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#3a3a3a;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.action-button:hover{background-color:#4a4a4a}.action-button:active{background-color:#5a5a5a}.action-button i{font-size:16px}.action-button span{font-size:14px}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.header-content{flex-direction:column;gap:16px;align-items:flex-start}.header-actions{width:100%;justify-content:flex-end}}.export-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.export-content{background:#171a21;padding:24px;border-radius:8px;min-width:300px}.export-content h3{margin:0 0 16px;color:#fff;font-size:18px}.format-options{display:flex;gap:12px;margin-bottom:24px}.format-btn{flex:1;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.format-btn:hover{background:#ffffff26}.format-btn.active{background:#00cae0;border-color:#00cae0}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-btn,.confirm-btn{padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.cancel-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#fff}.cancel-btn:hover{background:#ffffff1a}.confirm-btn{background:#00cae0;border:none;color:#fff}.confirm-btn:hover{background:#00b3c7}.background-color-option{margin-bottom:24px}.background-color-option label{display:block;margin-bottom:8px;color:#888;font-size:14px}.color-picker-wrapper{display:flex;gap:8px;align-items:center}.color-picker{width:40px;height:40px;padding:0;border:none;border-radius:4px;cursor:pointer;background:none}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-input{flex:1;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:14px;font-family:monospace}.color-input:focus{outline:none;border-color:#00cae0}.set-color-btn{padding:6px 12px;background:#00cae0;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:12px;white-space:nowrap}.set-color-btn:hover{background:#00b3c7}