.image-markup-dialog[data-v-fb144e34]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dialog-backdrop[data-v-fb144e34]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-container[data-v-fb144e34]{position:relative;width:calc(100vw - 60px);max-width:calc(100vw - 60px);height:calc(100vh - 90px);background:rgba(0,0,0,.6);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 .5px 0 rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 .5px rgba(255,255,255,.1);overflow:hidden;border:1px solid rgba(255,255,255,.12);color:#e5e7eb}.dialog-header[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.08)}button[data-v-fb144e34]{padding:0}.dialog-header h3[data-v-fb144e34]{margin:0;font-size:16px;font-weight:600;color:#c9cdd5}.close-btn[data-v-fb144e34]{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#9ca3af;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.close-btn[data-v-fb144e34]:hover{background:rgba(255,255,255,.16);color:#fff}.dialog-content[data-v-fb144e34]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.content-body[data-v-fb144e34]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow:hidden}.canvas-area[data-v-fb144e34]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden}.canvas-container[data-v-fb144e34]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative}.canvas-wrapper[data-v-fb144e34]{position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.original-image[data-v-fb144e34]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.canvas-layer[data-v-fb144e34]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.markup-canvas[data-v-fb144e34]{position:relative}.custom-cursor[data-v-fb144e34]{position:absolute;border:2px solid;border-radius:50%;pointer-events:none;z-index:10}.canvas-text-input[data-v-fb144e34]{position:absolute;background:transparent;border:none;outline:none;padding:2px 4px;min-width:200px;max-width:600px;font-family:Arial,sans-serif;z-index:15;-webkit-transform:translateY(-50%);transform:translateY(-50%);resize:none;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;line-height:1.25}.canvas-text-input[data-v-fb144e34]::-webkit-input-placeholder{color:currentColor;opacity:.4}.canvas-text-input[data-v-fb144e34]::-moz-placeholder{color:currentColor;opacity:.4}.canvas-text-input[data-v-fb144e34]:-ms-input-placeholder{color:currentColor;opacity:.4}.canvas-text-input[data-v-fb144e34]::-ms-input-placeholder{color:currentColor;opacity:.4}.canvas-text-input[data-v-fb144e34]::placeholder{color:currentColor;opacity:.4}.layers-panel[data-v-fb144e34]{width:248px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(255,255,255,.03);border-left:1px solid rgba(255,255,255,.08);overflow:hidden}.layers-header[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 16px 10px}.layers-title[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;color:#c9cdd5;font-size:14px;font-weight:600}.layers-count[data-v-fb144e34]{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:rgba(255,255,255,.12);color:#d1d5db;font-size:11px;font-weight:600;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-variant-numeric:tabular-nums}.mini-btn[data-v-fb144e34]{width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#9ca3af;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.mini-btn[data-v-fb144e34]:hover:not(:disabled){background:rgba(239,68,68,.2);color:#f87171;border-color:rgba(239,68,68,.3)}.mini-btn[data-v-fb144e34]:disabled{opacity:.3;cursor:not-allowed}.layers-tip[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:0 16px 10px;color:#6b7280;font-size:11px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}.layers-tip svg[data-v-fb144e34]{-ms-flex-negative:0;flex-shrink:0}.layers-list[data-v-fb144e34]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:4px 6px 6px}.layer-item[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;-webkit-transition:background .15s;transition:background .15s;border:1px solid transparent}.layer-item[data-v-fb144e34]:hover{background:rgba(255,255,255,.06)}.layer-item.active[data-v-fb144e34]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}.layer-item.hidden[data-v-fb144e34]{opacity:.45}.layer-icon[data-v-fb144e34]{width:22px;height:22px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.layer-label[data-v-fb144e34]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:12px;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-actions[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1px;opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s}.layer-item:hover .layer-actions[data-v-fb144e34],.layer-item.active .layer-actions[data-v-fb144e34]{opacity:1}.layer-act[data-v-fb144e34]{width:22px;height:22px;border-radius:5px;background:transparent;border:none;color:#9ca3af;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .15s;transition:all .15s}.layer-act[data-v-fb144e34]:hover:not(:disabled){background:rgba(255,255,255,.14);color:#fff}.layer-act.danger[data-v-fb144e34]:hover:not(:disabled){background:rgba(239,68,68,.2);color:#f87171}.layer-act[data-v-fb144e34]:disabled{opacity:.25;cursor:not-allowed}.layers-empty[data-v-fb144e34]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;color:#6b7280;padding:20px}.layers-empty p[data-v-fb144e34]{margin:4px 0 0;font-size:13px;color:#9ca3af}.layers-empty span[data-v-fb144e34]{font-size:11px;color:#6b7280}.panel-slide-enter-active[data-v-fb144e34],.panel-slide-leave-active[data-v-fb144e34]{-webkit-transition:all .2s ease;transition:all .2s ease}.panel-slide-enter-from[data-v-fb144e34],.panel-slide-leave-to[data-v-fb144e34]{width:0;opacity:0}.tool-btn[data-v-fb144e34]{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#c9cdd5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;position:relative}.tool-btn[data-v-fb144e34]:hover:not(.disabled){background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.2)}.tool-btn.active[data-v-fb144e34]{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.35)}.tool-btn.disabled[data-v-fb144e34]{opacity:.3;cursor:not-allowed}.color-picker[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:0 12px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.color-option[data-v-fb144e34]{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.15);box-shadow:0 0 0 1px rgba(255,255,255,.15);-webkit-transition:all .2s;transition:all .2s;position:relative}.color-option[data-v-fb144e34]:hover{-webkit-transform:scale(1.12);transform:scale(1.12)}.color-option.active[data-v-fb144e34]{border-color:#fff;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.35);box-shadow:0 0 0 2px rgba(255,255,255,.35)}.color-option[data-tooltip][data-v-fb144e34]:before,.tool-btn[data-tooltip][data-v-fb144e34]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-4px);transform:translate(-50%) translateY(-4px);padding:4px 8px;background:rgba(0,0,0,.9);color:#fff;font-size:11px;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;-webkit-transition:all .2s;transition:all .2s;z-index:100}.color-option[data-tooltip][data-v-fb144e34]:hover:before,.tool-btn[data-tooltip][data-v-fb144e34]:hover:before{opacity:1;-webkit-transform:translateX(-50%) translateY(-8px);transform:translate(-50%) translateY(-8px)}.size-control[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:0 12px;border-right:1px solid rgba(255,255,255,.08);min-width:150px}.size-tip[data-v-fb144e34]{font-size:13px;color:#9ca3af;-ms-flex-negative:0;flex-shrink:0}.size-slider[data-v-fb144e34]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;border-radius:3px;background:rgba(255,255,255,.18);outline:none;cursor:pointer}.size-slider[data-v-fb144e34]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.size-slider[data-v-fb144e34]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;cursor:pointer}.size-label[data-v-fb144e34]{font-size:12px;color:#d1d5db;min-width:38px;font-variant-numeric:tabular-nums}.history-section[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.bottom-panel[data-v-fb144e34]{-ms-flex-negative:0;flex-shrink:0;border-top:1px solid rgba(255,255,255,.08)}.bottom-section[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 12px}.tools-section[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;-ms-flex-negative:0;flex-shrink:0}.action-buttons[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:8px}.confirm-btn-x[data-v-fb144e34]{height:32px;padding:0 20px;border-radius:28px;font-size:13px;font-weight:500;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;outline:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#d1d5db}.confirm-btn-x[data-v-fb144e34]:hover:not(:disabled){background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.25);color:#fff}.confirm-btn-x[data-v-fb144e34]:disabled{opacity:.5;cursor:not-allowed}[data-v-fb144e34] .el-loading-mask{background-color:rgba(10,10,10,.58)}.header-actions[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.help-btn[data-v-fb144e34]{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#c9cdd5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.help-btn[data-v-fb144e34]:hover{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.2)}.tutorial-overlay[data-v-fb144e34]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tutorial-container[data-v-fb144e34]{position:relative;max-width:90vw;max-height:90vh;background:rgba(0,0,0,.6);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:16px;padding:20px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 .5px 0 rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 .5px rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}.tutorial-image[data-v-fb144e34]{display:block;max-width:100%;max-height:calc(90vh - 120px);width:600px;border-radius:8px;margin-bottom:16px}.tutorial-actions[data-v-fb144e34]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;width:100%}.tutorial-btn[data-v-fb144e34]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);font-size:15px;font-weight:500;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.tutorial-btn-secondary[data-v-fb144e34]{background:rgba(255,255,255,.08);color:#c9cdd5}.tutorial-btn-secondary[data-v-fb144e34]:hover{background:rgba(255,255,255,.16);color:#fff}.tutorial-btn-primary[data-v-fb144e34]{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.9);color:#1a1a1a}.tutorial-btn-primary[data-v-fb144e34]:hover{background:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 6px 18px rgba(0,0,0,.35);box-shadow:0 6px 18px rgba(0,0,0,.35)}