.new-project-dialog[data-v-49a8ade3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.dialog-backdrop[data-v-49a8ade3]{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.dialog-content[data-v-49a8ade3]{position:relative;background:var(--vscode-editor-background);border:1px solid var(--vscode-panel-border);border-radius:8px;width:420px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}.dialog-header[data-v-49a8ade3]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--vscode-panel-border)}.dialog-header h2[data-v-49a8ade3]{margin:0;font-size:16px;font-weight:600}.close-btn[data-v-49a8ade3]{background:transparent;border:none;color:var(--vscode-foreground);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.7}.close-btn[data-v-49a8ade3]:hover{opacity:1;background:var(--vscode-toolbar-hoverBackground)}.dialog-body[data-v-49a8ade3]{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.form-group[data-v-49a8ade3]{display:flex;flex-direction:column;gap:8px}.form-group>label[data-v-49a8ade3]{font-weight:600;font-size:13px}.size-buttons[data-v-49a8ade3],.fps-buttons[data-v-49a8ade3],.frame-count-buttons[data-v-49a8ade3]{display:flex;flex-wrap:wrap;gap:6px}.size-buttons button[data-v-49a8ade3],.fps-buttons button[data-v-49a8ade3],.frame-count-buttons button[data-v-49a8ade3]{padding:6px 12px;background:var(--vscode-button-secondaryBackground);border:2px solid transparent;border-radius:4px;cursor:pointer;color:var(--vscode-foreground);font-size:12px;transition:all .15s}.size-buttons button[data-v-49a8ade3]:hover,.fps-buttons button[data-v-49a8ade3]:hover,.frame-count-buttons button[data-v-49a8ade3]:hover{background:var(--vscode-button-secondaryHoverBackground)}.size-buttons button.active[data-v-49a8ade3],.fps-buttons button.active[data-v-49a8ade3],.frame-count-buttons button.active[data-v-49a8ade3]{border-color:var(--vscode-button-background);background:var(--vscode-button-background);color:var(--vscode-button-foreground)}.custom-size-inputs[data-v-49a8ade3]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.size-input-group[data-v-49a8ade3]{display:flex;flex-direction:column;gap:4px}.size-input-group label[data-v-49a8ade3]{font-size:11px;opacity:.7}.size-preview[data-v-49a8ade3]{padding:10px;background:var(--vscode-editor-inactiveSelectionBackground);border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:var(--vscode-button-background)}.custom-fps[data-v-49a8ade3],.custom-frame-count[data-v-49a8ade3]{display:flex;align-items:center;gap:8px;font-size:12px}.number-input[data-v-49a8ade3]{padding:6px 10px;background:var(--vscode-input-background);border:1px solid var(--vscode-input-border);border-radius:4px;color:var(--vscode-input-foreground);font-size:13px;width:100%}.number-input.small[data-v-49a8ade3]{width:70px}.hint[data-v-49a8ade3]{font-size:11px;opacity:.7}.dialog-footer[data-v-49a8ade3]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--vscode-panel-border);gap:12px}.project-info[data-v-49a8ade3]{display:flex;gap:16px;font-size:12px;opacity:.8}.info-item[data-v-49a8ade3]{display:flex;align-items:center;gap:4px}.button-group[data-v-49a8ade3]{display:flex;gap:8px}.secondary-btn[data-v-49a8ade3],.primary-btn[data-v-49a8ade3]{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s}.secondary-btn[data-v-49a8ade3]{background:var(--vscode-button-secondaryBackground);border:1px solid var(--vscode-button-border);color:var(--vscode-button-secondaryForeground)}.secondary-btn[data-v-49a8ade3]:hover{background:var(--vscode-button-secondaryHoverBackground)}.primary-btn[data-v-49a8ade3]{background:var(--vscode-button-background);border:none;color:var(--vscode-button-foreground)}.primary-btn[data-v-49a8ade3]:hover{background:var(--vscode-button-hoverBackground)}.video-player[data-v-1b8cf777]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.upload-zone[data-v-1b8cf777]{width:90%;max-width:400px;padding:48px 32px;border:2px dashed #333;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s;background:#1e1e1e80}.upload-zone.dragging[data-v-1b8cf777]{border-color:var(--accent);background:#e85d041a}.upload-content[data-v-1b8cf777]{text-align:center;color:#666}.upload-content p[data-v-1b8cf777]{margin:0}.upload-icon[data-v-1b8cf777]{width:48px;height:48px;margin-bottom:12px;opacity:.4;color:#555}.or-text[data-v-1b8cf777]{margin:10px 0;font-size:12px;color:#444}.file-button[data-v-1b8cf777]{display:inline-block;padding:10px 20px;background:var(--accent);color:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.file-button[data-v-1b8cf777]:hover{background:#f06b1a}.reopen-section[data-v-1b8cf777]{margin-top:20px;padding-top:16px;border-top:1px solid #333}.reopen-hint[data-v-1b8cf777]{font-size:11px;color:#888;margin-bottom:8px}.reopen-button[data-v-1b8cf777]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#2a2a2a;color:#ccc;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s}.reopen-button[data-v-1b8cf777]:hover{background:#333;border-color:var(--accent);color:#fff}.reopen-button svg[data-v-1b8cf777]{opacity:.7}.new-project-section[data-v-1b8cf777]{margin-top:16px;padding-top:16px;border-top:1px solid #333}.new-hint[data-v-1b8cf777]{font-size:11px;color:#888;margin-bottom:8px}.new-project-button[data-v-1b8cf777]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#1a3a1a;color:#7c7;border:1px solid #2a5a2a;border-radius:4px;cursor:pointer;font-size:12px;transition:all .15s}.new-project-button[data-v-1b8cf777]:hover{background:#2a4a2a;border-color:#4a8a4a;color:#9d9}.video-container[data-v-1b8cf777]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.video-container video[data-v-1b8cf777]{display:none}.frame-canvas[data-v-1b8cf777]{position:absolute;transform-origin:top left;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.empty-project-container[data-v-1b8cf777]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.empty-canvas[data-v-1b8cf777]{position:absolute;transform-origin:top left;border:1px solid #333;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.drawing-canvas-container[data-v-ee817392]{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.drawing-canvas-container canvas[data-v-ee817392]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.drawing-canvas-container.pan-tool[data-v-ee817392]{cursor:grab}.drawing-canvas-container.pan-tool[data-v-ee817392]:active,.drawing-canvas-container.panning[data-v-ee817392]{cursor:grabbing}.drawing-canvas-container canvas[data-v-ee817392]{image-rendering:pixelated}.onion-canvas[data-v-ee817392]{position:absolute;top:0;left:0;pointer-events:none;z-index:0}.drawing-canvas-container[data-v-ee817392] .canvas-container{position:relative!important;z-index:1}.tool-palette[data-v-048601b6]{padding:8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;height:100%;background:#1a1a1a}.tool-section[data-v-048601b6]{background:#222;border-radius:6px;padding:10px;border:1px solid #2a2a2a}.section-header[data-v-048601b6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title[data-v-048601b6]{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#666;font-weight:600}.tool-hint[data-v-048601b6]{font-size:9px;color:#555;background:#1a1a1a;padding:2px 5px;border-radius:3px;font-family:monospace}.tools-grid[data-v-048601b6]{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.tools-grid button[data-v-048601b6]{aspect-ratio:1;background:#2a2a2a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#777;transition:all .15s ease;border:1px solid transparent}.tools-grid button svg[data-v-048601b6]{width:16px;height:16px}.tools-grid button[data-v-048601b6]:hover{background:#333;color:#bbb;border-color:#444}.tools-grid button.active[data-v-048601b6]{background:var(--accent, #e85d04);color:#fff;border-color:var(--accent, #e85d04);box-shadow:0 0 8px #e85d044d}.color-value[data-v-048601b6]{font-size:9px;color:#555;font-family:monospace;text-transform:uppercase}.color-main[data-v-048601b6]{display:flex;gap:8px;align-items:flex-start}.color-picker[data-v-048601b6]{width:36px;height:36px;border-radius:6px;cursor:pointer;padding:0;border:2px solid #333;flex-shrink:0}.color-picker[data-v-048601b6]::-webkit-color-swatch-wrapper{padding:2px}.color-picker[data-v-048601b6]::-webkit-color-swatch{border-radius:3px;border:none}.color-presets[data-v-048601b6]{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;flex:1}.color-preset[data-v-048601b6]{aspect-ratio:1;border:1px solid #333;border-radius:3px;cursor:pointer;transition:all .15s ease}.color-preset[data-v-048601b6]:hover{transform:scale(1.1);z-index:1;border-color:#555}.color-preset.active[data-v-048601b6]{border-color:#fff;box-shadow:0 0 0 1px #fff}.bg-color-row[data-v-048601b6]{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #333}.bg-label[data-v-048601b6]{font-size:10px;color:#888;flex:1}.bg-color-picker[data-v-048601b6]{width:28px;height:28px;border-radius:4px;cursor:pointer;padding:0;border:2px solid #333;flex-shrink:0}.bg-color-picker[data-v-048601b6]::-webkit-color-swatch-wrapper{padding:2px}.bg-color-picker[data-v-048601b6]::-webkit-color-swatch{border-radius:2px;border:none}.brush-controls[data-v-048601b6]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.control-row[data-v-048601b6]{display:flex;align-items:center;gap:8px}.control-row label[data-v-048601b6]{font-size:10px;color:#666;width:45px;flex-shrink:0}.slider-with-value[data-v-048601b6]{display:flex;align-items:center;gap:6px;flex:1}.slider-with-value input[type=range][data-v-048601b6]{flex:1;height:4px;-webkit-appearance:none;background:#333;border-radius:2px;outline:none}.slider-with-value input[type=range][data-v-048601b6]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent, #e85d04);border-radius:50%;cursor:pointer;transition:transform .1s}.slider-with-value input[type=range][data-v-048601b6]::-webkit-slider-thumb:hover{transform:scale(1.2)}.value-display[data-v-048601b6]{font-size:10px;color:#888;min-width:28px;text-align:right;font-family:monospace}.brush-type-toggle[data-v-048601b6]{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#1a1a1a;border-radius:4px;cursor:pointer;font-size:11px;color:#888;transition:all .15s ease;border:1px solid #2a2a2a}.brush-type-toggle[data-v-048601b6]:hover{background:#252525;color:#aaa}.brush-type-toggle svg[data-v-048601b6]{transition:transform .2s ease;color:#555}.brush-type-toggle svg.rotated[data-v-048601b6]{transform:rotate(-90deg)}.brush-palette[data-v-048601b6]{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:6px;padding:4px;background:#1a1a1a;border-radius:4px;border:1px solid #2a2a2a}.brush-preview[data-v-048601b6]{aspect-ratio:1;background:#252525;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.brush-preview[data-v-048601b6]:hover{background:#333;border-color:#444}.brush-preview.active[data-v-048601b6]{background:var(--accent, #e85d04);border-color:var(--accent, #e85d04)}.brush-shape[data-v-048601b6]{width:14px;height:14px;background:currentColor;color:#666}.brush-preview:hover .brush-shape[data-v-048601b6],.brush-preview.active .brush-shape[data-v-048601b6]{color:#fff}.brush-shape.round[data-v-048601b6]{border-radius:50%}.brush-shape.square[data-v-048601b6]{border-radius:0}.brush-shape.slash-right[data-v-048601b6]{width:3px;height:16px;transform:rotate(-45deg);border-radius:1px}.brush-shape.slash-left[data-v-048601b6]{width:3px;height:16px;transform:rotate(45deg);border-radius:1px}.brush-shape.calligraphy[data-v-048601b6]{width:5px;height:16px;border-radius:2px;transform:rotate(-30deg)}.brush-shape.oil[data-v-048601b6]{border-radius:50%;box-shadow:0 0 3px currentColor;opacity:.9}.brush-shape.crayon[data-v-048601b6]{border-radius:2px;background:linear-gradient(135deg,currentColor 0%,transparent 20%,currentColor 25%,transparent 40%,currentColor 45%,transparent 60%,currentColor 65%,transparent 80%,currentColor 100%)}.brush-shape.marker[data-v-048601b6]{border-radius:3px;width:10px;height:16px;opacity:.7}.brush-shape.pencil-tip[data-v-048601b6]{width:7px;height:7px;transform:rotate(45deg);border-radius:1px}.action-buttons[data-v-048601b6]{display:grid;grid-template-columns:1fr 1fr;gap:4px}.action-btn[data-v-048601b6]{padding:6px 8px;background:#2a2a2a;border-radius:4px;font-size:11px;color:#888;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s ease;border:1px solid transparent}.action-btn[data-v-048601b6]:hover{background:#333;color:#bbb;border-color:#444}.action-btn.danger[data-v-048601b6]{grid-column:span 2;color:#c44}.action-btn.danger[data-v-048601b6]:hover{background:#e85d04;color:#fff;border-color:#e85d04}.action-btn svg[data-v-048601b6]{flex-shrink:0}.custom-export-dialog[data-v-d3d5b5f7]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.dialog-backdrop[data-v-d3d5b5f7]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-content[data-v-d3d5b5f7]{position:relative;background:var(--vscode-editor-background);border:1px solid var(--vscode-panel-border);border-radius:8px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}.dialog-header[data-v-d3d5b5f7]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--vscode-panel-border);background:var(--vscode-sideBar-background)}.header-title[data-v-d3d5b5f7]{display:flex;align-items:center;gap:10px}.header-icon[data-v-d3d5b5f7]{color:var(--vscode-button-background)}.dialog-header h2[data-v-d3d5b5f7]{margin:0;font-size:16px;font-weight:600}.close-btn[data-v-d3d5b5f7]{background:none;border:none;color:var(--vscode-foreground);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px}.close-btn[data-v-d3d5b5f7]:hover{background:var(--vscode-toolbar-hoverBackground)}.dialog-body[data-v-d3d5b5f7]{flex:1;overflow-y:auto;padding:20px}.section-tabs[data-v-d3d5b5f7]{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--vscode-panel-border)}.section-tabs button[data-v-d3d5b5f7]{background:none;border:none;color:var(--vscode-foreground);padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;border-bottom:2px solid transparent;transition:all .2s}.section-tabs button[data-v-d3d5b5f7]:hover{background:var(--vscode-toolbar-hoverBackground)}.section-tabs button.active[data-v-d3d5b5f7]{border-bottom-color:var(--vscode-button-background);color:var(--vscode-button-background)}.tab-content[data-v-d3d5b5f7]{min-height:300px}.tab-panel[data-v-d3d5b5f7]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-d3d5b5f7]{display:flex;flex-direction:column;gap:8px}.form-group>label[data-v-d3d5b5f7]:first-child{font-size:12px;font-weight:600;color:var(--vscode-foreground)}.format-grid[data-v-d3d5b5f7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.format-btn[data-v-d3d5b5f7]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:var(--vscode-button-secondaryBackground);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s;color:var(--vscode-foreground)}.format-btn[data-v-d3d5b5f7]:hover{background:var(--vscode-button-secondaryHoverBackground)}.format-btn.active[data-v-d3d5b5f7]{border-color:var(--vscode-button-background);background:var(--vscode-button-background);color:var(--vscode-button-foreground)}.format-btn span[data-v-d3d5b5f7]:first-of-type{font-weight:600;font-size:13px}.format-desc[data-v-d3d5b5f7]{font-size:10px;opacity:.7;text-align:center}.quality-buttons[data-v-d3d5b5f7]{display:flex;gap:8px}.quality-buttons button[data-v-d3d5b5f7]{flex:1;padding:8px;background:var(--vscode-button-secondaryBackground);border:2px solid transparent;border-radius:4px;cursor:pointer;color:var(--vscode-foreground);font-size:12px}.quality-buttons button[data-v-d3d5b5f7]:hover{background:var(--vscode-button-secondaryHoverBackground)}.quality-buttons button.active[data-v-d3d5b5f7]{border-color:var(--vscode-button-background);background:var(--vscode-button-background);color:var(--vscode-button-foreground)}.checkbox-label[data-v-d3d5b5f7]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.checkbox-label input[type=checkbox][data-v-d3d5b5f7]{cursor:pointer}.number-input[data-v-d3d5b5f7],.color-text-input[data-v-d3d5b5f7],.select-input[data-v-d3d5b5f7]{padding:6px 10px;background:var(--vscode-input-background);border:1px solid var(--vscode-input-border);border-radius:4px;color:var(--vscode-input-foreground);font-size:13px}.slider[data-v-d3d5b5f7]{width:100%;cursor:pointer}.slider-group[data-v-d3d5b5f7]{display:flex;flex-direction:column;gap:8px;margin-top:8px}.scale-display[data-v-d3d5b5f7]{text-align:center;font-size:14px;font-weight:600;color:var(--vscode-button-background)}.hint[data-v-d3d5b5f7]{font-size:11px;opacity:.7}.radio-group[data-v-d3d5b5f7]{display:flex;flex-direction:column;gap:8px}.radio-label[data-v-d3d5b5f7]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.range-inputs[data-v-d3d5b5f7],.size-inputs[data-v-d3d5b5f7]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frame-preview[data-v-d3d5b5f7],.size-preview[data-v-d3d5b5f7]{padding:12px;background:var(--vscode-editor-inactiveSelectionBackground);border-radius:4px;text-align:center;font-size:12px;font-weight:600}.color-picker-group[data-v-d3d5b5f7]{display:flex;gap:8px;align-items:center}.color-input[data-v-d3d5b5f7]{width:50px;height:36px;border:1px solid var(--vscode-input-border);border-radius:4px;cursor:pointer}.dialog-footer[data-v-d3d5b5f7]{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--vscode-panel-border);background:var(--vscode-sideBar-background);gap:16px}.footer-left[data-v-d3d5b5f7]{display:flex;flex-direction:column;gap:6px}.preset-section[data-v-d3d5b5f7]{display:flex;align-items:center;gap:8px;font-size:12px}.preset-section label[data-v-d3d5b5f7]{font-weight:500;opacity:.8}.preset-section .select-input[data-v-d3d5b5f7]{min-width:160px}.export-summary[data-v-d3d5b5f7]{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--vscode-descriptionForeground)}.export-summary .dot[data-v-d3d5b5f7]{opacity:.4}.export-summary .format-badge[data-v-d3d5b5f7]{background:var(--vscode-badge-background);color:var(--vscode-badge-foreground);padding:1px 6px;border-radius:3px;font-weight:600;font-size:10px}.button-group[data-v-d3d5b5f7]{display:flex;gap:8px}.secondary-btn[data-v-d3d5b5f7]{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s;background:var(--vscode-button-secondaryBackground);border:1px solid var(--vscode-button-border);color:var(--vscode-button-secondaryForeground)}.secondary-btn[data-v-d3d5b5f7]:hover{background:var(--vscode-button-secondaryHoverBackground)}.export-btn[data-v-d3d5b5f7]{padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s;background:#22c55e;border:none;color:#fff;box-shadow:0 2px 8px #22c55e4d}.export-btn[data-v-d3d5b5f7]:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.export-btn[data-v-d3d5b5f7]:active{transform:translateY(0)}.dialog-overlay[data-v-cf5ad56a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.dialog[data-v-cf5ad56a]{background:#1e1e1e;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid #333}.dialog-header[data-v-cf5ad56a]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #333;background:#252525;border-radius:12px 12px 0 0}.dialog-header h2[data-v-cf5ad56a]{margin:0;font-size:18px;color:#fff;display:flex;align-items:center;gap:10px}.dialog-header svg[data-v-cf5ad56a]{color:var(--accent, #e85d04)}.close-btn[data-v-cf5ad56a]{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn[data-v-cf5ad56a]:hover{background:#333;color:#fff}.dialog-content[data-v-cf5ad56a]{flex:1;overflow-y:auto;padding:20px}.info-section[data-v-cf5ad56a]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #333}.info-section[data-v-cf5ad56a]:last-child{border-bottom:none;margin-bottom:0}.info-section h3[data-v-cf5ad56a]{margin:0 0 12px;font-size:14px;color:#fff;font-weight:600}.section-desc[data-v-cf5ad56a]{margin:0 0 12px;font-size:12px;color:#888}.stats-grid[data-v-cf5ad56a]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item[data-v-cf5ad56a]{background:#252525;padding:12px;border-radius:8px;border:1px solid #333}.stat-label[data-v-cf5ad56a]{display:block;font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value[data-v-cf5ad56a]{font-size:14px;color:#fff;font-weight:600}.config-table[data-v-cf5ad56a]{background:#252525;border-radius:8px;overflow:hidden;border:1px solid #333}.config-row[data-v-cf5ad56a]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #333}.config-row[data-v-cf5ad56a]:last-child{border-bottom:none}.config-key[data-v-cf5ad56a]{font-size:12px;color:#aaa}.config-value[data-v-cf5ad56a]{font-size:13px;font-family:Consolas,Monaco,monospace;background:#1a1a1a;padding:4px 10px;border-radius:4px;color:var(--accent, #e85d04)}.config-value.copyable[data-v-cf5ad56a]{cursor:pointer;transition:all .15s}.config-value.copyable[data-v-cf5ad56a]:hover{background:var(--accent, #e85d04);color:#fff}.click-hint[data-v-cf5ad56a]{margin:10px 0 0;font-size:11px;color:#666;text-align:center}.engine-tabs[data-v-cf5ad56a]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.engine-tabs button[data-v-cf5ad56a]{padding:8px 14px;background:#252525;border:1px solid #333;border-radius:6px;color:#888;font-size:12px;cursor:pointer;transition:all .15s}.engine-tabs button[data-v-cf5ad56a]:hover{background:#333;color:#fff}.engine-tabs button.active[data-v-cf5ad56a]{background:var(--accent, #e85d04);border-color:var(--accent, #e85d04);color:#fff}.engine-content[data-v-cf5ad56a]{background:#252525;border-radius:8px;padding:16px;border:1px solid #333}.engine-content h4[data-v-cf5ad56a]{margin:0 0 12px;font-size:14px;color:#fff}.setup-steps[data-v-cf5ad56a]{margin:0;padding-left:20px;color:#ccc;font-size:12px;line-height:1.8}.setup-steps li[data-v-cf5ad56a]{margin-bottom:6px}.setup-steps ul[data-v-cf5ad56a]{margin:6px 0;padding-left:18px}.setup-steps code[data-v-cf5ad56a]{background:#1a1a1a;padding:2px 6px;border-radius:3px;color:var(--accent, #e85d04);font-size:11px}.setup-steps strong[data-v-cf5ad56a]{color:#fff}.code-block[data-v-cf5ad56a]{margin-top:12px;background:#1a1a1a;border-radius:6px;overflow:hidden;border:1px solid #333}.code-header[data-v-cf5ad56a]{padding:8px 12px;background:#252525;font-size:11px;color:#888;border-bottom:1px solid #333}.code-block pre[data-v-cf5ad56a]{margin:0;padding:12px;overflow-x:auto}.code-block code[data-v-cf5ad56a]{font-size:11px;line-height:1.6;color:#d4d4d4;font-family:Consolas,Monaco,monospace}.note-box[data-v-cf5ad56a]{margin-top:12px;padding:10px 14px;background:#e85d041a;border:1px solid rgba(232,93,4,.3);border-radius:6px;font-size:12px;color:#ccc}.note-box strong[data-v-cf5ad56a]{color:var(--accent, #e85d04)}.frame-data-container[data-v-cf5ad56a]{max-height:200px;overflow-y:auto;background:#252525;border-radius:8px;border:1px solid #333}.frame-table[data-v-cf5ad56a]{width:100%;border-collapse:collapse;font-size:11px}.frame-table th[data-v-cf5ad56a]{position:sticky;top:0;background:#333;padding:8px 10px;text-align:left;color:#888;font-weight:500;text-transform:uppercase;font-size:10px}.frame-table td[data-v-cf5ad56a]{padding:6px 10px;border-top:1px solid #333;color:#ccc;font-family:monospace}.frame-table tr:hover td[data-v-cf5ad56a]{background:#2a2a2a}.export-buttons[data-v-cf5ad56a]{display:flex;gap:10px}.export-btn[data-v-cf5ad56a]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#252525;border:1px solid #333;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:all .15s}.export-btn[data-v-cf5ad56a]:hover{background:#333;border-color:var(--accent, #e85d04)}.dialog-footer[data-v-cf5ad56a]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #333;background:#252525;border-radius:0 0 12px 12px}.success-message[data-v-cf5ad56a]{color:#4ade80;font-size:12px}.close-button[data-v-cf5ad56a]{padding:10px 24px;background:var(--accent, #e85d04);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.close-button[data-v-cf5ad56a]:hover{filter:brightness(1.1)}@media(max-width:600px){.stats-grid[data-v-cf5ad56a]{grid-template-columns:repeat(2,1fr)}.engine-tabs[data-v-cf5ad56a]{gap:4px}.engine-tabs button[data-v-cf5ad56a]{padding:6px 10px;font-size:11px}}.export-panel[data-v-87641e28]{padding:12px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;height:100%}.panel-section h3[data-v-87641e28]{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#555;font-weight:500}.size-hint[data-v-87641e28]{font-size:10px;color:#666;margin:0 0 8px}.size-options[data-v-87641e28]{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.size-options button[data-v-87641e28]{padding:6px 8px;background:#252525;border-radius:3px;font-size:11px;color:#888}.size-options button[data-v-87641e28]:hover{background:#333;color:#fff}.size-options button.active[data-v-87641e28]{background:var(--accent);color:#fff}.custom-size[data-v-87641e28]{margin-top:8px}.custom-size label[data-v-87641e28]{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}.custom-size input[data-v-87641e28]{width:40px;padding:4px;border-radius:3px;text-align:center;font-size:11px}.custom-size button[data-v-87641e28]{padding:4px 8px;background:var(--accent);color:#fff;border-radius:3px;font-size:10px;margin-left:4px}.export-info[data-v-87641e28]{font-size:11px;color:#666;margin-bottom:8px}.export-info p[data-v-87641e28]{margin:3px 0}.export-info strong[data-v-87641e28]{color:#aaa}.export-settings label[data-v-87641e28]{display:flex;align-items:center;gap:6px;font-size:11px;color:#666}.export-settings input[data-v-87641e28]{width:40px;padding:4px;border-radius:3px;text-align:center}.export-buttons[data-v-87641e28]{display:flex;flex-direction:column;gap:4px;margin-top:8px}.export-buttons button[data-v-87641e28]{padding:8px 10px;background:#252525;border-radius:4px;font-size:11px;text-align:left;color:#888;display:flex;align-items:center;gap:6px}.export-buttons button[data-v-87641e28]:hover:not(:disabled){background:#333;color:#fff}.export-buttons button[data-v-87641e28]:disabled{opacity:.35;cursor:not-allowed}.export-buttons button.primary[data-v-87641e28]{background:var(--accent);color:#fff}.export-buttons button.primary[data-v-87641e28]:hover:not(:disabled){background:#f06b1a}.export-buttons button.custom-export-btn[data-v-87641e28]{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600}.export-buttons button.custom-export-btn[data-v-87641e28]:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#63408a);transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.preview-container[data-v-87641e28]{background:linear-gradient(45deg,#222 25%,transparent 25%),linear-gradient(-45deg,#222 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222 75%),linear-gradient(-45deg,transparent 75%,#222 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#1a1a1a;border:1px solid #333;border-radius:4px;padding:6px;max-height:150px;overflow:auto}.preview-container img[data-v-87641e28]{max-width:100%;image-rendering:pixelated}.animation-preview[data-v-87641e28]{display:flex;flex-direction:column;gap:6px}.preview-canvas-container[data-v-87641e28]{background:linear-gradient(45deg,#222 25%,transparent 25%),linear-gradient(-45deg,#222 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222 75%),linear-gradient(-45deg,transparent 75%,#222 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#1a1a1a;border:1px solid #333;border-radius:4px;padding:6px;display:flex;align-items:center;justify-content:center;min-height:80px;aspect-ratio:1}.preview-canvas-container.bg-white[data-v-87641e28]{background:#fff}.preview-canvas-container.bg-black[data-v-87641e28]{background:#000}.preview-canvas-container.bg-gray[data-v-87641e28]{background:gray}.preview-canvas-container.bg-custom[data-v-87641e28]{background:none}.crop-mode-options[data-v-87641e28]{display:flex;gap:3px;margin-bottom:6px}.crop-mode-options button[data-v-87641e28]{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;background:#252525;border-radius:3px;font-size:10px;color:#888;transition:all .15s}.crop-mode-options button[data-v-87641e28]:hover{background:#333;color:#ccc}.crop-mode-options button.active[data-v-87641e28]{background:var(--accent);color:#fff}.bg-options[data-v-87641e28]{display:flex;gap:3px;align-items:center}.bg-options button[data-v-87641e28]{width:24px;height:24px;background:#252525;border-radius:3px;font-size:11px;display:flex;align-items:center;justify-content:center;color:#888}.bg-options button[data-v-87641e28]:hover{background:#333;color:#fff}.bg-options button.active[data-v-87641e28]{background:var(--accent);color:#fff}.bg-color-picker[data-v-87641e28]{width:24px;height:24px;padding:0;border:1px solid #333;border-radius:3px;cursor:pointer;background:none}.bg-color-picker[data-v-87641e28]::-webkit-color-swatch-wrapper{padding:2px}.bg-color-picker[data-v-87641e28]::-webkit-color-swatch{border-radius:2px;border:none}.preview-frame[data-v-87641e28]{max-width:100%;max-height:100%;image-rendering:pixelated}.no-preview[data-v-87641e28]{color:#444;font-size:11px}.preview-controls[data-v-87641e28]{display:flex;align-items:center;gap:6px}.play-button[data-v-87641e28]{width:26px;height:26px;background:#252525;border-radius:3px;font-size:12px;display:flex;align-items:center;justify-content:center;color:#888}.play-button[data-v-87641e28]:hover{background:#333;color:#fff}.fps-label[data-v-87641e28]{display:flex;align-items:center;gap:4px;font-size:10px;color:#555}.fps-input[data-v-87641e28]{width:32px;padding:3px;border-radius:3px;font-size:10px;text-align:center}.frame-counter[data-v-87641e28]{font-size:10px;color:#555;margin-left:auto;font-variant-numeric:tabular-nums}.canvas-resize-controls[data-v-87641e28]{display:flex;flex-direction:column;gap:10px}.resize-inputs[data-v-87641e28]{display:flex;gap:12px}.resize-input-group[data-v-87641e28]{flex:1}.resize-input-group label[data-v-87641e28]{display:block;font-size:10px;color:#666;margin-bottom:4px}.input-with-btns[data-v-87641e28]{display:flex;align-items:center;gap:2px}.input-with-btns input[data-v-87641e28]{flex:1;width:50px;padding:4px 6px;border-radius:3px;font-size:11px;text-align:center}.step-btn[data-v-87641e28]{width:22px;height:24px;padding:0;background:#252525;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#888}.step-btn[data-v-87641e28]:hover{background:#333;color:#fff}.resize-options[data-v-87641e28]{display:flex;align-items:center;gap:8px}.checkbox-label[data-v-87641e28]{display:flex;align-items:center;gap:5px;font-size:11px;color:#888;cursor:pointer}.checkbox-label[data-v-87641e28]:hover{color:#fff}.checkbox-label.disabled[data-v-87641e28]{opacity:.5;cursor:not-allowed}.checkbox-label input[type=checkbox][data-v-87641e28]{width:14px;height:14px;margin:0;cursor:pointer}.checkbox-label.disabled input[type=checkbox][data-v-87641e28]{cursor:not-allowed}.aspect-ratio-display[data-v-87641e28]{font-size:10px;color:#555;background:#1a1a1a;padding:2px 6px;border-radius:3px}.resize-actions[data-v-87641e28]{display:flex;gap:8px}.resize-btn[data-v-87641e28],.reset-btn[data-v-87641e28]{flex:1;padding:6px 10px;border-radius:4px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:5px}.resize-btn[data-v-87641e28]{background:#2a6;color:#fff}.resize-btn[data-v-87641e28]:hover:not(:disabled){background:#3b7}.resize-btn[data-v-87641e28]:disabled{background:#333;color:#555;cursor:not-allowed}.reset-btn[data-v-87641e28]{background:#333;color:#888}.reset-btn[data-v-87641e28]:hover:not(:disabled){background:#444;color:#fff}.reset-btn[data-v-87641e28]:disabled{background:#252525;color:#444;cursor:not-allowed}.settings-panel[data-v-25a27109]{padding:12px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;height:100%;min-height:0;max-height:100%}.panel-section h3[data-v-25a27109]{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#555;font-weight:500}.setting-toggle[data-v-25a27109]{display:flex;align-items:center;gap:8px;font-size:12px;color:#aaa;cursor:pointer;margin-bottom:8px}.scale-selector[data-v-25a27109]{margin:12px 0 8px}.scale-label[data-v-25a27109]{display:block;font-size:11px;color:#888;margin-bottom:6px}.scale-buttons[data-v-25a27109]{display:flex;gap:4px;flex-wrap:wrap}.scale-buttons button[data-v-25a27109]{padding:5px 10px;background:#252525;border-radius:4px;font-size:11px;color:#888;min-width:42px;transition:all .15s}.scale-buttons button[data-v-25a27109]:hover{background:#333;color:#fff}.scale-buttons button.active[data-v-25a27109]{background:var(--accent, #e85d04);color:#fff}.setting-toggle input[data-v-25a27109]{accent-color:var(--accent, #e85d04)}.setting-hint[data-v-25a27109]{font-size:10px;color:#666;margin:0 0 10px;padding:6px 8px;background:#252525;border-radius:4px;border-left:2px solid var(--accent, #e85d04)}.mappings-list[data-v-25a27109]{display:flex;flex-direction:column;gap:2px}.mapping-row[data-v-25a27109]{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#252525;border-radius:4px;font-size:11px}.mapping-row.disabled[data-v-25a27109]{opacity:.6}.mappings-list.active .mapping-row[data-v-25a27109]{cursor:pointer;opacity:1}.mappings-list.active .mapping-row[data-v-25a27109]:hover{background:#333}.mapping-row.remapping[data-v-25a27109]{background:var(--accent, #e85d04)}.mapping-label[data-v-25a27109]{flex:1;color:#aaa}.mapping-row.remapping .mapping-label[data-v-25a27109]{color:#fff}.mapping-key[data-v-25a27109]{font-size:10px;padding:2px 6px;background:#1a1a1a;border-radius:3px;color:#666;min-width:60px;text-align:center}.mapping-row.remapping .mapping-key[data-v-25a27109]{background:#0000004d;color:#fff;animation:pulse-25a27109 1s infinite}@keyframes pulse-25a27109{0%,to{opacity:1}50%{opacity:.6}}.clear-btn[data-v-25a27109]{width:18px;height:18px;background:#333;border-radius:3px;font-size:14px;line-height:1;color:#666;display:flex;align-items:center;justify-content:center}.clear-btn[data-v-25a27109]:hover{background:#e85d04;color:#fff}.reset-btn[data-v-25a27109]{margin-top:10px;padding:6px 10px;background:#252525;border-radius:4px;font-size:11px;color:#888}.reset-btn[data-v-25a27109]:hover{background:#333;color:#fff}.slider-group[data-v-25a27109]{margin-top:8px}.slider-group.disabled[data-v-25a27109]{opacity:.5;pointer-events:none}.slider-label[data-v-25a27109]{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:4px}.slider-value[data-v-25a27109]{color:var(--accent, #e85d04);font-weight:500}.slider-group input[type=range][data-v-25a27109]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none}.slider-group input[type=range][data-v-25a27109]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent, #e85d04);border-radius:50%;cursor:pointer}.slider-group input[type=range][data-v-25a27109]::-moz-range-thumb{width:14px;height:14px;background:var(--accent, #e85d04);border-radius:50%;cursor:pointer;border:none}.slider-hints[data-v-25a27109]{display:flex;justify-content:space-between;font-size:9px;color:#555;margin-top:2px}.danger-section[data-v-25a27109]{border-top:1px solid #333;padding-top:16px;margin-top:8px}.danger-btn[data-v-25a27109]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:#3a1f1f;border:1px solid #5a2f2f;border-radius:4px;color:#ff6b6b;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.danger-btn[data-v-25a27109]:hover{background:#4a2525;border-color:#6a3535;color:#f88}.danger-btn[data-v-25a27109]:active{background:#5a3030}.timeline[data-v-f03f3ee2]{padding:8px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.timeline-controls[data-v-f03f3ee2]{display:flex;align-items:center;gap:4px}.timeline-controls button[data-v-f03f3ee2]{width:28px;height:28px;background:#252525;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#888}.timeline-controls button[data-v-f03f3ee2]:disabled{opacity:.3;cursor:not-allowed}.timeline-controls button[data-v-f03f3ee2]:hover:not(:disabled){background:#333;color:#fff}.frame-info[data-v-f03f3ee2]{min-width:100px;text-align:center;color:#888;font-variant-numeric:tabular-nums}.keyframe-nav[data-v-f03f3ee2]{display:flex;align-items:center;gap:4px;padding:0 8px;border-left:1px solid #333;border-right:1px solid #333}.keyframe-nav button[data-v-f03f3ee2]{width:24px;height:24px;background:#252525;border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.keyframe-nav button[data-v-f03f3ee2]:disabled{opacity:.3;cursor:not-allowed;color:#666}.keyframe-nav button[data-v-f03f3ee2]:hover:not(:disabled){background:var(--accent);color:#fff}.keyframe-count[data-v-f03f3ee2]{color:var(--accent);font-size:11px;min-width:70px;text-align:center}.timeline-slider[data-v-f03f3ee2]{flex:1;min-width:150px}.slider-track[data-v-f03f3ee2]{position:relative;padding:8px 0}.slider-track input[type=range][data-v-f03f3ee2]{width:100%;height:4px;position:relative;z-index:2}.keyframe-markers[data-v-f03f3ee2]{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:16px;pointer-events:none;z-index:1}.keyframe-marker[data-v-f03f3ee2]{position:absolute;width:4px;height:16px;background:var(--accent);border-radius:2px;transform:translate(-50%);cursor:pointer;pointer-events:auto;opacity:.7;transition:opacity .15s,height .15s}.keyframe-marker[data-v-f03f3ee2]:hover{opacity:1;height:20px}.keyframe-marker.active[data-v-f03f3ee2]{opacity:1;background:#fff}.fps-control label[data-v-f03f3ee2]{display:flex;align-items:center;gap:6px;color:#666}.fps-control input[data-v-f03f3ee2]{width:42px;padding:4px 6px;border-radius:3px;text-align:center}.onion-skin-controls[data-v-f03f3ee2]{display:flex;align-items:center;gap:8px;padding:0 8px;border-left:1px solid #333}.onion-toggle[data-v-f03f3ee2]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#252525;border-radius:3px;color:#888;font-size:11px;transition:all .15s}.onion-toggle[data-v-f03f3ee2]:hover{background:#333;color:#ccc}.onion-toggle.active[data-v-f03f3ee2]{background:#e85d0433;color:var(--accent)}.onion-counts[data-v-f03f3ee2]{display:flex;align-items:center;gap:4px}.onion-count[data-v-f03f3ee2]{display:flex;align-items:center;gap:2px}.onion-count button[data-v-f03f3ee2]{width:18px;height:18px;background:#252525;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#888;font-size:10px}.onion-count button[data-v-f03f3ee2]:disabled{opacity:.3;cursor:not-allowed}.onion-count button[data-v-f03f3ee2]:hover:not(:disabled){background:#333;color:#fff}.count-value[data-v-f03f3ee2]{min-width:14px;text-align:center;font-size:11px;font-weight:600}.onion-separator[data-v-f03f3ee2]{color:#444;font-size:10px}.frame-management[data-v-f03f3ee2]{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid #333}.frame-btn[data-v-f03f3ee2]{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:all .15s}.frame-btn span[data-v-f03f3ee2]{display:none}@media(min-width:800px){.frame-btn span[data-v-f03f3ee2]{display:inline}}.add-btn[data-v-f03f3ee2]{background:#1a3a1a;color:#7c7;border:1px solid #2a5a2a}.add-btn[data-v-f03f3ee2]:hover{background:#2a4a2a;border-color:#4a8a4a}.insert-btn[data-v-f03f3ee2]{background:#1a2a3a;color:#7ac;border:1px solid #2a4a5a}.insert-btn[data-v-f03f3ee2]:hover{background:#2a3a4a;border-color:#4a6a8a}.remove-btn[data-v-f03f3ee2]{background:#3a1a1a;color:#c77;border:1px solid #5a2a2a}.remove-btn[data-v-f03f3ee2]:hover:not(:disabled){background:#4a2a2a;border-color:#8a4a4a}.remove-btn[data-v-f03f3ee2]:disabled{opacity:.4;cursor:not-allowed}.drawing-management[data-v-f03f3ee2]{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid #333}.copy-btn[data-v-f03f3ee2]{background:#2a2a3a;color:#99a;border:1px solid #3a3a5a}.copy-btn[data-v-f03f3ee2]:hover:not(:disabled){background:#3a3a4a;border-color:#5a5a7a}.copy-btn[data-v-f03f3ee2]:disabled{opacity:.4;cursor:not-allowed}.paste-btn[data-v-f03f3ee2]{background:#2a3a2a;color:#9a9;border:1px solid #3a5a3a}.paste-btn[data-v-f03f3ee2]:hover:not(:disabled){background:#3a4a3a;border-color:#5a7a5a}.paste-btn[data-v-f03f3ee2]:disabled{opacity:.4;cursor:not-allowed}.mini-dialog[data-v-f03f3ee2]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.mini-dialog-backdrop[data-v-f03f3ee2]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.mini-dialog-content[data-v-f03f3ee2]{position:relative;background:var(--vscode-editor-background, #1e1e1e);border:1px solid var(--vscode-panel-border, #333);border-radius:8px;padding:16px;min-width:280px;box-shadow:0 8px 32px #0006}.mini-dialog-content h4[data-v-f03f3ee2]{margin:0 0 12px;font-size:14px;font-weight:600}.dialog-row[data-v-f03f3ee2]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dialog-row label[data-v-f03f3ee2]{font-size:12px;color:#888}.dialog-row input[data-v-f03f3ee2]{width:80px;padding:4px 8px;background:var(--vscode-input-background, #252525);border:1px solid var(--vscode-input-border, #444);border-radius:4px;color:var(--vscode-input-foreground, #fff);font-size:12px}.dialog-hint[data-v-f03f3ee2]{font-size:11px;color:#888;margin:0 0 12px}.dialog-hint.warning[data-v-f03f3ee2]{color:#c77}.dialog-buttons[data-v-f03f3ee2]{display:flex;justify-content:flex-end;gap:8px}.cancel-btn[data-v-f03f3ee2],.confirm-btn[data-v-f03f3ee2]{padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s}.cancel-btn[data-v-f03f3ee2]{background:var(--vscode-button-secondaryBackground, #333);border:1px solid var(--vscode-button-border, #444);color:var(--vscode-button-secondaryForeground, #ccc)}.cancel-btn[data-v-f03f3ee2]:hover{background:var(--vscode-button-secondaryHoverBackground, #444)}.confirm-btn[data-v-f03f3ee2]{background:var(--vscode-button-background, var(--accent));border:none;color:var(--vscode-button-foreground, #fff)}.confirm-btn[data-v-f03f3ee2]:hover{background:var(--vscode-button-hoverBackground, #f06b1a)}.confirm-btn.danger[data-v-f03f3ee2]{background:#8a2a2a}.confirm-btn.danger[data-v-f03f3ee2]:hover{background:#a03030}.checkpoint-panel[data-v-dffe2a00]{position:fixed;top:calc(42px * var(--ui-scale, 1));left:50%;transform:translate(-50%);width:min(400px,90vw);max-height:60vh;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 8px 32px #00000080;z-index:999;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-dffe2a00]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#222;border-bottom:1px solid #333}.panel-header h3[data-v-dffe2a00]{margin:0;font-size:14px;font-weight:600;color:#fff}.header-actions[data-v-dffe2a00]{display:flex;align-items:center;gap:8px}.clear-all-btn[data-v-dffe2a00]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid #444;border-radius:4px;color:#888;font-size:11px;cursor:pointer;transition:all .15s ease}.clear-all-btn[data-v-dffe2a00]:hover:not(:disabled){background:#3a2a2a;border-color:#633;color:#f88}.clear-all-btn[data-v-dffe2a00]:disabled{opacity:.4;cursor:not-allowed}.close-btn[data-v-dffe2a00]{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:#888;cursor:pointer;border-radius:4px;transition:all .15s ease}.close-btn[data-v-dffe2a00]:hover{background:#333;color:#fff}.panel-content[data-v-dffe2a00]{flex:1;overflow-y:auto;padding:8px}.empty-state[data-v-dffe2a00]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:#666;text-align:center}.empty-state p[data-v-dffe2a00]{margin:12px 0 4px;font-size:13px;color:#888}.empty-state span[data-v-dffe2a00]{font-size:11px;color:#555}.empty-state kbd[data-v-dffe2a00]{display:inline-block;padding:2px 5px;background:#333;border:1px solid #444;border-radius:3px;font-family:monospace;font-size:10px;color:#aaa}.checkpoint-list[data-v-dffe2a00]{display:flex;flex-direction:column;gap:4px}.checkpoint-item[data-v-dffe2a00]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#252525;border-radius:6px;transition:background .15s ease}.checkpoint-item[data-v-dffe2a00]:hover{background:#2a2a2a}.checkpoint-info[data-v-dffe2a00]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.checkpoint-name[data-v-dffe2a00]{font-size:12px;font-weight:500;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkpoint-meta[data-v-dffe2a00]{font-size:10px;color:#777}.checkpoint-actions[data-v-dffe2a00]{display:flex;align-items:center;gap:4px;margin-left:12px}.restore-btn[data-v-dffe2a00],.delete-btn[data-v-dffe2a00]{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:1px solid transparent;border-radius:4px;color:#888;cursor:pointer;transition:all .15s ease}.restore-btn[data-v-dffe2a00]:hover{background:#2a3a2a;border-color:#3a5a3a;color:#8f8}.delete-btn[data-v-dffe2a00]:hover{background:#3a2a2a;border-color:#5a3a3a;color:#f88}.dialog-overlay[data-v-f4f7acf8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.dialog[data-v-f4f7acf8]{background:#252525;border-radius:8px;width:420px;max-width:95vw;border:1px solid #444;box-shadow:0 8px 32px #00000080}.dialog-header[data-v-f4f7acf8]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #333;background:#2a2a2a;border-radius:8px 8px 0 0}.dialog-header h2[data-v-f4f7acf8]{margin:0;font-size:15px;font-weight:600;color:#eee}.dialog-content[data-v-f4f7acf8]{padding:18px}.expected-info[data-v-f4f7acf8],.selected-file[data-v-f4f7acf8]{margin-bottom:16px;padding:12px;background:#1e1e1e;border-radius:6px;border:1px solid #333}.expected-info h3[data-v-f4f7acf8],.selected-file h3[data-v-f4f7acf8]{margin:0 0 10px;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.info-grid[data-v-f4f7acf8]{display:flex;flex-direction:column;gap:6px}.info-row[data-v-f4f7acf8]{display:flex;gap:8px;font-size:13px}.info-row .label[data-v-f4f7acf8]{color:#888;min-width:80px}.info-row .value[data-v-f4f7acf8]{color:#ddd}.info-row .value.filename[data-v-f4f7acf8]{color:#6bf;font-family:Consolas,Monaco,monospace;word-break:break-all}.info-row .locked[data-v-f4f7acf8]{color:#f90;font-size:11px}.validation-result[data-v-f4f7acf8]{margin-top:12px;padding-top:12px;border-top:1px solid #333}.match-status[data-v-f4f7acf8]{padding:8px 12px;border-radius:4px;font-size:13px;font-weight:500}.match-status.success[data-v-f4f7acf8]{background:#28a74526;color:#5f5;border:1px solid rgba(40,167,69,.3)}.match-status.warning[data-v-f4f7acf8]{background:#ffc10726;color:#fc0;border:1px solid rgba(255,193,7,.3)}.differences[data-v-f4f7acf8]{margin-top:10px;display:flex;flex-direction:column;gap:6px}.diff-item[data-v-f4f7acf8]{padding:8px 10px;border-radius:4px;font-size:12px;display:flex;flex-direction:column;gap:2px}.diff-item.warning[data-v-f4f7acf8]{background:#ffc1071a;border-left:3px solid #fc0}.diff-item.error[data-v-f4f7acf8]{background:#dc35451a;border-left:3px solid #f44}.diff-field[data-v-f4f7acf8]{font-weight:600;color:#ccc}.diff-expected[data-v-f4f7acf8]{color:#888}.diff-actual[data-v-f4f7acf8]{color:#f88}.actions-row[data-v-f4f7acf8]{display:flex;gap:10px;margin-bottom:14px}.btn-browse[data-v-f4f7acf8]{flex:1;padding:10px 16px;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:5px;color:#ddd;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-browse[data-v-f4f7acf8]:hover{background:#444;border-color:#555}.btn-confirm[data-v-f4f7acf8]{flex:1;padding:10px 16px;background:#2563eb;border:1px solid #3b82f6;border-radius:5px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-confirm[data-v-f4f7acf8]:hover{background:#3b82f6}.btn-confirm.has-warnings[data-v-f4f7acf8]{background:#b45309;border-color:#d97706}.btn-confirm.has-warnings[data-v-f4f7acf8]:hover{background:#d97706}.corrupt-section[data-v-f4f7acf8]{margin:16px 0;padding-top:16px;border-top:1px solid #333;text-align:center}.btn-corrupt[data-v-f4f7acf8]{width:100%;padding:10px 16px;background:transparent;border:1px dashed #555;border-radius:5px;color:#888;font-size:12px;cursor:pointer;transition:all .15s}.btn-corrupt[data-v-f4f7acf8]:hover{background:#dc35451a;border-color:#666;color:#aaa}.corrupt-hint[data-v-f4f7acf8]{margin:6px 0 0;font-size:10px;color:#555}.hint[data-v-f4f7acf8]{margin:0;font-size:11px;color:#666;text-align:center}.hint code[data-v-f4f7acf8]{background:#333;padding:2px 5px;border-radius:3px;color:#6bf}.mobile-header[data-v-e4f47694]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 8px;background:#1a1a1a;border-bottom:1px solid #333;user-select:none;-webkit-user-select:none}.menu-btn[data-v-e4f47694],.action-btn[data-v-e4f47694]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ccc;font-size:20px;cursor:pointer;border-radius:8px;transition:background .15s ease}.menu-btn[data-v-e4f47694]:active,.action-btn[data-v-e4f47694]:active{background:#333}.title[data-v-e4f47694]{font-size:16px;font-weight:600;color:#eee}.menu-overlay[data-v-e4f47694]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;user-select:none;-webkit-user-select:none}.menu-panel[data-v-e4f47694]{position:absolute;top:0;left:0;width:280px;max-width:80vw;height:100%;background:#1e1e1e;box-shadow:4px 0 20px #00000080;display:flex;flex-direction:column}.menu-header[data-v-e4f47694]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #333;font-size:16px;font-weight:600;color:#eee}.close-btn[data-v-e4f47694]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#666;font-size:24px;cursor:pointer}.close-btn[data-v-e4f47694]:active{color:#999}.menu-items[data-v-e4f47694]{flex:1;overflow-y:auto;padding:8px 0}.menu-item[data-v-e4f47694]{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:#ccc;font-size:15px;text-align:left;cursor:pointer;transition:background .15s ease}.menu-item[data-v-e4f47694]:active{background:#2a2a2a}.menu-icon[data-v-e4f47694]{width:24px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-icon svg[data-v-e4f47694]{display:block}.menu-divider[data-v-e4f47694]{height:1px;background:#333;margin:8px 16px}.switch-desktop[data-v-e4f47694]{color:#888}.bg-color-item[data-v-e4f47694]{cursor:default}.bg-color-input[data-v-e4f47694]{width:36px;height:28px;border:none;border-radius:6px;cursor:pointer;background:transparent;margin-left:auto;padding:0}.bg-color-input[data-v-e4f47694]::-webkit-color-swatch-wrapper{padding:2px}.bg-color-input[data-v-e4f47694]::-webkit-color-swatch{border:2px solid #444;border-radius:4px}.color-picker-overlay[data-v-3ddb7125]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10002;user-select:none;-webkit-user-select:none}.color-picker-panel[data-v-3ddb7125]{background:#1e1e1e;border-radius:16px;width:320px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.panel-header[data-v-3ddb7125]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #333;font-size:16px;font-weight:600;color:#eee}.close-btn[data-v-3ddb7125]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#666;font-size:24px;cursor:pointer}.panel-content[data-v-3ddb7125]{flex:1;padding:16px;overflow-y:auto}.current-color[data-v-3ddb7125]{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:#252525;border-radius:10px}.color-box[data-v-3ddb7125]{width:48px;height:48px;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.color-hex[data-v-3ddb7125]{font-family:Consolas,Monaco,monospace;font-size:16px;color:#aaa}.swatches-grid[data-v-3ddb7125]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}.swatch[data-v-3ddb7125]{aspect-ratio:1;min-height:40px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.swatch[data-v-3ddb7125]:active{transform:scale(.9)}.swatch.active[data-v-3ddb7125]{border-color:#fff;box-shadow:0 0 0 2px #4a9eff}.brightness-section[data-v-3ddb7125],.custom-section[data-v-3ddb7125]{margin-bottom:16px}.brightness-section label[data-v-3ddb7125],.custom-section label[data-v-3ddb7125]{display:block;font-size:13px;color:#888;margin-bottom:8px}.brightness-slider[data-v-3ddb7125]{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#000,#fff);border-radius:4px;outline:none}.brightness-slider[data-v-3ddb7125]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.custom-input[data-v-3ddb7125]{width:100%;height:44px;border:none;border-radius:8px;cursor:pointer;background:transparent}.custom-input[data-v-3ddb7125]::-webkit-color-swatch-wrapper{padding:0}.custom-input[data-v-3ddb7125]::-webkit-color-swatch{border:2px solid #333;border-radius:8px}.panel-footer[data-v-3ddb7125]{display:flex;gap:12px;padding:16px;border-top:1px solid #333}.btn-cancel[data-v-3ddb7125],.btn-select[data-v-3ddb7125]{flex:1;padding:14px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-cancel[data-v-3ddb7125]{background:#333;border:none;color:#aaa}.btn-cancel[data-v-3ddb7125]:active{background:#3a3a3a}.btn-select[data-v-3ddb7125]{background:#4a9eff;border:none;color:#fff}.btn-select[data-v-3ddb7125]:active{background:#3a8eef}.mobile-toolbar[data-v-04ccefb3]{display:flex;align-items:center;justify-content:space-around;height:56px;padding:0 8px;background:#1a1a1a;border-top:1px solid #333;user-select:none;-webkit-user-select:none}.tool-group[data-v-04ccefb3],.action-group[data-v-04ccefb3]{display:flex;gap:4px}.tool-btn[data-v-04ccefb3]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:2px solid transparent;border-radius:10px;color:#ccc;font-size:20px;cursor:pointer;transition:all .15s ease}.tool-btn.active[data-v-04ccefb3]{background:#3a3a3a;border-color:#4a9eff}.tool-btn[data-v-04ccefb3]:active{transform:scale(.95)}.color-btn[data-v-04ccefb3]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:10px;cursor:pointer;padding:6px}.color-btn[data-v-04ccefb3]:active{transform:scale(.95)}.color-preview[data-v-04ccefb3]{width:100%;height:100%;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.size-control[data-v-04ccefb3]{display:flex;align-items:center;gap:4px;background:#2a2a2a;border-radius:10px;padding:4px}.size-btn[data-v-04ccefb3]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#3a3a3a;border:none;border-radius:6px;color:#ccc;font-size:18px;font-weight:700;cursor:pointer}.size-btn[data-v-04ccefb3]:active{background:#4a4a4a}.size-value[data-v-04ccefb3]{min-width:28px;text-align:center;font-size:13px;font-weight:600;color:#aaa}.action-btn[data-v-04ccefb3]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:none;border-radius:10px;font-size:18px;cursor:pointer}.action-btn[data-v-04ccefb3]:active{background:#3a3a3a;transform:scale(.95)}.tool-icon[data-v-04ccefb3]{font-size:20px}.mobile-timeline[data-v-b4dd92e7]{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 12px;background:#151515;border-top:1px solid #2a2a2a;user-select:none;-webkit-user-select:none}.nav-btn[data-v-b4dd92e7],.play-btn[data-v-b4dd92e7],.add-btn[data-v-b4dd92e7]{display:flex;align-items:center;justify-content:center;background:#2a2a2a;border:none;border-radius:8px;color:#ccc;cursor:pointer;transition:all .15s ease}.nav-btn[data-v-b4dd92e7]{width:44px;height:40px;font-size:14px}.nav-btn[data-v-b4dd92e7]:disabled{opacity:.3;cursor:default}.nav-btn[data-v-b4dd92e7]:not(:disabled):active{background:#3a3a3a;transform:scale(.95)}.play-btn[data-v-b4dd92e7]{width:52px;height:40px;font-size:18px;background:#4a9eff;color:#fff}.play-btn[data-v-b4dd92e7]:active{background:#3a8eef;transform:scale(.95)}.frame-counter[data-v-b4dd92e7]{display:flex;align-items:baseline;gap:2px;min-width:70px;justify-content:center;font-family:Consolas,Monaco,monospace}.current[data-v-b4dd92e7]{font-size:18px;font-weight:700;color:#eee}.separator[data-v-b4dd92e7]{font-size:14px;color:#555;margin:0 2px}.total[data-v-b4dd92e7]{font-size:14px;color:#666}.add-btn[data-v-b4dd92e7]{width:40px;height:40px;font-size:20px;font-weight:600;color:#7c7}.add-btn[data-v-b4dd92e7]:active{background:#3a3a3a;transform:scale(.95)}.mobile-app[data-v-7dd3341e]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#0a0a0a;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overflow:hidden}.canvas-wrapper[data-v-7dd3341e]{flex:1;position:relative;overflow:hidden;background:#111}.video-overlay[data-v-7dd3341e]{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3;pointer-events:none;z-index:1}.drawing-canvas[data-v-7dd3341e]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.export-modal-overlay[data-v-7dd3341e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;z-index:10000;user-select:none;-webkit-user-select:none}.export-modal[data-v-7dd3341e]{width:100%;max-height:80vh;background:#1e1e1e;border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden}.export-modal-header[data-v-7dd3341e]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #333;font-size:16px;font-weight:600;color:#eee}.close-btn[data-v-7dd3341e]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#666;font-size:24px;cursor:pointer}.export-panel-content[data-v-7dd3341e]{flex:1;overflow-y:auto;max-height:70vh}.dialog-overlay[data-v-6802dddf]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10001}.dialog[data-v-6802dddf]{background:#252525;border-radius:12px;width:340px;max-width:90vw;border:1px solid #333;overflow:hidden}.dialog-header[data-v-6802dddf]{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px;background:linear-gradient(180deg,#2a2a2a,#252525);border-bottom:1px solid #333}.mobile-icon[data-v-6802dddf]{font-size:40px;margin-bottom:12px}.dialog-header h2[data-v-6802dddf]{margin:0;font-size:16px;font-weight:600;color:#eee}.dialog-content[data-v-6802dddf]{padding:20px}.description[data-v-6802dddf]{margin:0 0 16px;font-size:13px;color:#999;line-height:1.5;text-align:center}.features-list[data-v-6802dddf]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px;background:#1a1a1a;border-radius:8px}.feature[data-v-6802dddf]{font-size:13px;color:#7c7}.actions-row[data-v-6802dddf]{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.btn-mobile[data-v-6802dddf]{width:100%;padding:14px 20px;background:linear-gradient(180deg,#4a9eff,#3a8eef);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-mobile[data-v-6802dddf]:hover{background:linear-gradient(180deg,#5aafff,#4a9eff);transform:translateY(-1px)}.btn-mobile[data-v-6802dddf]:active{transform:translateY(0)}.btn-desktop[data-v-6802dddf]{width:100%;padding:12px 20px;background:none;border:1px solid #444;border-radius:8px;color:#888;font-size:14px;cursor:pointer;transition:all .15s ease}.btn-desktop[data-v-6802dddf]:hover{border-color:#555;color:#aaa}.hint[data-v-6802dddf]{margin:0;font-size:11px;color:#555;text-align:center}.app[data-v-f4dacf0d]{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#181818;font-size:max(11px,calc(14px * var(--ui-scale, 1)))}.app-header[data-v-f4dacf0d]{padding:0 calc(16px * var(--ui-scale, 1));height:calc(42px * var(--ui-scale, 1));background:#0d0d0d;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2a2a;gap:calc(16px * var(--ui-scale, 1))}.logo[data-v-f4dacf0d]{font-weight:700;font-size:calc(15px * var(--ui-scale, 1));letter-spacing:-.5px;color:#fff}.file-controls[data-v-f4dacf0d]{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));margin-left:calc(16px * var(--ui-scale, 1))}.file-btn[data-v-f4dacf0d]{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(5px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#252525;border:1px solid #333;border-radius:calc(4px * var(--ui-scale, 1));color:#aaa;font-size:calc(11px * var(--ui-scale, 1));cursor:pointer;transition:all .15s ease}.file-btn[data-v-f4dacf0d]:hover:not(:disabled){background:#333;color:#fff;border-color:#444}.file-btn[data-v-f4dacf0d]:disabled{opacity:.4;cursor:not-allowed}.file-btn.active[data-v-f4dacf0d]{background:var(--accent);color:#fff;border-color:var(--accent)}.checkpoint-btn[data-v-f4dacf0d]{position:relative;background:#2a3a2a;border-color:#3a4a3a}.checkpoint-btn[data-v-f4dacf0d]:hover:not(:disabled){background:#3a5a3a;border-color:#4a6a4a}.checkpoint-badge[data-v-f4dacf0d]{position:absolute;top:calc(-4px * var(--ui-scale, 1));right:calc(-4px * var(--ui-scale, 1));background:var(--accent);color:#fff;font-size:calc(9px * var(--ui-scale, 1));min-width:calc(14px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1));border-radius:calc(7px * var(--ui-scale, 1));display:flex;align-items:center;justify-content:center;font-weight:600}.history-btn[data-v-f4dacf0d]{padding:calc(5px * var(--ui-scale, 1))}.auto-save-status[data-v-f4dacf0d]{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));color:#888;padding:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));background:#ffffff0d;white-space:nowrap}.auto-save-status.saving[data-v-f4dacf0d]{color:orange}.auto-save-status.saved[data-v-f4dacf0d]{color:#4ade80}.auto-save-status.error[data-v-f4dacf0d]{color:#f87171}.auto-save-status.idle[data-v-f4dacf0d]{color:#888}.auto-save-status.no-handle[data-v-f4dacf0d]{color:#666}.auto-save-status svg[data-v-f4dacf0d]{flex-shrink:0}.auto-save-status .spin[data-v-f4dacf0d]{animation:spin-f4dacf0d 1s linear infinite}@keyframes spin-f4dacf0d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.autosave-settings[data-v-f4dacf0d]{position:relative;display:flex;align-items:center}.autosave-toggle[data-v-f4dacf0d]{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));background:#ffffff0d;border:none;border-radius:calc(4px * var(--ui-scale, 1));color:#888;font-size:calc(11px * var(--ui-scale, 1));cursor:pointer;transition:all .15s ease}.autosave-toggle[data-v-f4dacf0d]:hover{background:#ffffff1a;color:#fff}.autosave-toggle.enabled[data-v-f4dacf0d]{color:#4ade80}.autosave-toggle .autosave-label[data-v-f4dacf0d]{font-size:calc(10px * var(--ui-scale, 1))}.autosave-toggle svg[data-v-f4dacf0d]{flex-shrink:0}.autosave-toggle .dropdown-arrow[data-v-f4dacf0d]{transition:transform .2s ease}.autosave-toggle .dropdown-arrow.rotated[data-v-f4dacf0d]{transform:rotate(180deg)}.autosave-dropdown[data-v-f4dacf0d]{position:absolute;top:100%;right:0;margin-top:calc(4px * var(--ui-scale, 1));background:#2a2a2a;border:1px solid #444;border-radius:calc(8px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1));min-width:calc(140px * var(--ui-scale, 1));z-index:100;box-shadow:0 4px 16px #0006}.autosave-options[data-v-f4dacf0d]{display:flex;flex-direction:column;gap:calc(2px * var(--ui-scale, 1))}.autosave-option[data-v-f4dacf0d]{display:flex;align-items:center;gap:calc(8px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));background:transparent;border:none;border-radius:calc(6px * var(--ui-scale, 1));color:#888;font-size:calc(12px * var(--ui-scale, 1));cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.autosave-option[data-v-f4dacf0d]:hover{background:#ffffff14;color:#fff}.autosave-option.active[data-v-f4dacf0d]{background:#4ade8026;color:#4ade80}.autosave-option svg[data-v-f4dacf0d]{flex-shrink:0;opacity:.7}.autosave-last-saved[data-v-f4dacf0d]{display:flex;align-items:center;justify-content:center;gap:calc(6px * var(--ui-scale, 1));font-size:calc(10px * var(--ui-scale, 1));color:#555;padding-top:calc(8px * var(--ui-scale, 1));margin-top:calc(6px * var(--ui-scale, 1));border-top:1px solid #333}.autosave-last-saved svg[data-v-f4dacf0d]{opacity:.5}.autosave-onboarding[data-v-f4dacf0d]{position:absolute;top:calc(100% + 8px);right:0;z-index:200;animation:onboarding-fade-f4dacf0d .3s ease-out}.onboarding-arrow[data-v-f4dacf0d]{position:absolute;top:-5px;right:20px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #3a3a3a}.onboarding-content[data-v-f4dacf0d]{display:flex;align-items:center;gap:8px;background:#3a3a3a;color:#ccc;padding:8px 10px 8px 12px;border-radius:6px;font-size:11px;font-weight:500;box-shadow:0 2px 8px #0000004d;white-space:nowrap;border:1px solid #4a4a4a}.onboarding-text[data-v-f4dacf0d]{letter-spacing:.2px}.onboarding-dismiss[data-v-f4dacf0d]{background:transparent;border:none;color:#666;width:16px;height:16px;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:2px;transition:color .15s ease;border-radius:3px}.onboarding-dismiss[data-v-f4dacf0d]:hover{color:#aaa;background:#ffffff1a}@keyframes onboarding-fade-f4dacf0d{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.format-select[data-v-f4dacf0d]{background:#333;color:#888;border:1px solid #444;border-radius:calc(4px * var(--ui-scale, 1));padding:calc(2px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));cursor:pointer;margin-left:calc(8px * var(--ui-scale, 1))}.format-select[data-v-f4dacf0d]:hover{background:#3a3a3a;color:#aaa}.format-select[data-v-f4dacf0d]:focus{outline:none;border-color:#555}.format-selector-group[data-v-f4dacf0d]{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));margin-left:calc(8px * var(--ui-scale, 1))}.format-selector-group .format-select[data-v-f4dacf0d]{margin-left:0}.format-help[data-v-f4dacf0d]{position:relative;display:flex;align-items:center}.format-help-icon[data-v-f4dacf0d]{display:flex;align-items:center;justify-content:center;width:calc(16px * var(--ui-scale, 1));height:calc(16px * var(--ui-scale, 1));background:#444;color:#888;border-radius:50%;font-size:calc(10px * var(--ui-scale, 1));font-weight:700;cursor:help;transition:all .2s}.format-help:hover .format-help-icon[data-v-f4dacf0d]{background:#555;color:#bbb}.format-tooltip[data-v-f4dacf0d]{position:absolute;top:calc(100% + 8px);right:0;width:calc(280px * var(--ui-scale, 1));background:#2a2a2a;border:1px solid #444;border-radius:calc(6px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));box-shadow:0 4px 16px #0006;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s}.format-help:hover .format-tooltip[data-v-f4dacf0d]{opacity:1;visibility:visible;transform:translateY(0)}.format-tooltip[data-v-f4dacf0d]:before{content:"";position:absolute;top:-6px;right:calc(4px * var(--ui-scale, 1));width:10px;height:10px;background:#2a2a2a;border-left:1px solid #444;border-top:1px solid #444;transform:rotate(45deg)}.format-tooltip-item[data-v-f4dacf0d]{margin-bottom:calc(10px * var(--ui-scale, 1))}.format-tooltip-item[data-v-f4dacf0d]:last-child{margin-bottom:0}.format-tooltip-item strong[data-v-f4dacf0d]{display:block;color:#ddd;font-size:calc(12px * var(--ui-scale, 1));margin-bottom:calc(4px * var(--ui-scale, 1))}.format-tooltip-item p[data-v-f4dacf0d]{color:#999;font-size:calc(11px * var(--ui-scale, 1));line-height:1.4;margin:0}.format-tooltip-item.recommended strong[data-v-f4dacf0d]{color:#4ade80;display:flex;align-items:center;gap:4px}.format-tooltip-item.recommended .rec-icon[data-v-f4dacf0d]{color:#4ade80;flex-shrink:0}.toast-notification[data-v-f4dacf0d]{position:fixed;top:calc(52px * var(--ui-scale, 1));left:50%;transform:translate(-50%);background:#2a3a2a;color:#8f8;padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));border-radius:calc(4px * var(--ui-scale, 1));font-size:calc(12px * var(--ui-scale, 1));font-weight:500;z-index:1000;box-shadow:0 4px 12px #0006;border:1px solid #3a5a3a}.toast-enter-active[data-v-f4dacf0d],.toast-leave-active[data-v-f4dacf0d]{transition:all .2s ease}.toast-enter-from[data-v-f4dacf0d],.toast-leave-to[data-v-f4dacf0d]{opacity:0;transform:translate(-50%) translateY(-10px)}.saving-overlay[data-v-f4dacf0d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.saving-dialog[data-v-f4dacf0d]{background:#1e1e1e;border:1px solid #3a5a3a;border-radius:8px;padding:24px 32px;text-align:center;box-shadow:0 8px 32px #00000080}.saving-spinner[data-v-f4dacf0d]{width:40px;height:40px;border:3px solid #333;border-top-color:#4ade80;border-radius:50%;margin:0 auto 16px;animation:spin-f4dacf0d 1s linear infinite}@keyframes spin-f4dacf0d{to{transform:rotate(360deg)}}.saving-text[data-v-f4dacf0d]{color:#fff;font-size:16px;font-weight:500;margin-bottom:8px}.saving-subtext[data-v-f4dacf0d]{color:#888;font-size:12px}.fade-enter-active[data-v-f4dacf0d],.fade-leave-active[data-v-f4dacf0d]{transition:opacity .2s ease}.fade-enter-from[data-v-f4dacf0d],.fade-leave-to[data-v-f4dacf0d]{opacity:0}.version-badge[data-v-f4dacf0d]{position:fixed;bottom:8px;right:8px;background:#00000080;color:#666;font-size:10px;font-family:monospace;padding:2px 6px;border-radius:3px;z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none}.header-nav[data-v-f4dacf0d]{display:flex;align-items:center;gap:calc(16px * var(--ui-scale, 1));margin-left:auto}.toggle-ref[data-v-f4dacf0d]{display:flex;align-items:center;gap:calc(6px * var(--ui-scale, 1));font-size:calc(12px * var(--ui-scale, 1));color:#aaa;cursor:pointer}.toggle-ref input[data-v-f4dacf0d]{accent-color:var(--accent);transform:scale(var(--ui-scale, 1))}.opacity-slider[data-v-f4dacf0d]{display:flex;align-items:center;gap:6px;font-size:11px;color:#666}.opacity-slider input[type=range][data-v-f4dacf0d]{width:70px;height:3px}.app-main[data-v-f4dacf0d]{flex:1;display:flex;overflow:hidden}.sidebar-left[data-v-f4dacf0d]{flex-shrink:0;background:#1a1a1a;border-right:1px solid #2a2a2a;overflow:hidden;position:relative;display:flex;flex-direction:column}.sidebar-right[data-v-f4dacf0d]{flex-shrink:0;background:#1a1a1a;border-left:1px solid #2a2a2a;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar-content[data-v-f4dacf0d]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;transform:scale(var(--sidebar-scale, 1));transform-origin:top left;width:calc(100% / var(--sidebar-scale, 1));height:calc(100% / var(--sidebar-scale, 1))}.resize-handle[data-v-f4dacf0d]{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:10;transition:background .15s}.resize-handle[data-v-f4dacf0d]:hover{background:var(--accent, #e85d04)}.resize-handle-right[data-v-f4dacf0d]{right:-3px}.resize-handle-left[data-v-f4dacf0d]{left:-3px}.sidebar-tabs[data-v-f4dacf0d]{display:flex;border-bottom:1px solid #2a2a2a;flex-shrink:0;transform:scale(var(--sidebar-scale, 1));transform-origin:top left;width:calc(100% / var(--sidebar-scale, 1))}.sidebar-tabs button[data-v-f4dacf0d]{flex:1;padding:8px 12px;background:transparent;font-size:11px;color:#666;border-bottom:2px solid transparent;margin-bottom:-1px}.sidebar-tabs button[data-v-f4dacf0d]:hover{color:#aaa}.sidebar-tabs button.active[data-v-f4dacf0d]{color:#fff;border-bottom-color:var(--accent, #e85d04)}.workspace[data-v-f4dacf0d]{flex:1;display:flex;flex-direction:column;overflow:hidden}.canvas-area[data-v-f4dacf0d]{flex:1;position:relative;overflow:hidden;background-color:var(--canvas-bg, #1a1a1a)}.video-layer[data-v-f4dacf0d]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--video-opacity, .5);pointer-events:none;z-index:1}.video-layer.hidden[data-v-f4dacf0d]{display:none}.drawing-layer[data-v-f4dacf0d]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.upload-layer[data-v-f4dacf0d]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center}.empty-layer[data-v-f4dacf0d]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}.project-type-badge[data-v-f4dacf0d]{padding:4px 10px;background:#1a3a1a;color:#7c7;border-radius:4px;font-size:11px;font-weight:500}.status-bar[data-v-f4dacf0d]{position:absolute;bottom:8px;left:8px;padding:6px 12px;background:#000c;color:#ccc;font-size:11px;border-radius:4px;z-index:100;pointer-events:none;max-width:300px}.app-footer[data-v-f4dacf0d]{flex-shrink:0;background:#1a1a1a;border-top:1px solid #2a2a2a}.crop-btn[data-v-f4dacf0d]{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#252525;border-radius:4px;font-size:11px;color:#888}.crop-btn[data-v-f4dacf0d]:hover{background:#333;color:#fff}.crop-btn.active[data-v-f4dacf0d]{background:var(--accent);color:#fff}.fit-view-btn[data-v-f4dacf0d]{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#252525;border-radius:4px;font-size:11px;color:#888}.fit-view-btn[data-v-f4dacf0d]:hover{background:#333;color:#fff}.close-project-btn[data-v-f4dacf0d]{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#252525;border-radius:4px;font-size:11px;color:#888;margin-left:auto}.close-project-btn[data-v-f4dacf0d]:hover{background:#4a2020;color:#ff6b6b}.crop-panel[data-v-f4dacf0d]{background:#0d0d0d;border-bottom:1px solid #2a2a2a;padding:10px 16px}.crop-controls[data-v-f4dacf0d]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.crop-input[data-v-f4dacf0d]{display:flex;align-items:center;gap:8px}.crop-input label[data-v-f4dacf0d]{font-size:11px;color:#666;width:45px}.crop-input input[type=range][data-v-f4dacf0d]{width:80px;height:3px}.crop-input span[data-v-f4dacf0d]{font-size:10px;color:#555;width:28px;text-align:right;font-variant-numeric:tabular-nums}.reset-crop[data-v-f4dacf0d]{padding:4px 10px;background:#252525;border-radius:3px;font-size:10px;color:#888;margin-left:auto}.reset-crop[data-v-f4dacf0d]:hover{background:#333;color:#fff}.recovery-dialog-overlay[data-v-f4dacf0d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.recovery-dialog[data-v-f4dacf0d]{background:#2a2a2a;border:1px solid #444;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0006}.recovery-dialog-header[data-v-f4dacf0d]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.recovery-dialog-header svg[data-v-f4dacf0d]{color:#4ade80;flex-shrink:0}.recovery-dialog-header h3[data-v-f4dacf0d]{margin:0;font-size:18px;font-weight:600;color:#fff}.recovery-dialog-message[data-v-f4dacf0d]{color:#aaa;font-size:14px;line-height:1.5;margin:0 0 8px}.recovery-dialog-message strong[data-v-f4dacf0d]{color:#fff}.recovery-dialog-hint[data-v-f4dacf0d]{color:#888;font-size:13px;margin:0 0 20px}.recovery-dialog-actions[data-v-f4dacf0d]{display:flex;gap:12px;justify-content:flex-end}.recovery-btn[data-v-f4dacf0d]{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.recovery-btn.dismiss[data-v-f4dacf0d]{background:#333;color:#888}.recovery-btn.dismiss[data-v-f4dacf0d]:hover{background:#444;color:#fff}.recovery-btn.recover[data-v-f4dacf0d]{background:#4ade80;color:#000}.recovery-btn.recover[data-v-f4dacf0d]:hover{background:#22c55e}:root{--accent: #e85d04;--accent-dim: #dc6e2a;--surface: #1c1c1c;--surface-alt: #252525;--surface-raised: #2d2d2d;--border: #3a3a3a;--text: #e8e8e8;--text-dim: #888}*{box-sizing:border-box;margin:0}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:13px;color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased}#app{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:var(--accent);color:#fff}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}button{font-family:inherit;font-size:inherit;border:none;cursor:pointer;transition:background .1s,transform .1s}button:active{transform:scale(.97)}input[type=number],input[type=text]{font-family:inherit;font-size:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border)}input[type=range]{cursor:pointer;accent-color:var(--accent)}input[type=color]{cursor:pointer;border:none}