.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-57465362]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.upload-zone[data-v-57465362]{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-57465362]{border-color:var(--accent);background:#e85d041a}.upload-content[data-v-57465362]{text-align:center;color:#666}.upload-content p[data-v-57465362]{margin:0}.upload-icon[data-v-57465362]{width:48px;height:48px;margin-bottom:12px;opacity:.4;color:#555}.or-text[data-v-57465362]{margin:10px 0;font-size:12px;color:#444}.file-button[data-v-57465362]{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-57465362]:hover{background:#f06b1a}.reopen-section[data-v-57465362]{margin-top:20px;padding-top:16px;border-top:1px solid #333}.reopen-hint[data-v-57465362]{font-size:11px;color:#888;margin-bottom:8px}.reopen-button[data-v-57465362]{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-57465362]:hover{background:#333;border-color:var(--accent);color:#fff}.reopen-button svg[data-v-57465362]{opacity:.7}.new-project-section[data-v-57465362]{margin-top:16px;padding-top:16px;border-top:1px solid #333}.new-hint[data-v-57465362]{font-size:11px;color:#888;margin-bottom:8px}.new-project-button[data-v-57465362]{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-57465362]:hover{background:#2a4a2a;border-color:#4a8a4a;color:#9d9}.video-container[data-v-57465362]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.video-container video[data-v-57465362]{display:none}.frame-canvas[data-v-57465362]{position:absolute;transform-origin:top left;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.empty-project-container[data-v-57465362]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.empty-canvas[data-v-57465362]{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-47b63257]{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;overflow:hidden}.drawing-canvas-container canvas[data-v-47b63257]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.drawing-canvas-container.pan-tool[data-v-47b63257]{cursor:grab}.drawing-canvas-container.pan-tool[data-v-47b63257]:active,.drawing-canvas-container.panning[data-v-47b63257]{cursor:grabbing}.drawing-canvas-container canvas[data-v-47b63257]{image-rendering:pixelated}.onion-canvas[data-v-47b63257]{position:absolute;top:0;left:0;pointer-events:none;z-index:0}.drawing-canvas-container[data-v-47b63257] .canvas-container{position:relative!important;z-index:1}.tool-palette[data-v-030728f1]{padding:8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;height:100%;background:#1a1a1a}.tool-section[data-v-030728f1]{background:#222;border-radius:6px;padding:10px;border:1px solid #2a2a2a}.section-header[data-v-030728f1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title[data-v-030728f1]{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#666;font-weight:600}.tool-hint[data-v-030728f1]{font-size:9px;color:#555;background:#1a1a1a;padding:2px 5px;border-radius:3px;font-family:monospace}.tools-grid[data-v-030728f1]{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.tools-grid button[data-v-030728f1]{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-030728f1]{width:16px;height:16px}.tools-grid button[data-v-030728f1]:hover{background:#333;color:#bbb;border-color:#444}.tools-grid button.active[data-v-030728f1]{background:var(--accent, #e85d04);color:#fff;border-color:var(--accent, #e85d04);box-shadow:0 0 8px #e85d044d}.color-value[data-v-030728f1]{font-size:9px;color:#555;font-family:monospace;text-transform:uppercase}.color-main[data-v-030728f1]{display:flex;gap:8px;align-items:flex-start}.color-picker[data-v-030728f1]{width:36px;height:36px;border-radius:6px;cursor:pointer;padding:0;border:2px solid #333;flex-shrink:0}.color-picker[data-v-030728f1]::-webkit-color-swatch-wrapper{padding:2px}.color-picker[data-v-030728f1]::-webkit-color-swatch{border-radius:3px;border:none}.color-presets[data-v-030728f1]{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;flex:1}.color-preset[data-v-030728f1]{aspect-ratio:1;border:1px solid #333;border-radius:3px;cursor:pointer;transition:all .15s ease}.color-preset[data-v-030728f1]:hover{transform:scale(1.1);z-index:1;border-color:#555}.color-preset.active[data-v-030728f1]{border-color:#fff;box-shadow:0 0 0 1px #fff}.brush-controls[data-v-030728f1]{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.control-row[data-v-030728f1]{display:flex;align-items:center;gap:8px}.control-row label[data-v-030728f1]{font-size:10px;color:#666;width:45px;flex-shrink:0}.slider-with-value[data-v-030728f1]{display:flex;align-items:center;gap:6px;flex:1}.slider-with-value input[type=range][data-v-030728f1]{flex:1;height:4px;-webkit-appearance:none;background:#333;border-radius:2px;outline:none}.slider-with-value input[type=range][data-v-030728f1]::-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-030728f1]::-webkit-slider-thumb:hover{transform:scale(1.2)}.value-display[data-v-030728f1]{font-size:10px;color:#888;min-width:28px;text-align:right;font-family:monospace}.brush-type-toggle[data-v-030728f1]{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-030728f1]:hover{background:#252525;color:#aaa}.brush-type-toggle svg[data-v-030728f1]{transition:transform .2s ease;color:#555}.brush-type-toggle svg.rotated[data-v-030728f1]{transform:rotate(-90deg)}.brush-palette[data-v-030728f1]{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-030728f1]{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-030728f1]:hover{background:#333;border-color:#444}.brush-preview.active[data-v-030728f1]{background:var(--accent, #e85d04);border-color:var(--accent, #e85d04)}.brush-shape[data-v-030728f1]{width:14px;height:14px;background:currentColor;color:#666}.brush-preview:hover .brush-shape[data-v-030728f1],.brush-preview.active .brush-shape[data-v-030728f1]{color:#fff}.brush-shape.round[data-v-030728f1]{border-radius:50%}.brush-shape.square[data-v-030728f1]{border-radius:0}.brush-shape.slash-right[data-v-030728f1]{width:3px;height:16px;transform:rotate(-45deg);border-radius:1px}.brush-shape.slash-left[data-v-030728f1]{width:3px;height:16px;transform:rotate(45deg);border-radius:1px}.brush-shape.calligraphy[data-v-030728f1]{width:5px;height:16px;border-radius:2px;transform:rotate(-30deg)}.brush-shape.oil[data-v-030728f1]{border-radius:50%;box-shadow:0 0 3px currentColor;opacity:.9}.brush-shape.crayon[data-v-030728f1]{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-030728f1]{border-radius:3px;width:10px;height:16px;opacity:.7}.brush-shape.pencil-tip[data-v-030728f1]{width:7px;height:7px;transform:rotate(45deg);border-radius:1px}.action-buttons[data-v-030728f1]{display:grid;grid-template-columns:1fr 1fr;gap:4px}.action-btn[data-v-030728f1]{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-030728f1]:hover{background:#333;color:#bbb;border-color:#444}.action-btn.danger[data-v-030728f1]{grid-column:span 2;color:#c44}.action-btn.danger[data-v-030728f1]:hover{background:#e85d04;color:#fff;border-color:#e85d04}.action-btn svg[data-v-030728f1]{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)}.export-panel[data-v-05f49c2a]{padding:12px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;height:100%}.panel-section h3[data-v-05f49c2a]{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#555;font-weight:500}.size-hint[data-v-05f49c2a]{font-size:10px;color:#666;margin:0 0 8px}.size-options[data-v-05f49c2a]{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.size-options button[data-v-05f49c2a]{padding:6px 8px;background:#252525;border-radius:3px;font-size:11px;color:#888}.size-options button[data-v-05f49c2a]:hover{background:#333;color:#fff}.size-options button.active[data-v-05f49c2a]{background:var(--accent);color:#fff}.custom-size[data-v-05f49c2a]{margin-top:8px}.custom-size label[data-v-05f49c2a]{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}.custom-size input[data-v-05f49c2a]{width:40px;padding:4px;border-radius:3px;text-align:center;font-size:11px}.custom-size button[data-v-05f49c2a]{padding:4px 8px;background:var(--accent);color:#fff;border-radius:3px;font-size:10px;margin-left:4px}.export-info[data-v-05f49c2a]{font-size:11px;color:#666;margin-bottom:8px}.export-info p[data-v-05f49c2a]{margin:3px 0}.export-info strong[data-v-05f49c2a]{color:#aaa}.export-settings label[data-v-05f49c2a]{display:flex;align-items:center;gap:6px;font-size:11px;color:#666}.export-settings input[data-v-05f49c2a]{width:40px;padding:4px;border-radius:3px;text-align:center}.export-buttons[data-v-05f49c2a]{display:flex;flex-direction:column;gap:4px;margin-top:8px}.export-buttons button[data-v-05f49c2a]{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-05f49c2a]:hover:not(:disabled){background:#333;color:#fff}.export-buttons button[data-v-05f49c2a]:disabled{opacity:.35;cursor:not-allowed}.export-buttons button.primary[data-v-05f49c2a]{background:var(--accent);color:#fff}.export-buttons button.primary[data-v-05f49c2a]:hover:not(:disabled){background:#f06b1a}.export-buttons button.custom-export-btn[data-v-05f49c2a]{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600}.export-buttons button.custom-export-btn[data-v-05f49c2a]:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#63408a);transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.preview-container[data-v-05f49c2a]{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-05f49c2a]{max-width:100%;image-rendering:pixelated}.animation-preview[data-v-05f49c2a]{display:flex;flex-direction:column;gap:6px}.preview-canvas-container[data-v-05f49c2a]{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-05f49c2a]{background:#fff}.preview-canvas-container.bg-black[data-v-05f49c2a]{background:#000}.preview-canvas-container.bg-gray[data-v-05f49c2a]{background:gray}.preview-canvas-container.bg-custom[data-v-05f49c2a]{background:none}.crop-mode-options[data-v-05f49c2a]{display:flex;gap:3px;margin-bottom:6px}.crop-mode-options button[data-v-05f49c2a]{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-05f49c2a]:hover{background:#333;color:#ccc}.crop-mode-options button.active[data-v-05f49c2a]{background:var(--accent);color:#fff}.bg-options[data-v-05f49c2a]{display:flex;gap:3px;align-items:center}.bg-options button[data-v-05f49c2a]{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-05f49c2a]:hover{background:#333;color:#fff}.bg-options button.active[data-v-05f49c2a]{background:var(--accent);color:#fff}.bg-color-picker[data-v-05f49c2a]{width:24px;height:24px;padding:0;border:1px solid #333;border-radius:3px;cursor:pointer;background:none}.bg-color-picker[data-v-05f49c2a]::-webkit-color-swatch-wrapper{padding:2px}.bg-color-picker[data-v-05f49c2a]::-webkit-color-swatch{border-radius:2px;border:none}.preview-frame[data-v-05f49c2a]{max-width:100%;max-height:100%;image-rendering:pixelated}.no-preview[data-v-05f49c2a]{color:#444;font-size:11px}.preview-controls[data-v-05f49c2a]{display:flex;align-items:center;gap:6px}.play-button[data-v-05f49c2a]{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-05f49c2a]:hover{background:#333;color:#fff}.fps-label[data-v-05f49c2a]{display:flex;align-items:center;gap:4px;font-size:10px;color:#555}.fps-input[data-v-05f49c2a]{width:32px;padding:3px;border-radius:3px;font-size:10px;text-align:center}.frame-counter[data-v-05f49c2a]{font-size:10px;color:#555;margin-left:auto;font-variant-numeric:tabular-nums}.canvas-resize-controls[data-v-05f49c2a]{display:flex;flex-direction:column;gap:10px}.resize-inputs[data-v-05f49c2a]{display:flex;gap:12px}.resize-input-group[data-v-05f49c2a]{flex:1}.resize-input-group label[data-v-05f49c2a]{display:block;font-size:10px;color:#666;margin-bottom:4px}.input-with-btns[data-v-05f49c2a]{display:flex;align-items:center;gap:2px}.input-with-btns input[data-v-05f49c2a]{flex:1;width:50px;padding:4px 6px;border-radius:3px;font-size:11px;text-align:center}.step-btn[data-v-05f49c2a]{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-05f49c2a]:hover{background:#333;color:#fff}.resize-options[data-v-05f49c2a]{display:flex;align-items:center;gap:8px}.checkbox-label[data-v-05f49c2a]{display:flex;align-items:center;gap:5px;font-size:11px;color:#888;cursor:pointer}.checkbox-label[data-v-05f49c2a]:hover{color:#fff}.checkbox-label.disabled[data-v-05f49c2a]{opacity:.5;cursor:not-allowed}.checkbox-label input[type=checkbox][data-v-05f49c2a]{width:14px;height:14px;margin:0;cursor:pointer}.checkbox-label.disabled input[type=checkbox][data-v-05f49c2a]{cursor:not-allowed}.aspect-ratio-display[data-v-05f49c2a]{font-size:10px;color:#555;background:#1a1a1a;padding:2px 6px;border-radius:3px}.resize-actions[data-v-05f49c2a]{display:flex;gap:8px}.resize-btn[data-v-05f49c2a],.reset-btn[data-v-05f49c2a]{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-05f49c2a]{background:#2a6;color:#fff}.resize-btn[data-v-05f49c2a]:hover:not(:disabled){background:#3b7}.resize-btn[data-v-05f49c2a]:disabled{background:#333;color:#555;cursor:not-allowed}.reset-btn[data-v-05f49c2a]{background:#333;color:#888}.reset-btn[data-v-05f49c2a]:hover:not(:disabled){background:#444;color:#fff}.reset-btn[data-v-05f49c2a]: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-8c246d76]{padding:8px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.timeline-controls[data-v-8c246d76]{display:flex;align-items:center;gap:4px}.timeline-controls button[data-v-8c246d76]{width:28px;height:28px;background:#252525;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#888}.timeline-controls button[data-v-8c246d76]:disabled{opacity:.3;cursor:not-allowed}.timeline-controls button[data-v-8c246d76]:hover:not(:disabled){background:#333;color:#fff}.frame-info[data-v-8c246d76]{min-width:100px;text-align:center;color:#888;font-variant-numeric:tabular-nums}.keyframe-nav[data-v-8c246d76]{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-8c246d76]{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-8c246d76]:disabled{opacity:.3;cursor:not-allowed;color:#666}.keyframe-nav button[data-v-8c246d76]:hover:not(:disabled){background:var(--accent);color:#fff}.keyframe-count[data-v-8c246d76]{color:var(--accent);font-size:11px;min-width:70px;text-align:center}.timeline-slider[data-v-8c246d76]{flex:1;min-width:150px}.slider-track[data-v-8c246d76]{position:relative;padding:8px 0}.slider-track input[type=range][data-v-8c246d76]{width:100%;height:4px;position:relative;z-index:2}.keyframe-markers[data-v-8c246d76]{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:16px;pointer-events:none;z-index:1}.keyframe-marker[data-v-8c246d76]{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-8c246d76]:hover{opacity:1;height:20px}.keyframe-marker.active[data-v-8c246d76]{opacity:1;background:#fff}.fps-control label[data-v-8c246d76]{display:flex;align-items:center;gap:6px;color:#666}.fps-control input[data-v-8c246d76]{width:42px;padding:4px 6px;border-radius:3px;text-align:center}.onion-skin-controls[data-v-8c246d76]{display:flex;align-items:center;gap:8px;padding:0 8px;border-left:1px solid #333}.onion-toggle[data-v-8c246d76]{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-8c246d76]:hover{background:#333;color:#ccc}.onion-toggle.active[data-v-8c246d76]{background:#e85d0433;color:var(--accent)}.onion-counts[data-v-8c246d76]{display:flex;align-items:center;gap:4px}.onion-count[data-v-8c246d76]{display:flex;align-items:center;gap:2px}.onion-count button[data-v-8c246d76]{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-8c246d76]:disabled{opacity:.3;cursor:not-allowed}.onion-count button[data-v-8c246d76]:hover:not(:disabled){background:#333;color:#fff}.count-value[data-v-8c246d76]{min-width:14px;text-align:center;font-size:11px;font-weight:600}.onion-separator[data-v-8c246d76]{color:#444;font-size:10px}.frame-management[data-v-8c246d76]{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid #333}.frame-btn[data-v-8c246d76]{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-8c246d76]{display:none}@media(min-width:800px){.frame-btn span[data-v-8c246d76]{display:inline}}.add-btn[data-v-8c246d76]{background:#1a3a1a;color:#7c7;border:1px solid #2a5a2a}.add-btn[data-v-8c246d76]:hover{background:#2a4a2a;border-color:#4a8a4a}.insert-btn[data-v-8c246d76]{background:#1a2a3a;color:#7ac;border:1px solid #2a4a5a}.insert-btn[data-v-8c246d76]:hover{background:#2a3a4a;border-color:#4a6a8a}.mini-dialog[data-v-8c246d76]{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-8c246d76]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.mini-dialog-content[data-v-8c246d76]{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-8c246d76]{margin:0 0 12px;font-size:14px;font-weight:600}.dialog-row[data-v-8c246d76]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dialog-row label[data-v-8c246d76]{font-size:12px;color:#888}.dialog-row input[data-v-8c246d76]{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-8c246d76]{font-size:11px;color:#888;margin:0 0 12px}.dialog-buttons[data-v-8c246d76]{display:flex;justify-content:flex-end;gap:8px}.cancel-btn[data-v-8c246d76],.confirm-btn[data-v-8c246d76]{padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s}.cancel-btn[data-v-8c246d76]{background:var(--vscode-button-secondaryBackground, #333);border:1px solid var(--vscode-button-border, #444);color:var(--vscode-button-secondaryForeground, #ccc)}.cancel-btn[data-v-8c246d76]:hover{background:var(--vscode-button-secondaryHoverBackground, #444)}.confirm-btn[data-v-8c246d76]{background:var(--vscode-button-background, var(--accent));border:none;color:var(--vscode-button-foreground, #fff)}.confirm-btn[data-v-8c246d76]:hover{background:var(--vscode-button-hoverBackground, #f06b1a)}.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-501c79ae]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.dialog[data-v-501c79ae]{background:#252525;border-radius:6px;width:320px;max-width:90vw;border:1px solid #333}.dialog-header[data-v-501c79ae]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333}.dialog-header h2[data-v-501c79ae]{margin:0;font-size:14px;font-weight:500;color:#ccc}.close-btn[data-v-501c79ae]{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:0;line-height:1}.close-btn[data-v-501c79ae]:hover{color:#999}.dialog-content[data-v-501c79ae]{padding:16px}.filename-display[data-v-501c79ae]{margin-bottom:16px}.filename-display code[data-v-501c79ae]{display:block;background:#1a1a1a;padding:10px 12px;border-radius:4px;font-size:12px;color:#6bf;word-break:break-all;font-family:Consolas,Monaco,monospace}.actions-row[data-v-501c79ae]{display:flex;gap:8px;margin-bottom:12px}.btn-browse[data-v-501c79ae]{flex:1;padding:8px 16px;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;color:#ddd;font-size:13px;cursor:pointer}.btn-browse[data-v-501c79ae]:hover{background:#444;border-color:#555}.btn-skip[data-v-501c79ae]{padding:8px 16px;background:none;border:1px solid #3a3a3a;border-radius:4px;color:#777;font-size:13px;cursor:pointer}.btn-skip[data-v-501c79ae]:hover{border-color:#4a4a4a;color:#999}.hint[data-v-501c79ae]{margin:0;font-size:11px;color:#555}.hint code[data-v-501c79ae]{color:#5a5;background:none;padding:0}.app[data-v-44c4c1ca]{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-44c4c1ca]{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-44c4c1ca]{font-weight:700;font-size:calc(15px * var(--ui-scale, 1));letter-spacing:-.5px;color:#fff}.file-controls[data-v-44c4c1ca]{display:flex;align-items:center;gap:calc(4px * var(--ui-scale, 1));margin-left:calc(16px * var(--ui-scale, 1))}.file-btn[data-v-44c4c1ca]{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-44c4c1ca]:hover:not(:disabled){background:#333;color:#fff;border-color:#444}.file-btn[data-v-44c4c1ca]:disabled{opacity:.4;cursor:not-allowed}.file-btn.active[data-v-44c4c1ca]{background:var(--accent);color:#fff;border-color:var(--accent)}.checkpoint-btn[data-v-44c4c1ca]{position:relative;background:#2a3a2a;border-color:#3a4a3a}.checkpoint-btn[data-v-44c4c1ca]:hover:not(:disabled){background:#3a5a3a;border-color:#4a6a4a}.checkpoint-badge[data-v-44c4c1ca]{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-44c4c1ca]{padding:calc(5px * var(--ui-scale, 1))}.auto-save-status[data-v-44c4c1ca]{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-44c4c1ca]{color:orange}.auto-save-status.saved[data-v-44c4c1ca]{color:#4ade80}.auto-save-status.error[data-v-44c4c1ca]{color:#f87171}.auto-save-status.idle[data-v-44c4c1ca]{color:#888}.auto-save-status.no-handle[data-v-44c4c1ca]{color:#666}.auto-save-status svg[data-v-44c4c1ca]{flex-shrink:0}.auto-save-status .spin[data-v-44c4c1ca]{animation:spin-44c4c1ca 1s linear infinite}@keyframes spin-44c4c1ca{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.format-select[data-v-44c4c1ca]{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-44c4c1ca]:hover{background:#3a3a3a;color:#aaa}.format-select[data-v-44c4c1ca]:focus{outline:none;border-color:#555}.format-selector-group[data-v-44c4c1ca]{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-44c4c1ca]{margin-left:0}.format-help[data-v-44c4c1ca]{position:relative;display:flex;align-items:center}.format-help-icon[data-v-44c4c1ca]{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-44c4c1ca]{background:#555;color:#bbb}.format-tooltip[data-v-44c4c1ca]{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-44c4c1ca]{opacity:1;visibility:visible;transform:translateY(0)}.format-tooltip[data-v-44c4c1ca]: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-44c4c1ca]{margin-bottom:calc(10px * var(--ui-scale, 1))}.format-tooltip-item[data-v-44c4c1ca]:last-child{margin-bottom:0}.format-tooltip-item strong[data-v-44c4c1ca]{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-44c4c1ca]{color:#999;font-size:calc(11px * var(--ui-scale, 1));line-height:1.4;margin:0}.format-tooltip-item.recommended strong[data-v-44c4c1ca]{color:#4ade80;display:flex;align-items:center;gap:4px}.format-tooltip-item.recommended .rec-icon[data-v-44c4c1ca]{color:#4ade80;flex-shrink:0}.toast-notification[data-v-44c4c1ca]{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-44c4c1ca],.toast-leave-active[data-v-44c4c1ca]{transition:all .2s ease}.toast-enter-from[data-v-44c4c1ca],.toast-leave-to[data-v-44c4c1ca]{opacity:0;transform:translate(-50%) translateY(-10px)}.header-nav[data-v-44c4c1ca]{display:flex;align-items:center;gap:calc(16px * var(--ui-scale, 1));margin-left:auto}.toggle-ref[data-v-44c4c1ca]{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-44c4c1ca]{accent-color:var(--accent);transform:scale(var(--ui-scale, 1))}.opacity-slider[data-v-44c4c1ca]{display:flex;align-items:center;gap:6px;font-size:11px;color:#666}.opacity-slider input[type=range][data-v-44c4c1ca]{width:70px;height:3px}.app-main[data-v-44c4c1ca]{flex:1;display:flex;overflow:hidden}.sidebar-left[data-v-44c4c1ca]{flex-shrink:0;background:#1a1a1a;border-right:1px solid #2a2a2a;overflow:hidden;position:relative;display:flex;flex-direction:column}.sidebar-right[data-v-44c4c1ca]{flex-shrink:0;background:#1a1a1a;border-left:1px solid #2a2a2a;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar-content[data-v-44c4c1ca]{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-44c4c1ca]{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:10;transition:background .15s}.resize-handle[data-v-44c4c1ca]:hover{background:var(--accent, #e85d04)}.resize-handle-right[data-v-44c4c1ca]{right:-3px}.resize-handle-left[data-v-44c4c1ca]{left:-3px}.sidebar-tabs[data-v-44c4c1ca]{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-44c4c1ca]{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-44c4c1ca]:hover{color:#aaa}.sidebar-tabs button.active[data-v-44c4c1ca]{color:#fff;border-bottom-color:var(--accent, #e85d04)}.workspace[data-v-44c4c1ca]{flex:1;display:flex;flex-direction:column;overflow:hidden}.canvas-area[data-v-44c4c1ca]{flex:1;position:relative;overflow:hidden;background:linear-gradient(45deg,#1e1e1e 25%,transparent 25%),linear-gradient(-45deg,#1e1e1e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e1e1e 75%),linear-gradient(-45deg,transparent 75%,#1e1e1e 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#161616}.video-layer[data-v-44c4c1ca]{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-44c4c1ca]{display:none}.drawing-layer[data-v-44c4c1ca]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.upload-layer[data-v-44c4c1ca]{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-44c4c1ca]{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-44c4c1ca]{padding:4px 10px;background:#1a3a1a;color:#7c7;border-radius:4px;font-size:11px;font-weight:500}.status-bar[data-v-44c4c1ca]{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-44c4c1ca]{flex-shrink:0;background:#1a1a1a;border-top:1px solid #2a2a2a}.crop-btn[data-v-44c4c1ca]{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#252525;border-radius:4px;font-size:11px;color:#888}.crop-btn[data-v-44c4c1ca]:hover{background:#333;color:#fff}.crop-btn.active[data-v-44c4c1ca]{background:var(--accent);color:#fff}.fit-view-btn[data-v-44c4c1ca]{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-44c4c1ca]:hover{background:#333;color:#fff}.close-project-btn[data-v-44c4c1ca]{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-44c4c1ca]:hover{background:#4a2020;color:#ff6b6b}.crop-panel[data-v-44c4c1ca]{background:#0d0d0d;border-bottom:1px solid #2a2a2a;padding:10px 16px}.crop-controls[data-v-44c4c1ca]{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.crop-input[data-v-44c4c1ca]{display:flex;align-items:center;gap:8px}.crop-input label[data-v-44c4c1ca]{font-size:11px;color:#666;width:45px}.crop-input input[type=range][data-v-44c4c1ca]{width:80px;height:3px}.crop-input span[data-v-44c4c1ca]{font-size:10px;color:#555;width:28px;text-align:right;font-variant-numeric:tabular-nums}.reset-crop[data-v-44c4c1ca]{padding:4px 10px;background:#252525;border-radius:3px;font-size:10px;color:#888;margin-left:auto}.reset-crop[data-v-44c4c1ca]:hover{background:#333;color:#fff}: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}