.selection-overlay[data-v-fede656f]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.drop-target-outline[data-v-fede656f]{fill:#0d99ff1a;stroke:#0d99ff;stroke-width:2;stroke-dasharray:6 3;animation:dash-move-fede656f .3s linear infinite}.hover-outline[data-v-fede656f]{fill:none;stroke:#0d99ff;stroke-width:1;stroke-opacity:.5;stroke-dasharray:3 3;animation:dash-move-fede656f .5s linear infinite}@keyframes dash-move-fede656f{to{stroke-dashoffset:-6}}.selection-outline[data-v-fede656f]{fill:none;stroke:#0d99ff;stroke-width:1.5}.resize-handle[data-v-fede656f]{fill:#fff;stroke:#0d99ff;stroke-width:1;pointer-events:all;transition:fill .1s ease,stroke .1s ease}.resize-handle[data-v-fede656f]:hover{fill:#0d99ff}.resize-handle.rotation-mode[data-v-fede656f]{fill:#e6f4ff;stroke:#9747ff;stroke-width:1.5}.resize-handle.rotation-mode[data-v-fede656f]:hover{fill:#9747ff}.rotation-line[data-v-fede656f]{stroke:#0d99ff;stroke-width:1}.rotation-handle[data-v-fede656f]{fill:#fff;stroke:#0d99ff;stroke-width:1.5;cursor:grab;pointer-events:all;transition:fill .1s ease}.rotation-handle[data-v-fede656f]:hover{fill:#0d99ff}.smart-guide[data-v-fede656f]{stroke:#ff4081;stroke-width:1;stroke-dasharray:4 2}.snap-indicator[data-v-fede656f]{fill:#ff4081;animation:pulse-fede656f .6s ease-in-out infinite}@keyframes pulse-fede656f{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.label-bg[data-v-fede656f]{fill:#000000bf}.label-text[data-v-fede656f]{fill:#fff;font-size:10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;text-anchor:middle;dominant-baseline:middle}.distance-label .label-bg[data-v-fede656f]{fill:#0d99ff}.size-label .label-bg[data-v-fede656f]{fill:#000c}.gradient-line[data-v-fede656f]{stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.gradient-handle[data-v-fede656f]{stroke:#fff;stroke-width:1.5;pointer-events:all;cursor:grab;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.gradient-handle[data-v-fede656f]:active{cursor:grabbing}.gradient-handle-start[data-v-fede656f]{fill:#fff}.gradient-handle-end[data-v-fede656f]{fill:none}.gradient-handle[data-v-fede656f]:hover{stroke-width:2.5}.selection-toolbar[data-v-e0b4052d]{position:absolute;display:flex;align-items:center;gap:2px;padding:4px 6px;background:var(--color-bg-primary, #1e1e1e);border:1px solid var(--color-border, #3c3c3c);border-radius:6px;box-shadow:0 2px 8px #0000004d;transform:translate(-50%);z-index:100;pointer-events:all}.toolbar-btn[data-v-e0b4052d]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary, #999);cursor:pointer;transition:all .15s ease}.toolbar-btn[data-v-e0b4052d]:hover:not(.disabled){background:var(--color-bg-tertiary, #333);color:var(--color-text-primary, #fff)}.toolbar-btn[data-v-e0b4052d]:active:not(.disabled){background:var(--color-accent, #0d99ff);color:#fff}.toolbar-btn.disabled[data-v-e0b4052d]{opacity:.4;cursor:not-allowed}.toolbar-divider[data-v-e0b4052d]{width:1px;height:20px;background:var(--color-border, #3c3c3c);margin:0 4px}.dropdown-container[data-v-e0b4052d]{position:relative}.toolbar-btn.has-dropdown[data-v-e0b4052d]{width:auto;padding:0 6px;gap:2px}.dropdown-arrow[data-v-e0b4052d]{opacity:.6}.dropdown-menu[data-v-e0b4052d]{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;background:var(--color-bg-secondary, #2d2d2d);border:1px solid var(--color-border, #404040);border-radius:6px;padding:4px 0;min-width:200px;box-shadow:0 4px 12px #0000004d;z-index:1000}.dropdown-item[data-v-e0b4052d]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;border:none;background:transparent;color:var(--color-text-primary, #fff);font-size:12px;cursor:pointer;text-align:left;transition:background .1s ease}.dropdown-item[data-v-e0b4052d]:hover{background:var(--color-accent, #0d99ff)}.dropdown-label[data-v-e0b4052d]{flex:1}.dropdown-shortcut[data-v-e0b4052d]{color:var(--color-text-secondary, #888);font-size:11px;margin-left:16px}.dropdown-item:hover .dropdown-shortcut[data-v-e0b4052d]{color:#ffffffb3}.pen-tool-overlay[data-v-d152c668]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;z-index:100}.pen-tool-svg[data-v-d152c668]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.path-preview[data-v-d152c668]{stroke-linecap:round;stroke-linejoin:round}.handle-line[data-v-d152c668]{stroke-dasharray:4 2}.handle-point[data-v-d152c668]{cursor:move}.vertex-point[data-v-d152c668]{cursor:pointer;transition:r .1s ease}.vertex-first[data-v-d152c668],.vertex-hover[data-v-d152c668]{fill:#0d99ff}.pen-tool-instructions[data-v-d152c668]{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;pointer-events:none}.vector-edit-overlay[data-v-820b1c98]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101;pointer-events:none}.vector-edit-svg[data-v-820b1c98]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.svg-background[data-v-820b1c98]{pointer-events:all;cursor:crosshair}.vertex-point[data-v-820b1c98]{pointer-events:all;cursor:move;transition:fill .1s ease}.vertex-point[data-v-820b1c98]:hover{filter:drop-shadow(0 0 3px rgba(13,153,255,.5))}.handle-point[data-v-820b1c98]{pointer-events:all;cursor:move;transition:fill .1s ease}.handle-point[data-v-820b1c98]:hover{filter:drop-shadow(0 0 3px rgba(13,153,255,.5))}.vertex-point-delete[data-v-820b1c98]{pointer-events:all;cursor:pointer;transition:fill .1s ease}.vertex-point-delete[data-v-820b1c98]:hover{filter:drop-shadow(0 0 3px rgba(255,68,68,.6))}.delete-point-indicator[data-v-820b1c98]{pointer-events:none}.segment-hit-area[data-v-820b1c98]{pointer-events:stroke;cursor:copy}.add-point-indicator[data-v-820b1c98]{pointer-events:all;cursor:copy}.add-point-indicator:hover circle[data-v-820b1c98]{filter:drop-shadow(0 0 4px rgba(13,153,255,.6))}.vector-edit-instructions[data-v-820b1c98]{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;pointer-events:none;white-space:nowrap}.remote-cursors[data-v-3025a320]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.remote-cursor[data-v-3025a320]{position:absolute;pointer-events:none;transition:transform .1s ease-out}.cursor-icon[data-v-3025a320]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.cursor-label[data-v-3025a320]{position:absolute;left:12px;top:14px;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;color:#fff;white-space:nowrap;box-shadow:0 1px 3px #0003}.remote-selection[data-v-3025a320]{position:absolute;border:2px solid;border-radius:2px;pointer-events:none;transition:all .1s ease-out}.text-edit-overlay[data-v-4d19a4b0]{box-sizing:border-box;cursor:text}.text-edit-overlay[data-v-4d19a4b0]:focus{outline:none}.three-overlay[data-v-9e13fd41],.animated-svg-overlay[data-v-bc96d302]{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.context-menu[data-v-1e8dd6ce]{position:fixed;background:var(--color-bg-secondary, #2d2d2d);border:1px solid var(--color-border, #404040);border-radius:8px;padding:6px 0;min-width:200px;box-shadow:0 8px 24px #0006;z-index:10000;animation:menu-appear-1e8dd6ce .15s ease-out}@keyframes menu-appear-1e8dd6ce{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item[data-v-1e8dd6ce]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary, #fff);font-size:13px;cursor:pointer;text-align:left;transition:background .1s ease}.menu-item[data-v-1e8dd6ce]:hover:not(:disabled){background:var(--color-accent, #0d99ff)}.menu-item.disabled[data-v-1e8dd6ce]{color:var(--color-text-secondary, #888);cursor:not-allowed}.menu-label[data-v-1e8dd6ce]{flex:1}.menu-shortcut[data-v-1e8dd6ce]{color:var(--color-text-secondary, #888);font-size:11px;margin-left:24px}.menu-item:hover:not(:disabled) .menu-shortcut[data-v-1e8dd6ce]{color:#ffffffb3}.menu-divider[data-v-1e8dd6ce]{height:1px;background:var(--color-border, #404040);margin:6px 0}.submenu-parent[data-v-1e8dd6ce]{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary, #fff);font-size:13px;cursor:default;text-align:left;transition:background .1s ease}.submenu-parent[data-v-1e8dd6ce]:hover:not(.disabled){background:var(--color-accent, #0d99ff)}.submenu-parent.disabled[data-v-1e8dd6ce]{color:var(--color-text-secondary, #888);cursor:not-allowed}.submenu-arrow[data-v-1e8dd6ce]{color:var(--color-text-secondary, #888);font-size:10px;margin-left:8px}.submenu-parent:hover:not(.disabled) .submenu-arrow[data-v-1e8dd6ce]{color:#ffffffb3}.submenu[data-v-1e8dd6ce]{position:absolute;left:100%;top:-6px;background:var(--color-bg-secondary, #2d2d2d);border:1px solid var(--color-border, #404040);border-radius:8px;padding:6px 0;min-width:200px;box-shadow:0 8px 24px #0006;z-index:10001;animation:menu-appear-1e8dd6ce .15s ease-out}.canvas-container[data-v-d447a5c4]{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--color-bg-primary);background-image:linear-gradient(45deg,var(--color-bg-secondary) 25%,transparent 25%),linear-gradient(-45deg,var(--color-bg-secondary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-bg-secondary) 75%),linear-gradient(-45deg,transparent 75%,var(--color-bg-secondary) 75%)}.main-canvas[data-v-d447a5c4]{position:absolute;top:0;left:0;width:100%;height:100%}.preview-overlay[data-v-d447a5c4]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.zoom-indicator[data-v-d447a5c4]{position:absolute;bottom:12px;right:12px;padding:4px 8px;background:#0009;color:#fff;font-size:11px;border-radius:4px;opacity:0;transition:opacity .3s ease;pointer-events:none;cursor:pointer}.zoom-indicator.visible[data-v-d447a5c4]{opacity:1;pointer-events:auto}.zoom-indicator[data-v-d447a5c4]:hover{background:#000c}.drop-zone-overlay[data-v-d447a5c4]{position:absolute;inset:0;background:#0d99ff14;border:2px dashed #0d99ff;z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-zone-content[data-v-d447a5c4]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#0d99ff;font-size:14px;font-weight:500}.drop-zone-formats[data-v-d447a5c4]{font-size:11px;font-weight:400;color:#0d99ff99}.image-preview-cursor[data-v-d447a5c4]{position:absolute;pointer-events:none;transform:translate(10px,10px);z-index:1000;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.image-preview-thumbnail[data-v-d447a5c4]{border:2px solid #0d99ff;border-radius:4px;box-shadow:0 4px 12px #0006;background:#fff;-o-object-fit:contain;object-fit:contain}.image-preview-hint[data-v-d447a5c4]{background:#000000b3;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;white-space:nowrap}.rulers[data-v-cd11c4ec]{pointer-events:none;position:absolute;inset:0;z-index:10}.ruler-corner[data-v-cd11c4ec]{position:absolute;top:0;left:0;width:20px;height:20px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);z-index:2}.ruler-horizontal[data-v-cd11c4ec]{position:absolute;top:0;left:20px;right:0;height:20px;overflow:hidden;z-index:1;pointer-events:auto;cursor:s-resize}.ruler-horizontal canvas[data-v-cd11c4ec]{display:block;pointer-events:none}.ruler-vertical[data-v-cd11c4ec]{position:absolute;top:20px;left:0;bottom:0;width:20px;overflow:hidden;z-index:1;pointer-events:auto;cursor:e-resize}.ruler-vertical canvas[data-v-cd11c4ec]{display:block;pointer-events:none}.guide-preview-line[data-v-cd11c4ec]{position:absolute;pointer-events:none;z-index:100}.guide-preview-horizontal[data-v-cd11c4ec]{left:0;right:0;height:1px;background:#00c8c8b3}.guide-preview-vertical[data-v-cd11c4ec]{top:0;bottom:0;width:1px;background:#00c8c8b3}.guide-preview-label[data-v-cd11c4ec]{position:absolute;background:#00a0a0e6;color:#fff;font-size:10px;font-family:-apple-system,sans-serif;padding:1px 4px;border-radius:2px;white-space:nowrap;pointer-events:none}.layers-panel[data-v-45c1b934]{display:flex;flex-direction:column;flex:1;overflow:hidden}.search-bar[data-v-45c1b934]{padding:4px 8px;border-bottom:1px solid var(--color-border);position:relative}.search-clear[data-v-45c1b934]{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:3px;display:flex;align-items:center;justify-content:center}.search-clear[data-v-45c1b934]:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.search-input[data-v-45c1b934]{width:100%;padding:5px 8px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;outline:none}.search-input[data-v-45c1b934]:focus{border-color:var(--color-accent)}.search-input[data-v-45c1b934]::-moz-placeholder{color:var(--color-text-secondary)}.search-input[data-v-45c1b934]::placeholder{color:var(--color-text-secondary)}.layers-list[data-v-45c1b934]{flex:1;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.layers-list[data-v-45c1b934]::-webkit-scrollbar{width:6px}.layers-list[data-v-45c1b934]::-webkit-scrollbar-track{background:transparent}.layers-list[data-v-45c1b934]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.layers-list[data-v-45c1b934]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.layer-item[data-v-45c1b934]{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:4px;cursor:pointer;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px solid transparent;transition:background .1s,border-color .1s}.layer-item[data-v-45c1b934]:hover{background:var(--color-bg-tertiary)}.layer-item.selected[data-v-45c1b934]{background:var(--color-accent)}.layer-item.is-hidden[data-v-45c1b934]{opacity:.5}.layer-item.is-locked .layer-name[data-v-45c1b934]{font-style:italic}.layer-item.is-dragging[data-v-45c1b934]{opacity:.5}.layer-item.drag-over-above[data-v-45c1b934]{border-top-color:var(--color-accent)}.layer-item.drag-over-below[data-v-45c1b934]{border-bottom-color:var(--color-accent)}.layer-item.drag-over-inside[data-v-45c1b934]{border-color:var(--color-accent);background:#0d99ff1a}.expand-btn[data-v-45c1b934]{width:16px;height:16px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.expand-btn[data-v-45c1b934]:hover{color:var(--color-text-primary)}.expand-btn svg[data-v-45c1b934]{transition:transform .15s ease}.expand-btn svg.expanded[data-v-45c1b934]{transform:rotate(90deg)}.expand-spacer[data-v-45c1b934]{width:16px;flex-shrink:0}.layer-icon[data-v-45c1b934]{opacity:.6;font-size:11px;min-width:16px;text-align:center;flex-shrink:0}.layer-name[data-v-45c1b934]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-name-input[data-v-45c1b934]{flex:1;background:var(--color-bg-primary);border:1px solid var(--color-accent);border-radius:2px;padding:2px 4px;font-size:13px;color:var(--color-text-primary);outline:none}.layer-actions[data-v-45c1b934]{display:flex;gap:2px;opacity:0;transition:opacity .1s}.layer-item:hover .layer-actions[data-v-45c1b934],.layer-item.selected .layer-actions[data-v-45c1b934]{opacity:1}.layer-action-btn[data-v-45c1b934]{width:20px;height:20px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.layer-action-btn[data-v-45c1b934]:hover{background:#ffffff1a;color:var(--color-text-primary)}.layer-action-btn.active[data-v-45c1b934]{color:var(--color-accent)}.mask-badge[data-v-45c1b934]{display:inline-block;margin-left:4px;padding:0 4px;font-size:9px;font-weight:600;color:var(--color-accent, #0d99ff);border:1px solid var(--color-accent, #0d99ff);border-radius:3px;vertical-align:middle;line-height:14px}.breakpoint-suffix[data-v-45c1b934]{opacity:.5;font-size:11px;text-transform:uppercase}.empty-state[data-v-45c1b934]{padding:16px;text-align:center;color:var(--color-text-secondary);font-size:12px}.asset-panel[data-v-77205114]{display:flex;flex-direction:column;flex:1;overflow:hidden}.tab-bar[data-v-77205114]{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0}.tab-btn[data-v-77205114]{flex:1;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:color .15s,border-color .15s}.tab-btn[data-v-77205114]:hover{color:var(--color-text-primary)}.tab-btn.active[data-v-77205114]{color:var(--color-text-primary);border-bottom-color:var(--color-accent)}.tab-content[data-v-77205114]{flex:1;display:flex;flex-direction:column;overflow:hidden}.search-bar[data-v-77205114]{padding:6px 8px;border-bottom:1px solid var(--color-border);position:relative;flex-shrink:0}.search-input[data-v-77205114]{width:100%;padding:5px 8px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;outline:none}.search-input[data-v-77205114]:focus{border-color:var(--color-accent)}.search-input[data-v-77205114]::-moz-placeholder{color:var(--color-text-secondary)}.search-input[data-v-77205114]::placeholder{color:var(--color-text-secondary)}.search-clear[data-v-77205114]{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:3px;display:flex;align-items:center;justify-content:center}.search-clear[data-v-77205114]:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.icon-grid[data-v-77205114]{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.icon-grid[data-v-77205114]::-webkit-scrollbar{width:6px}.icon-grid[data-v-77205114]::-webkit-scrollbar-track{background:transparent}.icon-grid[data-v-77205114]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.icon-grid[data-v-77205114]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.icon-item[data-v-77205114]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:background .1s,color .1s,border-color .1s;padding:0}.icon-item[data-v-77205114]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.icon-item[data-v-77205114]:active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.image-categories[data-v-77205114]{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.image-categories[data-v-77205114]::-webkit-scrollbar{width:6px}.image-categories[data-v-77205114]::-webkit-scrollbar-track{background:transparent}.image-categories[data-v-77205114]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.image-categories[data-v-77205114]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.image-category[data-v-77205114]{margin-bottom:12px}.category-header[data-v-77205114]{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:0 2px}.image-grid[data-v-77205114]{display:grid;grid-template-columns:1fr 1fr;gap:4px}.image-item[data-v-77205114]{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;overflow:hidden;padding:0;aspect-ratio:3 / 2;transition:border-color .15s,transform .1s}.image-item[data-v-77205114]:hover{border-color:var(--color-accent);transform:scale(1.02)}.image-item[data-v-77205114]:active{transform:scale(.98)}.image-item img[data-v-77205114]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.custom-url-section[data-v-77205114]{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.custom-url-row[data-v-77205114]{display:flex;gap:4px}.custom-url-row .search-input[data-v-77205114]{flex:1}.custom-url-btn[data-v-77205114]{padding:5px 8px;background:var(--color-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.custom-url-btn[data-v-77205114]:hover{opacity:.85}.custom-url-btn[data-v-77205114]:disabled{opacity:.4;cursor:not-allowed}.empty-state[data-v-77205114]{padding:24px 16px;text-align:center;color:var(--color-text-secondary);font-size:12px;grid-column:1 / -1}.left-panel[data-v-79cd704d]{width:var(--panel-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;overflow:hidden}.left-panel.collapsed[data-v-79cd704d]{width:32px}.panel-header[data-v-79cd704d]{padding:0 4px 0 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;flex-shrink:0}.panel-tabs[data-v-79cd704d]{display:flex;align-items:center;flex:1}.panel-tab[data-v-79cd704d]{background:none;border:none;padding:6px 12px;font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.panel-tab[data-v-79cd704d]:hover{color:var(--color-text-primary)}.panel-tab.active[data-v-79cd704d]{color:var(--color-text-primary);border-bottom-color:var(--color-accent, #0d99ff)}.tab-divider[data-v-79cd704d]{width:1px;height:14px;background:var(--color-border)}.panel-collapse-btn[data-v-79cd704d]{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:3px;flex-shrink:0;margin-left:auto}.panel-collapse-btn[data-v-79cd704d]:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.panel-collapse-btn .chevron-collapsed[data-v-79cd704d]{transform:rotate(180deg)}.panel-collapse-btn svg[data-v-79cd704d]{transition:transform .15s ease}.fe-wrapper[data-v-268d5c9d]{position:relative}.fe-inline[data-v-268d5c9d]{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .1s}.fe-inline[data-v-268d5c9d]:hover{background:var(--color-bg-tertiary)}.fe-swatch[data-v-268d5c9d]{width:28px;height:28px;border-radius:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.fe-inline-info[data-v-268d5c9d]{display:flex;flex-direction:column;gap:1px;min-width:0}.fe-inline-hex[data-v-268d5c9d]{font-size:12px;color:var(--color-text-primary);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fe-inline-meta[data-v-268d5c9d]{font-size:10px;color:var(--color-text-secondary)}.fe-popover[data-v-268d5c9d]{width:256px;background:var(--color-bg-secondary, #2c2c2c);border:1px solid var(--color-border, #444);border-radius:8px;padding:10px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:8px}.fe-types[data-v-268d5c9d]{display:flex;align-items:center;justify-content:space-between}.fe-types-left[data-v-268d5c9d],.fe-types-right[data-v-268d5c9d]{display:flex;gap:1px}.fe-type[data-v-268d5c9d]{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid transparent;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:0;transition:all .15s}.fe-type[data-v-268d5c9d]:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.fe-type.active[data-v-268d5c9d]{color:var(--color-text-primary);border-color:var(--color-accent, #0d99ff);background:var(--color-bg-tertiary)}.fe-type[data-v-268d5c9d]:disabled{opacity:.3;cursor:not-allowed}.fe-sv[data-v-268d5c9d]{position:relative;width:100%;aspect-ratio:1 / .75;border-radius:4px;cursor:crosshair;overflow:hidden}.fe-sv-w[data-v-268d5c9d]{position:absolute;inset:0;background:linear-gradient(to right,#fff,transparent)}.fe-sv-b[data-v-268d5c9d]{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000)}.fe-sv-cursor[data-v-268d5c9d]{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.fe-bar-row[data-v-268d5c9d]{display:flex;align-items:center;gap:6px}.fe-bar-spacer[data-v-268d5c9d]{width:42px;flex-shrink:0}.fe-eyedropper[data-v-268d5c9d]{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;padding:0}.fe-eyedropper[data-v-268d5c9d]:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.fe-color-dot[data-v-268d5c9d]{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.2)}.fe-hue-bar[data-v-268d5c9d]{flex:1;height:10px;border-radius:5px;position:relative;cursor:pointer;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.fe-opacity-bar[data-v-268d5c9d]{flex:1;height:10px;border-radius:5px;position:relative;cursor:pointer;background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0;overflow:hidden}.fe-opacity-fill[data-v-268d5c9d]{position:absolute;inset:0;border-radius:5px}.fe-bar-thumb[data-v-268d5c9d]{position:absolute;top:50%;width:12px;height:12px;border:2px solid white;border-radius:50%;box-shadow:0 0 2px #0006;transform:translate(-50%,-50%);pointer-events:none}.fe-input-row[data-v-268d5c9d]{display:flex;align-items:center;gap:4px}.fe-mode-dropdown[data-v-268d5c9d]{position:relative;flex-shrink:0}.fe-mode-select[data-v-268d5c9d]{display:flex;align-items:center;gap:3px;padding:4px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:11px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fe-mode-select[data-v-268d5c9d]:hover{background:var(--color-bg-secondary)}.fe-mode-select svg[data-v-268d5c9d]{opacity:.5}.fe-mode-menu[data-v-268d5c9d]{position:absolute;top:100%;left:0;margin-top:2px;z-index:10;background:var(--color-bg-primary, #1e1e1e);border:1px solid var(--color-border);border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #0006;min-width:60px}.fe-mode-menu button[data-v-268d5c9d]{display:block;width:100%;padding:5px 10px;border:none;background:transparent;color:var(--color-text-primary);font-size:11px;text-align:left;cursor:pointer}.fe-mode-menu button[data-v-268d5c9d]:hover{background:var(--color-accent, #0d99ff);color:#fff}.fe-mode-menu button.active[data-v-268d5c9d]{color:var(--color-accent, #0d99ff)}.fe-mode-menu button.active[data-v-268d5c9d]:hover{color:#fff}.fe-hex-input[data-v-268d5c9d]{flex:1;min-width:0;padding:4px 6px;font-size:11px;font-family:monospace;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);text-align:center;outline:none}.fe-hex-input[data-v-268d5c9d]:focus{border-color:var(--color-accent, #0d99ff)}.fe-num-input[data-v-268d5c9d]{width:36px;padding:4px 2px;font-size:11px;text-align:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);outline:none}.fe-num-input[data-v-268d5c9d]:focus{border-color:var(--color-accent, #0d99ff)}.fe-opacity-input[data-v-268d5c9d]{width:32px}.fe-pct[data-v-268d5c9d]{font-size:11px;color:var(--color-text-secondary);flex-shrink:0}.fe-num-input[data-v-268d5c9d]::-webkit-inner-spin-button,.fe-num-input[data-v-268d5c9d]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fe-num-input[data-v-268d5c9d]{-moz-appearance:textfield}.fe-divider[data-v-268d5c9d]{height:1px;background:var(--color-border);margin:2px 0}.fe-doc-toggle[data-v-268d5c9d]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:11px;cursor:pointer}.fe-doc-toggle[data-v-268d5c9d]:hover{background:var(--color-bg-secondary)}.fe-chevron[data-v-268d5c9d]{transition:transform .15s}.fe-chevron.open[data-v-268d5c9d]{transform:rotate(180deg)}.fe-doc-colors[data-v-268d5c9d]{display:flex;gap:4px;flex-wrap:wrap}.fe-doc-swatch[data-v-268d5c9d]{width:18px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.12);cursor:pointer;padding:0}.fe-doc-swatch[data-v-268d5c9d]:hover{border-color:var(--color-accent, #0d99ff);transform:scale(1.15)}.fe-doc-empty[data-v-268d5c9d]{font-size:11px;color:var(--color-text-secondary);padding:4px 0}.fe-grad-type-row[data-v-268d5c9d]{display:flex;align-items:center;justify-content:space-between;gap:6px}.fe-grad-type-dropdown[data-v-268d5c9d]{position:relative}.fe-grad-actions[data-v-268d5c9d]{display:flex;gap:2px}.fe-grad-bar[data-v-268d5c9d]{position:relative;width:100%;height:16px;border-radius:4px;border:1px solid var(--color-border)}.fe-grad-handle[data-v-268d5c9d]{position:absolute;top:50%;width:14px;height:14px;border:2px solid white;border-radius:50%;box-shadow:0 1px 3px #0006;transform:translate(-50%,-50%);cursor:grab;padding:0}.fe-grad-handle.selected[data-v-268d5c9d]{box-shadow:0 0 0 2px var(--color-accent, #0d99ff),0 1px 3px #0006}.fe-grad-handle[data-v-268d5c9d]:active{cursor:grabbing}.fe-section-header[data-v-268d5c9d]{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--color-text-secondary)}.fe-stop-actions[data-v-268d5c9d]{display:flex;gap:2px}.fe-icon-btn[data-v-268d5c9d]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;padding:0}.fe-icon-btn[data-v-268d5c9d]:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.fe-icon-btn[data-v-268d5c9d]:disabled{opacity:.4;cursor:not-allowed}.fe-grad-preview[data-v-268d5c9d]{height:20px;border-radius:4px;border:1px solid var(--color-border)}.fe-stop-row[data-v-268d5c9d]{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .1s}.fe-stop-row[data-v-268d5c9d]:hover{background:var(--color-bg-tertiary)}.fe-stop-row.selected[data-v-268d5c9d]{background:#0d99ff26;outline:1px solid var(--color-accent, #0d99ff)}.fe-stop-pos-label[data-v-268d5c9d]{font-size:11px;color:var(--color-text-primary);min-width:32px;text-align:right;font-family:monospace}.fe-stop-swatch[data-v-268d5c9d]{width:18px;height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.fe-stop-hex[data-v-268d5c9d]{flex:1;padding:3px 4px;font-size:11px;font-family:monospace;background:transparent;border:none;color:var(--color-text-primary);text-align:left;outline:none;min-width:0}.fe-stop-hex[data-v-268d5c9d]:focus{background:var(--color-bg-tertiary);border-radius:3px}.fe-stop-opacity[data-v-268d5c9d]{width:28px;padding:2px;font-size:11px;text-align:right;background:transparent;border:none;color:var(--color-text-primary);outline:none}.fe-stop-opacity[data-v-268d5c9d]::-webkit-inner-spin-button,.fe-stop-opacity[data-v-268d5c9d]::-webkit-outer-spin-button{-webkit-appearance:none}.fe-stop-opacity[data-v-268d5c9d]{-moz-appearance:textfield}.fe-stop-remove[data-v-268d5c9d]{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;padding:0;border-radius:3px;flex-shrink:0}.fe-stop-remove[data-v-268d5c9d]:hover:not(:disabled){color:#f44;background:#ff44441a}.fe-stop-remove[data-v-268d5c9d]:disabled{opacity:.3;cursor:not-allowed}.fe-grad-opacity-row[data-v-268d5c9d]{display:flex;align-items:center;gap:6px;padding:4px 0}.fe-opacity-label[data-v-268d5c9d]{font-size:11px;color:var(--color-text-secondary);min-width:44px;flex-shrink:0}.fe-grad-opacity-slider[data-v-268d5c9d]{flex:1;height:4px;accent-color:var(--color-accent, #0d99ff)}.fe-image-btn[data-v-268d5c9d]{width:100%;padding:8px;font-size:12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer}.fe-image-btn[data-v-268d5c9d]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.fe-image-preview[data-v-268d5c9d]{border-radius:4px;overflow:hidden;border:1px solid var(--color-border);max-height:80px}.fe-image-preview img[data-v-268d5c9d]{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;max-height:80px}.fe-video-preview[data-v-268d5c9d]{border-radius:4px;overflow:hidden;border:1px solid var(--color-border);max-height:80px}.fe-pattern-grid[data-v-268d5c9d]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:4px}.fe-pattern-swatch[data-v-268d5c9d]{aspect-ratio:1;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;padding:0;background:#fff;overflow:hidden}.fe-pattern-swatch[data-v-268d5c9d]:hover{border-color:var(--color-accent, #0d99ff)}.fe-pattern-tile[data-v-268d5c9d]{width:100%;height:100%;background-repeat:repeat;background-size:12px 12px}.fe-ctrl-row[data-v-268d5c9d]{display:flex;align-items:center;gap:6px}.fe-ctrl-row label[data-v-268d5c9d]{font-size:11px;color:var(--color-text-secondary);width:48px;flex-shrink:0}.fe-text-input[data-v-268d5c9d]{flex:1;min-width:0;padding:4px 6px;font-size:11px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);outline:none}.fe-stop-picker[data-v-268d5c9d]{width:236px;background:var(--color-bg-secondary, #2c2c2c);border:1px solid var(--color-border, #444);border-radius:8px;padding:10px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:8px}.fe-stop-picker-header[data-v-268d5c9d]{display:flex;align-items:center;justify-content:space-between}.fe-stop-picker-close[data-v-268d5c9d]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);font-size:16px;line-height:1;cursor:pointer;padding:0}.fe-stop-picker-close[data-v-268d5c9d]:hover{color:var(--color-text-primary)}.fe-stop-swatch[data-v-268d5c9d]{cursor:pointer}.fe-stop-swatch[data-v-268d5c9d]:hover{border-color:var(--color-accent, #0d99ff);transform:scale(1.1)}.fe-blend-menu[data-v-268d5c9d]{position:absolute;top:100%;right:0;z-index:10002;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:4px 0;min-width:140px;box-shadow:0 4px 12px #0000004d;max-height:240px;overflow-y:auto}.fe-blend-item[data-v-268d5c9d]{display:block;width:100%;text-align:left;padding:4px 12px;background:none;border:none;color:var(--color-text-secondary);font-size:11px;cursor:pointer;white-space:nowrap}.fe-blend-item[data-v-268d5c9d]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.fe-blend-item.active[data-v-268d5c9d]{color:var(--color-accent, #0d99ff)}.fe-contrast-panel[data-v-268d5c9d]{padding:0 4px}.fe-contrast-header[data-v-268d5c9d]{font-size:11px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.fe-contrast-preview[data-v-268d5c9d]{display:flex;gap:8px;margin-bottom:8px}.fe-contrast-swatch[data-v-268d5c9d]{flex:1;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;border:1px solid var(--color-border)}.fe-contrast-row[data-v-268d5c9d]{display:flex;align-items:center;gap:6px;margin-bottom:6px}.fe-contrast-row label[data-v-268d5c9d]{font-size:10px;color:var(--color-text-secondary);min-width:56px}.fe-contrast-color-input[data-v-268d5c9d]{width:20px;height:20px;border:none;padding:0;cursor:pointer;border-radius:3px}.fe-contrast-ratio[data-v-268d5c9d]{font-size:16px;font-weight:700;color:var(--color-text-primary);text-align:center;margin:8px 0}.fe-contrast-results[data-v-268d5c9d]{display:flex;flex-direction:column;gap:4px}.fe-contrast-result[data-v-268d5c9d]{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-secondary)}.fe-pass[data-v-268d5c9d]{color:#22c55e;font-weight:600}.fe-fail[data-v-268d5c9d]{color:#ef4444;font-weight:600}.fe-styles-section[data-v-268d5c9d]{margin-bottom:4px}.fe-styles-label[data-v-268d5c9d]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:6px}.fe-fav-star[data-v-268d5c9d]{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:0;transition:all .15s}.fe-fav-star[data-v-268d5c9d]:hover{color:#f5a623;background:var(--color-bg-tertiary)}.fe-fav-star.active[data-v-268d5c9d]{color:#f5a623}.fe-favourites-section[data-v-268d5c9d]{margin-bottom:4px}.fe-favourites-label[data-v-268d5c9d]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:6px}.fe-fav-swatch-wrap[data-v-268d5c9d]{position:relative;display:inline-block}.fe-fav-remove[data-v-268d5c9d]{display:none;position:absolute;top:-4px;right:-4px;z-index:1;width:12px;height:12px;border-radius:50%;background:var(--color-bg-primary, #1e1e1e);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:10px;line-height:1;cursor:pointer;padding:0;align-items:center;justify-content:center}.fe-fav-swatch-wrap:hover .fe-fav-remove[data-v-268d5c9d]{display:flex}.fe-fav-remove[data-v-268d5c9d]:hover{color:#f44;border-color:#f44}.fe-style-panel[data-v-268d5c9d]{width:210px;background:var(--color-bg-secondary, #2c2c2c);border:1px solid var(--color-border, #444);border-radius:8px;padding:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:10px}.fe-style-header[data-v-268d5c9d]{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--color-text-primary)}.fe-style-preview[data-v-268d5c9d]{width:100%;height:48px;border-radius:6px;border:1px solid var(--color-border)}.fe-style-field[data-v-268d5c9d]{display:flex;flex-direction:column;gap:3px}.fe-style-field label[data-v-268d5c9d]{font-size:10px;color:var(--color-text-secondary)}.fe-style-props[data-v-268d5c9d]{display:flex;flex-direction:column;gap:4px}.fe-style-prop-row[data-v-268d5c9d]{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--color-text-secondary)}.fe-style-prop-val[data-v-268d5c9d]{font-family:monospace;color:var(--color-text-primary);font-size:11px}.fe-style-create-btn[data-v-268d5c9d]{width:100%;padding:8px;font-size:12px;font-weight:600;background:var(--color-accent, #0d99ff);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:opacity .15s}.fe-style-create-btn[data-v-268d5c9d]:hover:not(:disabled){opacity:.85}.fe-style-create-btn[data-v-268d5c9d]:disabled{opacity:.4;cursor:not-allowed}.color-picker-wrapper[data-v-db847ad2]{position:relative;display:inline-block}.cp-trigger[data-v-db847ad2]{width:24px;height:24px;border-radius:4px;border:1.5px solid var(--color-border, #555);cursor:pointer;transition:border-color .15s}.cp-trigger[data-v-db847ad2]:hover{border-color:var(--color-text-secondary, #999)}.cp-popover[data-v-db847ad2]{width:224px;background:var(--color-bg-secondary, #2c2c2c);border:1px solid var(--color-border, #444);border-radius:8px;padding:8px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:8px}.cp-sv-area[data-v-db847ad2]{position:relative;width:100%;aspect-ratio:1 / .72;border-radius:4px;cursor:crosshair;overflow:hidden}.cp-sv-white[data-v-db847ad2]{position:absolute;inset:0;background:linear-gradient(to right,#fff,transparent)}.cp-sv-black[data-v-db847ad2]{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#000)}.cp-sv-cursor[data-v-db847ad2]{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.cp-slider-row[data-v-db847ad2]{display:flex;align-items:center;gap:8px}.cp-color-swatch[data-v-db847ad2]{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0}.cp-bars[data-v-db847ad2]{flex:1;display:flex;flex-direction:column;gap:6px}.cp-hue-bar[data-v-db847ad2]{position:relative;width:100%;height:10px;border-radius:5px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.cp-opacity-bar[data-v-db847ad2]{position:relative;width:100%;height:10px;border-radius:5px;background-image:linear-gradient(45deg,#666 25%,transparent 25%),linear-gradient(-45deg,#666 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#666 75%),linear-gradient(-45deg,transparent 75%,#666 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0;cursor:pointer;overflow:hidden}.cp-opacity-fill[data-v-db847ad2]{position:absolute;inset:0;border-radius:5px}.cp-bar-thumb[data-v-db847ad2]{position:absolute;top:50%;width:12px;height:12px;border:2px solid white;border-radius:50%;box-shadow:0 0 2px #0006;transform:translate(-50%,-50%);pointer-events:none}.cp-input-row[data-v-db847ad2]{display:flex;align-items:flex-start;gap:4px}.cp-eyedropper[data-v-db847ad2]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:1px;background:none;border:none;color:var(--color-text-secondary, #999);cursor:pointer;border-radius:4px;padding:0}.cp-eyedropper[data-v-db847ad2]:hover{color:var(--color-text-primary, #fff);background:var(--color-bg-tertiary, #3a3a3a)}.cp-fields[data-v-db847ad2]{flex:1;display:flex;gap:3px}.cp-field[data-v-db847ad2]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.cp-field-hex[data-v-db847ad2]{flex:2}.cp-field-opacity[data-v-db847ad2]{flex:0 0 36px}.cp-field input[data-v-db847ad2]{width:100%;padding:3px 2px;font-size:11px;text-align:center;background:var(--color-bg-tertiary, #363636);border:1px solid var(--color-border, #444);border-radius:3px;color:var(--color-text-primary, #eee);outline:none;font-family:inherit}.cp-field input[data-v-db847ad2]:focus{border-color:var(--color-accent, #4a9eff)}.cp-field-label[data-v-db847ad2]{font-size:9px;color:var(--color-text-secondary, #888);letter-spacing:.3px}.cp-mode-arrows[data-v-db847ad2]{display:flex;flex-direction:column;gap:1px;margin-top:2px;flex-shrink:0}.cp-arrow-btn[data-v-db847ad2]{display:flex;align-items:center;justify-content:center;width:14px;height:11px;background:none;border:none;color:var(--color-text-secondary, #888);cursor:pointer;padding:0;border-radius:2px}.cp-arrow-btn[data-v-db847ad2]:hover{color:var(--color-text-primary, #fff);background:var(--color-bg-tertiary, #3a3a3a)}.cp-field input[type=number][data-v-db847ad2]::-webkit-inner-spin-button,.cp-field input[type=number][data-v-db847ad2]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cp-field input[type=number][data-v-db847ad2]{-moz-appearance:textfield}.shader-modal-backdrop[data-v-a2df09e6]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.shader-modal[data-v-a2df09e6]{background:var(--color-bg-primary, #1e1e1e);border:1px solid var(--color-border, #333);border-radius:12px;width:720px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header[data-v-a2df09e6]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #333)}.modal-header h3[data-v-a2df09e6]{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary, #eee)}.close-btn[data-v-a2df09e6]{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary, #888);font-size:20px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-a2df09e6]:hover{background:var(--color-bg-secondary, #2a2a2a);color:var(--color-text-primary, #eee)}.modal-body[data-v-a2df09e6]{overflow-y:auto;padding:16px 20px 20px}.category-section[data-v-a2df09e6]{margin-bottom:20px}.category-section[data-v-a2df09e6]:last-child{margin-bottom:0}.category-label[data-v-a2df09e6]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #888);margin-bottom:10px}.shader-grid[data-v-a2df09e6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.shader-card[data-v-a2df09e6]{border:1px solid var(--color-border, #333);border-radius:8px;overflow:hidden;cursor:pointer;background:var(--color-bg-tertiary, #252525);transition:all .15s ease;padding:0;text-align:left}.shader-card[data-v-a2df09e6]:hover{border-color:var(--color-accent, #4a9eff);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.shader-preview[data-v-a2df09e6]{width:100%;aspect-ratio:140 / 100;position:relative;background:#000;overflow:hidden}.shader-preview img[data-v-a2df09e6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.preview-placeholder[data-v-a2df09e6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-text-secondary, #666)}.animated-badge[data-v-a2df09e6]{position:absolute;top:4px;right:4px;font-size:9px;padding:2px 5px;border-radius:3px;background:#0009;color:#4a9eff;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.shader-label[data-v-a2df09e6]{padding:6px 8px;font-size:11px;color:var(--color-text-primary, #eee);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.effects-editor[data-v-ce664121]{display:flex;flex-direction:column;gap:8px}.effects-list[data-v-ce664121]{display:flex;flex-direction:column;gap:4px}.effect-item[data-v-ce664121]{background:var(--color-bg-tertiary);border-radius:6px;overflow:hidden}.effect-header[data-v-ce664121]{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;transition:background .15s ease}.effect-header[data-v-ce664121]:hover{background:var(--color-bg-secondary)}.visibility-btn[data-v-ce664121]{width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.visibility-btn.hidden[data-v-ce664121]{opacity:.4}.effect-icon[data-v-ce664121]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:4px;font-size:10px;font-weight:600}.effect-name[data-v-ce664121]{flex:1;font-size:12px;color:var(--color-text-primary)}.effect-summary[data-v-ce664121]{font-size:11px;color:var(--color-text-secondary);font-family:monospace}.remove-btn[data-v-ce664121]{width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:16px;line-height:1;opacity:0;transition:opacity .15s ease}.effect-header:hover .remove-btn[data-v-ce664121]{opacity:1}.remove-btn[data-v-ce664121]:hover{color:#f44}.effect-details[data-v-ce664121]{padding:8px 12px 12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.control-row[data-v-ce664121]{display:flex;align-items:center;gap:8px}.control-row label[data-v-ce664121]{font-size:11px;color:var(--color-text-secondary);min-width:60px}.number-input[data-v-ce664121]{width:60px;padding:4px 6px;font-size:11px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);text-align:right}.number-input.small[data-v-ce664121]{width:48px}.slider[data-v-ce664121]{flex:1;height:4px;accent-color:var(--color-accent)}.color-picker[data-v-ce664121]{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;padding:0}.color-input[data-v-ce664121]{flex:1;padding:4px 6px;font-size:11px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-family:monospace}.unit[data-v-ce664121]{font-size:11px;color:var(--color-text-secondary);min-width:16px}.select-input[data-v-ce664121]{flex:1;padding:4px 6px;font-size:11px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);cursor:pointer}.empty-state[data-v-ce664121]{padding:12px;text-align:center;font-size:12px;color:var(--color-text-secondary)}.add-effect[data-v-ce664121]{position:relative}.add-btn[data-v-ce664121]{width:100%;padding:8px;font-size:12px;background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.add-btn[data-v-ce664121]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-style:solid}.add-menu[data-v-ce664121]{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;overflow:hidden;z-index:10;box-shadow:0 4px 12px #0000004d}.add-menu button[data-v-ce664121]{width:100%;padding:8px 12px;font-size:12px;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background .15s ease}.add-menu button[data-v-ce664121]:hover{background:var(--color-bg-tertiary)}.add-menu button[data-v-ce664121]:not(:last-child){border-bottom:1px solid var(--color-border)}.text-style-panel[data-v-98a2e101]{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.panel-header[data-v-98a2e101]{padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.panel-content[data-v-98a2e101]{padding:12px}.property-row[data-v-98a2e101]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px}.property-row label[data-v-98a2e101]{color:var(--color-text-secondary);font-size:11px;min-width:60px}.property-row.two-col[data-v-98a2e101]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-row.two-col .property[data-v-98a2e101]{display:flex;flex-direction:column;gap:4px}.font-trigger[data-v-98a2e101]{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;cursor:pointer;text-align:left;min-width:0}.font-trigger[data-v-98a2e101]:hover{border-color:var(--color-accent)}.font-trigger-name[data-v-98a2e101]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-trigger svg[data-v-98a2e101]{flex-shrink:0;opacity:.5}.weight-select[data-v-98a2e101]{flex:1;padding:6px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;cursor:pointer}.weight-select[data-v-98a2e101]:focus{outline:none;border-color:var(--color-accent)}.small-input[data-v-98a2e101]{width:60px;padding:6px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;text-align:center}.small-input[data-v-98a2e101]:focus{outline:none;border-color:var(--color-accent)}.style-toggles[data-v-98a2e101],.align-buttons[data-v-98a2e101]{display:flex;gap:4px}.toggle-btn[data-v-98a2e101],.align-btn[data-v-98a2e101]{padding:6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.toggle-btn[data-v-98a2e101]:hover,.align-btn[data-v-98a2e101]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.toggle-btn.active[data-v-98a2e101],.align-btn.active[data-v-98a2e101]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.line-height-input[data-v-98a2e101]{display:flex;gap:4px;align-items:center}.auto-btn[data-v-98a2e101]{padding:6px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:11px;cursor:pointer}.auto-toggle[data-v-98a2e101]{padding:6px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.auto-toggle[data-v-98a2e101]:hover{background:var(--color-bg-secondary)}.auto-toggle.active[data-v-98a2e101]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.selection-color-row[data-v-98a2e101]{display:flex;gap:6px;align-items:center}.range-color-picker[data-v-98a2e101]{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;padding:0;flex-shrink:0}.clear-ranges-btn[data-v-98a2e101]{padding:4px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-ranges-btn[data-v-98a2e101]:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.spacing-row[data-v-98a2e101]{display:flex;gap:8px;margin-bottom:10px}.spacing-row .property-inline[data-v-98a2e101]{flex:1;display:flex;align-items:center;gap:4px;min-width:0}.scrub-label[data-v-98a2e101]{cursor:ew-resize;color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.scrub-label[data-v-98a2e101]:hover{color:var(--color-text-primary)}.num-input-wrap[data-v-98a2e101]{position:relative;display:flex;align-items:center;flex:1;min-width:0;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.num-input-wrap[data-v-98a2e101]:focus-within{border-color:var(--color-accent)}.num-input-wrap input[type=number][data-v-98a2e101]{width:100%;padding:6px 16px 6px 8px;border:none;background:transparent;outline:none;color:var(--color-text-primary);font-size:12px;text-align:center;-moz-appearance:textfield}.num-input-wrap input[type=number][data-v-98a2e101]::-webkit-inner-spin-button,.num-input-wrap input[type=number][data-v-98a2e101]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input-btns[data-v-98a2e101]{position:absolute;right:1px;top:1px;bottom:1px;display:none;flex-direction:column;width:14px}.num-input-wrap:focus-within .num-input-btns[data-v-98a2e101]{display:flex}.num-input-btn[data-v-98a2e101]{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-text-secondary);border-radius:2px;line-height:1}.num-input-btn[data-v-98a2e101]:hover{background:var(--color-accent);color:#fff}.num-input-btn svg[data-v-98a2e101]{width:8px;height:8px}.font-popover[data-v-98a2e101]{width:260px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;overflow:hidden}.fp-search[data-v-98a2e101]{padding:8px;border-bottom:1px solid var(--color-border)}.fp-search-input[data-v-98a2e101]{width:100%;padding:6px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;outline:none}.fp-search-input[data-v-98a2e101]:focus{border-color:var(--color-accent)}.fp-section[data-v-98a2e101]{padding:4px 0}.fp-section-label[data-v-98a2e101]{padding:4px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.fp-divider[data-v-98a2e101]{height:1px;background:var(--color-border);margin:0 8px}.fp-all-fonts[data-v-98a2e101]{flex:1;min-height:0;display:flex;flex-direction:column}.fp-font-list[data-v-98a2e101]{flex:1;overflow-y:auto;max-height:280px}.fp-font-item[data-v-98a2e101]{display:block;width:100%;padding:6px 12px;background:none;border:none;color:var(--color-text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-font-item[data-v-98a2e101]:hover{background:var(--color-bg-tertiary)}.fp-font-item.active[data-v-98a2e101]{color:var(--color-accent)}.fp-empty[data-v-98a2e101]{padding:16px 12px;text-align:center;color:var(--color-text-secondary);font-size:11px}.fp-font-item.previewing[data-v-98a2e101]{background:var(--color-bg-tertiary);border-left:2px solid var(--color-accent);padding-left:10px}.fp-preview-block[data-v-98a2e101]{padding:10px 12px;border-bottom:1px solid var(--color-border);background:var(--color-bg-primary)}.fp-preview-title[data-v-98a2e101]{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.fp-preview-samples[data-v-98a2e101]{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:8px;font-size:12px;color:var(--color-text-secondary)}.fp-preview-text[data-v-98a2e101]{font-size:13px;line-height:1.5;color:var(--color-text-secondary);margin:0 0 8px}.styles-panel[data-v-27a6cabd]{display:flex;flex-direction:column}.styles-section[data-v-27a6cabd]{padding:0 12px}.section-header[data-v-27a6cabd]{display:flex;align-items:center;gap:6px;padding:8px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.collapse-icon[data-v-27a6cabd]{font-size:10px;color:var(--color-text-secondary);width:12px}.section-title[data-v-27a6cabd]{flex:1;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.style-count[data-v-27a6cabd]{font-size:10px;color:var(--color-text-secondary);background:#ffffff14;padding:1px 6px;border-radius:8px}.add-btn[data-v-27a6cabd]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:14px;cursor:pointer}.add-btn[data-v-27a6cabd]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.section-content[data-v-27a6cabd]{display:flex;flex-direction:column;gap:4px;padding-bottom:8px}.empty-state[data-v-27a6cabd]{font-size:11px;color:var(--color-text-secondary);padding:8px 0;text-align:center}.style-form[data-v-27a6cabd]{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--color-bg-tertiary);border-radius:6px}.form-row[data-v-27a6cabd]{display:flex;align-items:center;gap:8px}.form-row.compact[data-v-27a6cabd]{gap:4px}.form-hint[data-v-27a6cabd]{margin:0;font-size:10px;color:var(--color-text-secondary);font-style:italic}.color-swatch[data-v-27a6cabd]{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;padding:0;flex-shrink:0}.name-input[data-v-27a6cabd]{flex:1;padding:4px 8px;font-size:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);min-width:0}.size-input[data-v-27a6cabd]{width:48px;padding:4px 6px;font-size:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary)}.weight-select[data-v-27a6cabd]{padding:4px;font-size:11px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary)}.form-actions[data-v-27a6cabd]{display:flex;gap:6px}.btn-create[data-v-27a6cabd],.btn-cancel[data-v-27a6cabd]{flex:1;padding:4px 8px;font-size:11px;border-radius:4px;border:none;cursor:pointer}.btn-create[data-v-27a6cabd]{background:var(--color-accent);color:#fff}.btn-cancel[data-v-27a6cabd]{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.style-item[data-v-27a6cabd]{display:flex;align-items:center;justify-content:space-between;border-radius:4px;transition:background .1s}.style-item[data-v-27a6cabd]:hover{background:var(--color-bg-tertiary)}.style-display[data-v-27a6cabd]{display:flex;align-items:center;gap:8px;padding:4px 6px;cursor:pointer;flex:1;min-width:0}.color-preview[data-v-27a6cabd]{width:16px;height:16px;border-radius:3px;border:1px solid var(--color-border);flex-shrink:0}.text-preview[data-v-27a6cabd]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.text-preview-letter[data-v-27a6cabd]{color:var(--color-text-primary)}.effect-preview[data-v-27a6cabd]{width:16px;height:16px;flex-shrink:0;color:var(--color-text-secondary)}.style-info[data-v-27a6cabd]{display:flex;flex-direction:column;min-width:0}.style-name[data-v-27a6cabd]{font-size:12px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-meta[data-v-27a6cabd]{font-size:10px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-actions[data-v-27a6cabd]{display:flex;gap:2px;opacity:0;transition:opacity .15s;padding-right:4px}.style-item:hover .style-actions[data-v-27a6cabd]{opacity:1}.action-btn[data-v-27a6cabd]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:3px}.action-btn[data-v-27a6cabd]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.action-btn.delete[data-v-27a6cabd]:hover{color:#ef4444}.inspector-panel[data-v-b4f66cfc]{width:var(--panel-width);background:var(--color-bg-secondary);border-left:1px solid var(--color-border);display:flex;flex-direction:column}.inspector-panel.collapsed[data-v-b4f66cfc]{width:32px}.node-type-badge[data-v-b4f66cfc]{text-transform:none;font-weight:400;font-size:11px;letter-spacing:0;margin-left:6px;opacity:.6}.panel-header[data-v-b4f66cfc]{padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:8px}.inspector-panel.collapsed .panel-header[data-v-b4f66cfc]{padding:12px 8px;justify-content:center;border-bottom:none}.panel-collapse-btn[data-v-b4f66cfc]{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:3px;flex-shrink:0}.panel-collapse-btn[data-v-b4f66cfc]:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.panel-collapse-btn .chevron-collapsed[data-v-b4f66cfc]{transform:rotate(180deg)}.panel-collapse-btn svg[data-v-b4f66cfc]{transition:transform .15s ease}.inspector-content[data-v-b4f66cfc]{flex:1;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.inspector-content[data-v-b4f66cfc]::-webkit-scrollbar{width:6px}.inspector-content[data-v-b4f66cfc]::-webkit-scrollbar-track{background:transparent}.inspector-content[data-v-b4f66cfc]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.inspector-content[data-v-b4f66cfc]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.section[data-v-b4f66cfc]{margin-bottom:12px}.section[data-v-b4f66cfc]:last-child{margin-bottom:0}.section-title[data-v-b4f66cfc]{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:8px}.section-label[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary);margin-bottom:6px}.section-label-toggle[data-v-b4f66cfc]{cursor:pointer;display:flex;align-items:center;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-label-toggle[data-v-b4f66cfc]:hover{color:var(--color-text-primary)}.distribute-layer-row[data-v-b4f66cfc]{display:flex;align-items:flex-end;gap:0;margin-top:6px}.distribute-layer-row>.distribute-layer-divider[data-v-b4f66cfc]{width:1px;height:24px;background:var(--color-border);margin:0 6px;flex-shrink:0}.distribute-layer-group[data-v-b4f66cfc]{display:flex;flex-direction:column;gap:4px}.multi-fill-item[data-v-b4f66cfc]{border:1px solid var(--color-border);border-radius:6px;padding:8px;margin-bottom:6px}.multi-fill-header[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.multi-fill-index[data-v-b4f66cfc]{font-size:10px;color:var(--color-text-secondary);font-weight:600}.remove-fill-btn[data-v-b4f66cfc]{opacity:.5}.remove-fill-btn[data-v-b4f66cfc]:hover{opacity:1;color:#ef4444}.constraints-grid[data-v-b4f66cfc]{display:flex;flex-direction:row;gap:8px}.constraint-axis[data-v-b4f66cfc]{display:flex;align-items:center;gap:8px}.constraint-axis label[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary);width:16px;flex-shrink:0;font-weight:600}.constraint-select[data-v-b4f66cfc]{flex:1;padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:11px;cursor:pointer}.icon-toggle-btn[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.icon-toggle-btn[data-v-b4f66cfc]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.icon-toggle-btn.active[data-v-b4f66cfc]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.icon-toggle-btn.inactive[data-v-b4f66cfc]{opacity:.5}.section-label-small[data-v-b4f66cfc]{font-size:10px;color:var(--color-text-secondary);margin:6px 0 3px}.alignment-row[data-v-b4f66cfc]{display:flex;align-items:center;gap:2px}.align-btn[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.align-btn[data-v-b4f66cfc]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.align-divider[data-v-b4f66cfc]{width:1px;height:20px;background:var(--color-border);margin:0 4px}.property-row-inline[data-v-b4f66cfc]{display:flex;align-items:center;gap:8px;overflow:hidden}.property-inline[data-v-b4f66cfc]{display:flex;align-items:center;gap:4px;flex:1}.property-inline label[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary);min-width:14px}.property-inline label.scrub-label[data-v-b4f66cfc]{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.property-inline label.scrub-label[data-v-b4f66cfc]:hover{color:var(--color-accent)}.property-inline input[type=number][data-v-b4f66cfc]{flex:1;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;padding:6px;color:var(--color-text-primary);font-size:12px;min-width:0}.property-inline input[data-v-b4f66cfc]:focus{outline:none;border-color:var(--color-accent)}.property-inline .unit[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary)}.constraint-btn[data-v-b4f66cfc]{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.constraint-btn[data-v-b4f66cfc]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.constraint-btn.active[data-v-b4f66cfc]{color:var(--color-accent)}.slider-property[data-v-b4f66cfc]{margin-bottom:10px}.slider-property>label[data-v-b4f66cfc]{display:block;font-size:11px;color:var(--color-text-secondary);margin-bottom:6px}.slider-row[data-v-b4f66cfc]{display:flex;align-items:center;gap:8px}.slider-row input[type=range][data-v-b4f66cfc]{flex:1;height:4px;accent-color:var(--color-accent);min-width:0}.slider-row .value-input[data-v-b4f66cfc]{width:48px;padding:4px 6px;font-size:11px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);text-align:right;flex-shrink:0}.property-grid[data-v-b4f66cfc]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property[data-v-b4f66cfc]{display:flex;flex-direction:column;gap:4px}.property label[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary)}.property input[data-v-b4f66cfc]{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;padding:6px 8px;color:var(--color-text-primary);font-size:12px;width:100%}.property input[data-v-b4f66cfc]:focus{outline:none;border-color:var(--color-accent)}.property .input-with-unit[data-v-b4f66cfc]{display:flex;align-items:center;gap:2px;width:100%}.property .input-with-unit input[data-v-b4f66cfc]{flex:1;min-width:0}.property .input-with-unit .unit[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary);flex-shrink:0}.fill-preview[data-v-b4f66cfc]{display:flex;align-items:center;gap:8px;padding:8px;background:var(--color-bg-tertiary);border-radius:4px}.color-input[data-v-b4f66cfc]{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;padding:0}.collapsible-section[data-v-b4f66cfc]{border-top:1px solid var(--color-border);padding-top:10px;margin-top:0}.section-header[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-header .section-title[data-v-b4f66cfc]{margin-bottom:0}.section-actions[data-v-b4f66cfc]{display:flex;align-items:center;gap:8px}.icon-btn[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.icon-btn[data-v-b4f66cfc]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.icon-btn.dropdown-toggle[data-v-b4f66cfc]{border-radius:4px}.icon-btn.dropdown-toggle.active[data-v-b4f66cfc]{background:var(--color-accent);color:#fff}.icon-btn.dropdown-toggle.active[data-v-b4f66cfc]:hover{background:var(--color-accent-hover, #0b87e0)}.icon-btn-small[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:14px}.icon-btn-small[data-v-b4f66cfc]:hover{color:var(--color-text-primary)}.dropdown-container[data-v-b4f66cfc]{position:relative}.dropdown-menu[data-v-b4f66cfc]{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:4px 0;min-width:150px;box-shadow:0 -4px 12px #0000004d;z-index:1000}.dropdown-item[data-v-b4f66cfc]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary);font-size:12px;cursor:pointer;text-align:left;transition:background .1s ease}.dropdown-item[data-v-b4f66cfc]:hover{background:var(--color-accent)}.effect-icon[data-v-b4f66cfc]{font-size:14px;opacity:.7}.empty-section-text[data-v-b4f66cfc]{font-size:12px;color:var(--color-text-secondary);text-align:center;padding:8px 0}.export-list[data-v-b4f66cfc],.effects-list[data-v-b4f66cfc]{margin-top:8px}.export-item[data-v-b4f66cfc]{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:12px;margin-bottom:4px}.export-scale[data-v-b4f66cfc],.export-format[data-v-b4f66cfc]{padding:4px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:11px;cursor:pointer}.export-scale[data-v-b4f66cfc]{width:50px}.export-format[data-v-b4f66cfc]{flex:1}.export-options-btn[data-v-b4f66cfc],.export-remove-btn[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:14px}.export-options-btn[data-v-b4f66cfc]:hover,.export-remove-btn[data-v-b4f66cfc]:hover{color:var(--color-text-primary)}.export-btn[data-v-b4f66cfc]{width:100%;padding:8px 12px;margin-top:8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;cursor:pointer;transition:all .15s ease}.export-btn[data-v-b4f66cfc]:hover{background:var(--color-accent);border-color:var(--color-accent)}.empty-state[data-v-b4f66cfc]{padding:16px;text-align:center;color:var(--color-text-secondary);font-size:12px}.section-title[data-v-b4f66cfc]{display:flex;justify-content:space-between;align-items:center}.toggle-switch[data-v-b4f66cfc]{position:relative;display:inline-block;width:32px;height:18px}.toggle-switch input[data-v-b4f66cfc]{opacity:0;width:0;height:0}.toggle-slider[data-v-b4f66cfc]{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);border-radius:9px;transition:.2s}.toggle-slider[data-v-b4f66cfc]:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.2s}.toggle-switch input:checked+.toggle-slider[data-v-b4f66cfc]{background-color:var(--color-accent)}.toggle-switch input:checked+.toggle-slider[data-v-b4f66cfc]:before{transform:translate(14px)}.property-row[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}.property-row label[data-v-b4f66cfc]{color:var(--color-text-secondary);font-size:11px}.button-group[data-v-b4f66cfc]{display:flex;gap:4px}.button-group button[data-v-b4f66cfc]{padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.button-group button[data-v-b4f66cfc]:hover{background:var(--color-bg-secondary)}.button-group button.active[data-v-b4f66cfc]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.small-input[data-v-b4f66cfc]{width:48px;padding:4px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;text-align:center}.small-input[data-v-b4f66cfc]:focus{outline:none;border-color:var(--color-accent)}.padding-inputs[data-v-b4f66cfc]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.padding-inputs input[data-v-b4f66cfc]{width:36px}.alignment-grid[data-v-b4f66cfc]{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--color-bg-tertiary);padding:4px;border-radius:4px}.alignment-cell[data-v-b4f66cfc]{width:20px;height:20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.alignment-cell[data-v-b4f66cfc]:hover{border-color:var(--color-text-secondary)}.alignment-cell.active[data-v-b4f66cfc]{background:var(--color-accent);border-color:var(--color-accent)}.alignment-cell.active[data-v-b4f66cfc]:after{content:"";width:6px;height:6px;background:#fff;border-radius:50%}.sizing-select[data-v-b4f66cfc]{padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;cursor:pointer}.sizing-select[data-v-b4f66cfc]:focus{outline:none;border-color:var(--color-accent)}.html-tag-select[data-v-b4f66cfc]{width:100%;padding:5px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;font-family:SF Mono,Menlo,Monaco,monospace;cursor:pointer;max-height:200px;overflow-y:auto}.html-tag-select[data-v-b4f66cfc]:focus{outline:none;border-color:var(--color-accent)}.html-tag-select optgroup[data-v-b4f66cfc]{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:11px;color:var(--color-text-secondary)}.html-tag-select option[data-v-b4f66cfc]{font-family:SF Mono,Menlo,Monaco,monospace;padding:2px 4px}.stroke-editor[data-v-b4f66cfc]{display:flex;flex-direction:column;gap:8px}.stroke-row[data-v-b4f66cfc]{display:flex;align-items:center;gap:8px}.stroke-row label[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary);min-width:45px}.color-hex-input[data-v-b4f66cfc]{flex:1;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;padding:6px 8px;color:var(--color-text-primary);font-size:12px;font-family:monospace}.color-hex-input[data-v-b4f66cfc]:focus{outline:none;border-color:var(--color-accent)}.weight-input[data-v-b4f66cfc]{width:60px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;padding:6px 8px;color:var(--color-text-primary);font-size:12px}.weight-input[data-v-b4f66cfc]:focus{outline:none;border-color:var(--color-accent)}.component-count-controls[data-v-b4f66cfc]{display:flex;align-items:center;gap:4px}.count-btn[data-v-b4f66cfc]{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.count-btn[data-v-b4f66cfc]:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-accent)}.count-btn[data-v-b4f66cfc]:disabled{opacity:.3;cursor:default}.count-value[data-v-b4f66cfc]{font-size:12px;color:var(--color-text-primary);min-width:24px;text-align:center}.component-variant-label[data-v-b4f66cfc],.read-only-value[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary)}.bg-mode-toggle[data-v-b4f66cfc]{display:flex;gap:0;margin-bottom:8px;border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.bg-mode-btn[data-v-b4f66cfc]{flex:1;padding:5px 8px;background:var(--color-bg-tertiary);border:none;color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all .15s ease}.bg-mode-btn[data-v-b4f66cfc]:first-child{border-right:1px solid var(--color-border)}.bg-mode-btn.active[data-v-b4f66cfc]{background:var(--color-accent);color:#fff}.bg-mode-btn[data-v-b4f66cfc]:hover:not(.active){background:var(--color-bg-secondary)}.bg-color-editor[data-v-b4f66cfc]{margin-top:4px}.bg-image-editor[data-v-b4f66cfc]{display:flex;flex-direction:column;gap:8px;margin-top:4px}.bg-image-pick-btn[data-v-b4f66cfc]{width:100%;padding:6px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:11px;cursor:pointer;transition:all .15s ease}.bg-image-pick-btn[data-v-b4f66cfc]:hover{background:var(--color-bg-secondary);border-color:var(--color-accent)}.bg-image-preview[data-v-b4f66cfc]{border-radius:4px;overflow:hidden;border:1px solid var(--color-border)}.bg-image-preview img[data-v-b4f66cfc]{width:100%;height:60px;-o-object-fit:cover;object-fit:cover;display:block}.text-color-section[data-v-b4f66cfc]{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.text-color-label[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary);margin-bottom:4px;display:block}.grid-add-buttons[data-v-b4f66cfc]{display:flex;gap:2px}.icon-btn-small[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:3px;transition:all .15s}.icon-btn-small[data-v-b4f66cfc]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.icon-btn-small.opacity-30[data-v-b4f66cfc]{opacity:.3}.layout-grid-item[data-v-b4f66cfc]{border:1px solid var(--color-border);border-radius:4px;margin-bottom:6px;overflow:hidden}.layout-grid-header[data-v-b4f66cfc]{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--color-bg-tertiary)}.layout-grid-color-swatch[data-v-b4f66cfc]{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.grid-pattern-select[data-v-b4f66cfc]{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:11px;cursor:pointer;outline:none;padding:2px 0}.grid-pattern-select option[data-v-b4f66cfc]{background:var(--color-bg-secondary)}.delete-grid[data-v-b4f66cfc]{margin-left:auto}.delete-grid[data-v-b4f66cfc]:hover{color:#f44747}.layout-grid-details[data-v-b4f66cfc]{padding:6px 8px;display:flex;flex-direction:column;gap:4px}.layout-grid-details .property-row[data-v-b4f66cfc]{padding:0}.color-input-small[data-v-b4f66cfc]{width:28px;height:22px;padding:0;border:1px solid var(--color-border);border-radius:3px;background:transparent;cursor:pointer}.empty-hint[data-v-b4f66cfc]{color:var(--color-text-secondary);font-size:10px;text-align:center;padding:8px 0;opacity:.6}.inspector-content input[type=number][data-v-b4f66cfc]::-webkit-inner-spin-button,.inspector-content input[type=number][data-v-b4f66cfc]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inspector-content input[type=number][data-v-b4f66cfc]{-moz-appearance:textfield}.num-input-wrap[data-v-b4f66cfc]{position:relative;display:flex;align-items:center;flex:1;min-width:0;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.num-input-wrap[data-v-b4f66cfc]:focus-within{border-color:var(--color-accent)}.num-input-wrap input[type=number][data-v-b4f66cfc]{width:100%;padding-right:16px;border:none!important;background:transparent!important;outline:none!important}.num-input-btns[data-v-b4f66cfc]{position:absolute;right:1px;top:1px;bottom:1px;display:none;flex-direction:column;width:14px}.num-input-wrap:focus-within .num-input-btns[data-v-b4f66cfc]{display:flex}.num-input-btn[data-v-b4f66cfc]{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-text-secondary);border-radius:2px;line-height:1}.num-input-btn[data-v-b4f66cfc]:hover{background:var(--color-accent);color:#fff}.num-input-btn svg[data-v-b4f66cfc]{width:8px;height:8px}.styles-section-toggle[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2px 0}.styles-section-toggle .section-title[data-v-b4f66cfc]{margin-bottom:0}.styles-section-toggle:hover .section-title[data-v-b4f66cfc]{color:var(--color-text-primary)}.styles-chevron[data-v-b4f66cfc]{transition:transform .15s ease;color:var(--color-text-secondary)}.styles-chevron.expanded[data-v-b4f66cfc]{transform:rotate(180deg)}.styles-section-body[data-v-b4f66cfc]{margin-top:8px}.styles-subsection[data-v-b4f66cfc]{margin-bottom:12px}.styles-subsection[data-v-b4f66cfc]:last-child{margin-bottom:0}.toggle-buttons[data-v-b4f66cfc]{display:flex;gap:0;border-radius:4px;overflow:hidden;border:1px solid var(--color-border)}.toggle-btn[data-v-b4f66cfc]{padding:3px 8px;font-size:10px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:none;cursor:pointer;transition:background .15s,color .15s}.toggle-btn[data-v-b4f66cfc]:hover{background:var(--color-bg-hover)}.toggle-btn.active[data-v-b4f66cfc]{background:#0d99ff;color:#fff}.corner-radius-grid[data-v-b4f66cfc]{display:grid;grid-template-columns:1fr 1fr;gap:4px}.corner-input[data-v-b4f66cfc]{display:flex;align-items:center;gap:4px}.corner-input label[data-v-b4f66cfc]{font-size:10px;color:var(--color-text-secondary);width:18px;text-align:right}.multi-select-header[data-v-b4f66cfc]{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.multi-select-count[data-v-b4f66cfc]{font-size:12px;font-weight:500;color:var(--color-text-primary)}.selection-colors-grid[data-v-b4f66cfc]{display:flex;gap:6px;flex-wrap:wrap}.selection-color-item[data-v-b4f66cfc]{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px;border-radius:6px;transition:background .15s ease}.selection-color-item[data-v-b4f66cfc]:hover{background:var(--color-bg-tertiary)}.selection-color-swatch[data-v-b4f66cfc]{width:28px;height:28px;border-radius:4px;border:1px solid rgba(255,255,255,.12);position:relative;flex-shrink:0}.selection-color-count[data-v-b4f66cfc]{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--color-accent, #0d99ff);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.selection-color-hex[data-v-b4f66cfc]{font-size:9px;color:var(--color-text-secondary);font-family:monospace;letter-spacing:.3px}.selection-color-edit[data-v-b4f66cfc]{margin-top:10px;padding:8px;background:var(--color-bg-tertiary);border-radius:6px;border:1px solid var(--color-border)}.selection-color-edit-header[data-v-b4f66cfc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.selection-color-edit-row[data-v-b4f66cfc]{display:flex;align-items:center;gap:8px}.selection-color-edit-from[data-v-b4f66cfc]{display:flex;align-items:center;gap:4px}.selection-color-swatch-small[data-v-b4f66cfc]{width:20px;height:20px;border-radius:3px;border:1px solid rgba(255,255,255,.12)}.multi-select-property-row[data-v-b4f66cfc]{display:flex;align-items:center;gap:6px}.multi-select-property-row input[type=range][data-v-b4f66cfc]{flex:1}.value-unit[data-v-b4f66cfc]{font-size:11px;color:var(--color-text-secondary);flex-shrink:0}.toolbar[data-v-14ebe191]{flex:1;height:var(--toolbar-height);display:flex;align-items:center;padding:0 12px;gap:8px;min-width:0}.toolbar-section[data-v-14ebe191]{display:flex;align-items:center;gap:4px}.toolbar-section.spacer[data-v-14ebe191]{flex:1}.selection-info[data-v-14ebe191]{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar-section.disabled[data-v-14ebe191]{opacity:.5;pointer-events:none}.toolbar-divider[data-v-14ebe191]{width:1px;height:24px;background:var(--color-border);margin:0 4px}.tool-button[data-v-14ebe191]{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tool-button[data-v-14ebe191]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tool-button.active[data-v-14ebe191]{background:var(--color-accent);color:#fff}.undo-controls[data-v-14ebe191]{gap:2px}.zoom-controls[data-v-14ebe191]{gap:4px}.action-button[data-v-14ebe191]{width:28px;height:28px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.action-button[data-v-14ebe191]:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.action-button[data-v-14ebe191]:disabled{opacity:.5;cursor:not-allowed}.action-button.fit-button[data-v-14ebe191]{width:auto;padding:0 8px;font-size:11px}.action-button svg[data-v-14ebe191]{width:16px;height:16px}.zoom-level[data-v-14ebe191]{font-size:12px;color:var(--color-text-secondary);padding:0 8px;min-width:48px;text-align:center;cursor:pointer}.zoom-level[data-v-14ebe191]:hover{color:var(--color-text-primary)}.alignment[data-v-14ebe191],.distribution[data-v-14ebe191]{gap:2px}.present-button[data-v-14ebe191]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.present-button[data-v-14ebe191]:hover{opacity:.9}.present-button svg[data-v-14ebe191]{width:14px;height:14px}.shape-dropdown-container[data-v-14ebe191]{position:relative}.shape-tool-button[data-v-14ebe191]{display:flex;align-items:center;gap:0;padding-right:2px}.dropdown-arrow[data-v-14ebe191]{font-size:6px;opacity:.5;margin-left:1px}.shape-dropdown[data-v-14ebe191]{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px;min-width:180px;z-index:1000}.shape-dropdown-item[data-v-14ebe191]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .1s ease}.shape-dropdown-item[data-v-14ebe191]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.shape-dropdown-item.active[data-v-14ebe191]{background:var(--color-accent);color:#fff}.shape-icon[data-v-14ebe191]{width:20px;text-align:center;font-size:16px}.shape-icon-svg[data-v-14ebe191]{width:20px;display:flex;align-items:center;justify-content:center}.shape-icon-svg svg[data-v-14ebe191]{width:16px;height:16px}.shape-label[data-v-14ebe191]{flex:1}.shape-shortcut[data-v-14ebe191]{font-size:11px;opacity:.6;font-family:monospace}.frame-dropdown-container[data-v-14ebe191]{position:relative}.frame-tool-button[data-v-14ebe191]{display:flex;align-items:center;gap:0;padding-right:2px}.frame-dropdown-item[data-v-14ebe191]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .1s ease}.frame-dropdown-item[data-v-14ebe191]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.frame-dropdown-item.active[data-v-14ebe191]{background:var(--color-accent);color:#fff}.frame-icon[data-v-14ebe191]{width:20px;text-align:center;font-size:16px}.frame-icon-svg[data-v-14ebe191]{width:20px;display:flex;align-items:center;justify-content:center}.frame-icon-svg svg[data-v-14ebe191]{width:16px;height:16px}.frame-label[data-v-14ebe191]{flex:1}.frame-shortcut[data-v-14ebe191]{font-size:11px;opacity:.6;font-family:monospace}.move-dropdown-container[data-v-14ebe191]{position:relative}.move-tool-button[data-v-14ebe191]{display:flex;align-items:center;gap:0;padding-right:2px}.move-tool-button svg[data-v-14ebe191]{width:16px;height:16px}.move-dropdown[data-v-14ebe191]{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px;min-width:140px;z-index:1000}.move-dropdown-item[data-v-14ebe191]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .1s ease}.move-dropdown-item[data-v-14ebe191]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.move-dropdown-item.active[data-v-14ebe191]{background:var(--color-accent);color:#fff}.move-icon-svg[data-v-14ebe191]{width:20px;display:flex;align-items:center;justify-content:center}.move-icon-svg svg[data-v-14ebe191]{width:16px;height:16px}.move-label[data-v-14ebe191]{flex:1}.move-shortcut[data-v-14ebe191]{font-size:11px;opacity:.6;font-family:monospace}.draw-dropdown-container[data-v-14ebe191]{position:relative}.draw-tool-button[data-v-14ebe191]{display:flex;align-items:center;gap:0;padding-right:2px}.draw-dropdown[data-v-14ebe191]{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px;min-width:160px;z-index:1000}.draw-dropdown-item[data-v-14ebe191]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .1s ease}.draw-dropdown-item[data-v-14ebe191]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.draw-dropdown-item.active[data-v-14ebe191]{background:var(--color-accent);color:#fff}.draw-icon-svg[data-v-14ebe191]{width:20px;display:flex;align-items:center;justify-content:center}.draw-icon-svg svg[data-v-14ebe191]{width:16px;height:16px}.draw-label[data-v-14ebe191]{flex:1}.draw-shortcut[data-v-14ebe191]{font-size:11px;opacity:.6;font-family:monospace}.flowbite-dropdown-container[data-v-14ebe191]{position:relative}.flowbite-button[data-v-14ebe191],.library-button[data-v-14ebe191]{padding:6px 8px!important}.library-logo[data-v-14ebe191]{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;border-radius:2px;filter:grayscale(1) brightness(.7);transition:filter .15s ease}.library-button:hover .library-logo[data-v-14ebe191],.library-button.active .library-logo[data-v-14ebe191]{filter:none}.all-items-button[data-v-14ebe191]{font-weight:600!important}.dropdown-divider[data-v-14ebe191]{height:1px;background:var(--border-color, #333);margin:4px 8px;opacity:.3}.overflow-lib-item[data-v-14ebe191]{display:flex;align-items:center;gap:8px}.overflow-lib-logo[data-v-14ebe191]{width:14px;height:14px;-o-object-fit:contain;object-fit:contain;border-radius:2px;flex-shrink:0;filter:grayscale(1) brightness(.7);transition:filter .15s ease}.overflow-lib-item:hover .overflow-lib-logo[data-v-14ebe191]{filter:none}.library-icon[data-v-14ebe191]{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:11px;font-weight:700;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:3px;transition:all .15s ease}.library-button:hover .library-icon[data-v-14ebe191],.library-button.active .library-icon[data-v-14ebe191]{color:var(--color-accent);background:var(--color-accent);color:#fff}.flowbite-logo[data-v-14ebe191]{filter:grayscale(1) brightness(.7);transition:filter .15s ease}.flowbite-button:hover .flowbite-logo[data-v-14ebe191],.flowbite-logo.colored[data-v-14ebe191]{filter:none}.flowbite-dropdown[data-v-14ebe191]{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px;min-width:200px;z-index:1000}.flowbite-dropdown-scroll[data-v-14ebe191]{max-height:66vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.flowbite-dropdown-scroll[data-v-14ebe191]::-webkit-scrollbar{width:6px}.flowbite-dropdown-scroll[data-v-14ebe191]::-webkit-scrollbar-track{background:transparent}.flowbite-dropdown-scroll[data-v-14ebe191]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.flowbite-dropdown-scroll[data-v-14ebe191]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.flowbite-category[data-v-14ebe191]{position:relative}.flowbite-dropdown-item[data-v-14ebe191]{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .1s ease}.flowbite-dropdown-item[data-v-14ebe191]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.flowbite-item-label[data-v-14ebe191]{flex:1}.flowbite-arrow[data-v-14ebe191]{font-size:10px;opacity:.5}.flowbite-submenu[data-v-14ebe191]{position:absolute;left:100%;top:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px;min-width:200px;z-index:1001}.frame-presets-panel{position:fixed;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0006;padding:4px;min-width:240px;max-height:70vh;overflow-y:auto;z-index:10000}.frame-presets-panel::-webkit-scrollbar{width:5px}.frame-presets-panel::-webkit-scrollbar-track{background:transparent}.frame-presets-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.frame-presets-panel .frame-presets-section{padding:2px 0}.frame-presets-panel .frame-presets-divider{height:1px;background:var(--color-border);margin:4px 8px}.frame-presets-panel .frame-presets-heading{padding:6px 12px 4px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.7}.frame-presets-panel .frame-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .1s ease}.frame-presets-panel .frame-dropdown-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.frame-presets-panel .frame-dropdown-item.active{background:var(--color-accent);color:#fff}.frame-presets-panel .frame-icon-svg{width:20px;display:flex;align-items:center;justify-content:center}.frame-presets-panel .frame-icon-svg svg{width:16px;height:16px}.frame-presets-panel .frame-label{flex:1}.frame-presets-panel .frame-shortcut{font-size:11px;opacity:.6;font-family:monospace}.frame-presets-panel .frame-preset-category{margin-bottom:2px}.frame-presets-panel .frame-preset-category-label{display:flex;align-items:center;gap:6px;padding:6px 12px 3px;font-size:11px;font-weight:600;color:var(--color-text-secondary);opacity:.8}.frame-presets-panel .frame-preset-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 12px 5px 30px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:12px;text-align:left;transition:all .1s ease}.frame-presets-panel .frame-preset-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.frame-presets-panel .frame-preset-name{flex:1}.frame-presets-panel .frame-preset-size{font-size:11px;opacity:.5;font-family:monospace;white-space:nowrap;margin-left:12px}.file-menu-container[data-v-3f9dc8e4]{position:relative}.file-menu-button[data-v-3f9dc8e4]{padding:4px 12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:13px;cursor:pointer;border-radius:4px;transition:all .15s ease}.file-menu-button[data-v-3f9dc8e4]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.unsaved-dot[data-v-3f9dc8e4]{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-accent, #0d99ff);margin-left:4px;vertical-align:middle}.file-menu-dropdown[data-v-3f9dc8e4]{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #0000004d;z-index:1000}.menu-item[data-v-3f9dc8e4]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--color-text-primary);font-size:13px;cursor:pointer;text-align:left;transition:background .1s ease}.menu-item[data-v-3f9dc8e4]:hover{background:var(--color-bg-tertiary)}.menu-label[data-v-3f9dc8e4]{flex:1}.menu-shortcut[data-v-3f9dc8e4]{color:var(--color-text-secondary);font-size:11px;margin-left:16px}.menu-divider[data-v-3f9dc8e4]{height:1px;background:var(--color-border);margin:4px 0}.menu-section-label[data-v-3f9dc8e4]{padding:4px 12px 2px;font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.menu-user-info[data-v-3f9dc8e4]{padding:4px 12px 2px;font-size:11px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item .menu-label[data-v-3f9dc8e4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-zone-overlay[data-v-3f9dc8e4]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.drop-zone-content[data-v-3f9dc8e4]{padding:48px 64px;background:var(--color-bg-secondary);border:2px dashed var(--color-accent);border-radius:16px}.drop-icon[data-v-3f9dc8e4]{font-size:18px;color:var(--color-text-primary)}.version-overlay[data-v-3f9dc8e4]{position:fixed;inset:0;z-index:10000;background:#00000080;display:flex;align-items:center;justify-content:center}.version-panel[data-v-3f9dc8e4]{width:480px;max-height:70vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 16px 48px #0000004d;display:flex;flex-direction:column}.version-header[data-v-3f9dc8e4]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.version-header h3[data-v-3f9dc8e4]{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary)}.version-close[data-v-3f9dc8e4]{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 4px}.version-close[data-v-3f9dc8e4]:hover{color:var(--color-text-primary)}.version-list[data-v-3f9dc8e4]{overflow-y:auto;padding:8px;flex:1}.version-empty[data-v-3f9dc8e4]{padding:32px 16px;text-align:center;color:var(--color-text-secondary);font-size:13px}.version-item[data-v-3f9dc8e4]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:6px;transition:background .1s}.version-item[data-v-3f9dc8e4]:hover{background:var(--color-bg-tertiary)}.version-info[data-v-3f9dc8e4]{display:flex;flex-direction:column;gap:2px;min-width:0}.version-name[data-v-3f9dc8e4]{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-time[data-v-3f9dc8e4]{font-size:11px;color:var(--color-text-secondary)}.version-actions[data-v-3f9dc8e4]{display:flex;gap:6px;flex-shrink:0}.version-btn[data-v-3f9dc8e4]{padding:4px 10px;font-size:11px;border-radius:4px;border:1px solid var(--color-border);cursor:pointer;transition:all .15s}.version-btn.restore[data-v-3f9dc8e4]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.version-btn.restore[data-v-3f9dc8e4]:hover{opacity:.9}.version-btn.delete[data-v-3f9dc8e4]{background:transparent;color:var(--color-text-secondary)}.version-btn.delete[data-v-3f9dc8e4]:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.edit-menu-container[data-v-c5402165]{position:relative}.edit-menu-button[data-v-c5402165]{padding:4px 12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:13px;cursor:pointer;border-radius:4px;transition:all .15s ease}.edit-menu-button[data-v-c5402165]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.edit-menu-dropdown[data-v-c5402165]{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #0000004d;z-index:1000}.menu-item[data-v-c5402165]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--color-text-primary);font-size:13px;cursor:pointer;text-align:left;transition:background .1s ease}.menu-item[data-v-c5402165]:hover:not(:disabled){background:var(--color-bg-tertiary)}.menu-item[data-v-c5402165]:disabled{opacity:.4;cursor:default}.menu-label[data-v-c5402165]{flex:1}.menu-shortcut[data-v-c5402165]{color:var(--color-text-secondary);font-size:11px;margin-left:16px}.menu-divider[data-v-c5402165]{height:1px;background:var(--color-border);margin:4px 0}.replace-font-panel[data-v-c5402165]{padding:12px;min-width:240px}.replace-font-title[data-v-c5402165]{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.replace-font-row[data-v-c5402165]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.replace-font-row label[data-v-c5402165]{font-size:11px;color:var(--color-text-secondary);width:36px;flex-shrink:0}.font-select[data-v-c5402165]{flex:1;padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px}.replace-font-actions[data-v-c5402165]{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.rf-btn[data-v-c5402165]{padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid var(--color-border)}.rf-btn.cancel[data-v-c5402165]{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.rf-btn.apply[data-v-c5402165]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.rf-btn.apply[data-v-c5402165]:disabled{opacity:.4;cursor:default}.rf-btn[data-v-c5402165]:hover:not(:disabled){filter:brightness(1.1)}.prototype-mode-overlay[data-v-83407d6f]{position:fixed;inset:0;background:#0a0a0a;z-index:9999;display:flex;flex-direction:column}.presentation-header[data-v-83407d6f]{height:48px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.header-left[data-v-83407d6f],.header-right[data-v-83407d6f],.header-center[data-v-83407d6f]{display:flex;align-items:center;gap:8px}.frame-name[data-v-83407d6f]{color:var(--color-text-primary);font-size:14px;font-weight:500}.nav-btn[data-v-83407d6f]{padding:6px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.nav-btn[data-v-83407d6f]:hover:not(:disabled){background:var(--color-border);color:var(--color-text-primary)}.nav-btn[data-v-83407d6f]:disabled{opacity:.5;cursor:not-allowed}.nav-btn.active[data-v-83407d6f]{background:var(--color-accent, #0d99ff);border-color:var(--color-accent, #0d99ff);color:#fff}.close-btn[data-v-83407d6f]{padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.close-btn[data-v-83407d6f]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.presentation-content[data-v-83407d6f]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.presentation-canvas[data-v-83407d6f]{width:100%;height:100%;border-radius:8px}.hotspot[data-v-83407d6f]{position:absolute;cursor:pointer;border:2px dashed transparent;transition:all .2s;pointer-events:auto}.hotspot.visible[data-v-83407d6f]{border-color:#0d99ff80;background:#0d99ff1a}.hotspot[data-v-83407d6f]:hover{border-color:#0d99ffcc;background:#0d99ff33}.hotspot-indicator[data-v-83407d6f]{position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--color-accent, #0d99ff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.hotspot-indicator svg[data-v-83407d6f]{width:12px;height:12px}.overlay-backdrop[data-v-83407d6f]{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-content[data-v-83407d6f]{border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000080}.overlay-inner[data-v-83407d6f]{padding:24px;display:flex;align-items:center;justify-content:center;height:100%}.overlay-name[data-v-83407d6f]{color:#666;font-size:14px}.presentation-footer[data-v-83407d6f]{height:32px;background:var(--color-bg-primary);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.presentation-footer span[data-v-83407d6f]{color:#666;font-size:11px}.toast-container[data-v-21fa441b]{position:fixed;bottom:16px;left:16px;display:flex;flex-direction:column-reverse;gap:8px;z-index:10001;pointer-events:none}.toast[data-v-21fa441b]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-bg-secondary);border-radius:8px;box-shadow:0 4px 16px var(--color-shadow);color:var(--color-text-primary);font-size:13px;pointer-events:all;cursor:pointer;min-width:200px;max-width:400px}.toast-icon[data-v-21fa441b]{font-size:14px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-info .toast-icon[data-v-21fa441b]{background:#0d99ff;color:#fff}.toast-success .toast-icon[data-v-21fa441b]{background:#22c55e;color:#fff}.toast-warning .toast-icon[data-v-21fa441b]{background:#f59e0b;color:#fff}.toast-error .toast-icon[data-v-21fa441b]{background:#ef4444;color:#fff}.toast-message[data-v-21fa441b]{flex:1}.toast-close[data-v-21fa441b]{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease,background .15s ease}.toast-close[data-v-21fa441b]:hover{color:#fff;background:#ffffff1a}.toast-enter-active[data-v-21fa441b]{animation:toast-in-21fa441b .3s ease-out}.toast-leave-active[data-v-21fa441b]{animation:toast-out-21fa441b .2s ease-in forwards}@keyframes toast-in-21fa441b{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out-21fa441b{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.modal-backdrop[data-v-5ed37c2f]{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10002}.modal-content[data-v-5ed37c2f]{background:var(--color-bg-secondary, #252525);border-radius:12px;max-width:960px;width:92%;height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden}.modal-header[data-v-5ed37c2f]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--color-border, #3a3a3a);flex-shrink:0}.header-left[data-v-5ed37c2f]{display:flex;align-items:center;gap:10px}.header-icon[data-v-5ed37c2f]{color:var(--color-accent, #0d99ff);flex-shrink:0}.header-title[data-v-5ed37c2f]{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff)}.tab-pills[data-v-5ed37c2f]{display:flex;background:var(--color-bg-tertiary, #1a1a1a);border-radius:6px;padding:2px;margin-left:8px}.pill[data-v-5ed37c2f]{background:none;border:none;color:var(--color-text-secondary, #888);font-size:12px;font-weight:500;padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .15s}.pill[data-v-5ed37c2f]:hover{color:var(--color-text-primary, #fff)}.pill.active[data-v-5ed37c2f]{background:var(--color-accent, #0d99ff);color:#fff}.close-button[data-v-5ed37c2f]{background:none;border:none;color:var(--color-text-secondary, #888);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.close-button[data-v-5ed37c2f]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.guide-layout[data-v-5ed37c2f]{display:flex;flex:1;overflow:hidden}.guide-nav[data-v-5ed37c2f]{width:200px;flex-shrink:0;border-right:1px solid var(--color-border, #3a3a3a);overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.nav-item[data-v-5ed37c2f]{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--color-text-secondary, #999);font-size:12px;padding:7px 10px;border-radius:6px;cursor:pointer;text-align:left;transition:all .1s}.nav-item[data-v-5ed37c2f]:hover{background:#ffffff0d;color:var(--color-text-primary, #ddd)}.nav-item.active[data-v-5ed37c2f]{background:#0d99ff1f;color:var(--color-accent, #0d99ff)}.nav-icon[data-v-5ed37c2f]{font-size:14px;width:20px;text-align:center;flex-shrink:0}.nav-label[data-v-5ed37c2f]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-content[data-v-5ed37c2f]{flex:1;overflow-y:auto;padding:24px 32px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.guide-content[data-v-5ed37c2f]::-webkit-scrollbar{width:6px}.guide-content[data-v-5ed37c2f]::-webkit-scrollbar-track{background:transparent}.guide-content[data-v-5ed37c2f]::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.guide-content[data-v-5ed37c2f] h2{font-size:22px;font-weight:700;color:var(--color-text-primary, #fff);margin:0 0 12px}.guide-content[data-v-5ed37c2f] .lead{font-size:15px;color:var(--color-text-secondary, #aaa);margin-bottom:20px;line-height:1.6}.guide-content[data-v-5ed37c2f] .info-block{background:var(--color-bg-secondary, #1e1e2a);border:1px solid var(--color-border, #2a2a3a);border-radius:8px;padding:16px 20px;margin-bottom:12px}.guide-content[data-v-5ed37c2f] .info-block h4{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff);margin:0 0 8px}.guide-content[data-v-5ed37c2f] .info-block p{font-size:13px;color:var(--color-text-secondary, #aaa);line-height:1.6;margin:0 0 8px}.guide-content[data-v-5ed37c2f] .info-block ul{list-style:disc;padding-left:20px;margin:4px 0}.guide-content[data-v-5ed37c2f] .info-block li{font-size:13px;color:var(--color-text-secondary, #aaa);line-height:1.7}.guide-content[data-v-5ed37c2f] .info-block li strong{color:var(--color-text-primary, #fff)}.guide-content[data-v-5ed37c2f] .info-block code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:12px;color:#e0e0e0}.guide-content section[data-v-5ed37c2f]{margin-bottom:40px}.guide-content section[data-v-5ed37c2f]:last-child{margin-bottom:16px}.guide-content h2[data-v-5ed37c2f]{font-size:20px;font-weight:700;color:var(--color-text-primary, #fff);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--color-border, #3a3a3a)}.guide-content .lead[data-v-5ed37c2f]{font-size:14px;color:var(--color-text-secondary, #aaa);line-height:1.6;margin:0 0 16px}.guide-content p[data-v-5ed37c2f]{font-size:13px;color:var(--color-text-primary, #ccc);line-height:1.6;margin:0 0 10px}.guide-content ul[data-v-5ed37c2f],.guide-content ol[data-v-5ed37c2f]{margin:6px 0 12px;padding-left:20px}.guide-content li[data-v-5ed37c2f]{font-size:13px;color:var(--color-text-primary, #ccc);line-height:1.6;margin-bottom:4px}.guide-content strong[data-v-5ed37c2f]{color:var(--color-text-primary, #fff)}.guide-content code[data-v-5ed37c2f]{background:var(--color-bg-tertiary, #1a1a1a);padding:1px 5px;border-radius:3px;font-size:12px;color:var(--color-accent, #0d99ff)}.guide-content kbd[data-v-5ed37c2f]{display:inline-block;padding:1px 5px;background:var(--color-bg-tertiary, #1a1a1a);border:1px solid var(--color-border, #444);border-radius:3px;font-family:inherit;font-size:11px;color:var(--color-text-secondary, #aaa);margin:0 1px}.guide-content a[data-v-5ed37c2f]{color:var(--color-accent, #0d99ff);text-decoration:none}.guide-content a[data-v-5ed37c2f]:hover{text-decoration:underline}.feature-grid[data-v-5ed37c2f]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.feature-card[data-v-5ed37c2f]{background:var(--color-bg-tertiary, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:8px;padding:16px}.feature-card .feature-icon[data-v-5ed37c2f]{font-size:22px;margin-bottom:8px}.feature-card h4[data-v-5ed37c2f]{font-size:13px;font-weight:600;color:var(--color-text-primary, #fff);margin:0 0 4px}.feature-card p[data-v-5ed37c2f]{font-size:12px;color:var(--color-text-secondary, #999);margin:0;line-height:1.5}.info-block[data-v-5ed37c2f]{background:var(--color-bg-tertiary, #1a1a1a);border-radius:8px;padding:14px 16px;margin-bottom:10px}.info-block h4[data-v-5ed37c2f]{font-size:13px;font-weight:600;color:var(--color-accent, #0d99ff);margin:0 0 6px}.info-block.callout[data-v-5ed37c2f]{border-left:3px solid #f0a020}.info-block.callout h4[data-v-5ed37c2f]{color:#f0a020}.tool-list[data-v-5ed37c2f]{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.tool-item[data-v-5ed37c2f]{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:var(--color-bg-tertiary, #1a1a1a);border-radius:6px}.tool-item kbd[data-v-5ed37c2f]{flex-shrink:0;min-width:28px;text-align:center;margin-top:1px}.tool-item div[data-v-5ed37c2f]{font-size:13px;color:var(--color-text-primary, #ccc);line-height:1.5}.steps[data-v-5ed37c2f]{display:flex;flex-direction:column;gap:16px;margin:16px 0}.step[data-v-5ed37c2f]{display:flex;gap:14px}.step-number[data-v-5ed37c2f]{width:28px;height:28px;background:var(--color-accent, #0d99ff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.step-content[data-v-5ed37c2f]{flex:1}.step-content h4[data-v-5ed37c2f]{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff);margin:2px 0 6px}.code-block[data-v-5ed37c2f]{background:var(--color-bg-tertiary, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:6px;padding:10px 14px;font-family:Menlo,Monaco,monospace;font-size:12px;color:var(--color-accent, #0d99ff);margin:8px 0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.download-link[data-v-5ed37c2f]{display:inline-flex;align-items:center;gap:6px;background:var(--color-accent, #0d99ff);color:#fff!important;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none!important;margin:8px 0;transition:opacity .15s}.download-link[data-v-5ed37c2f]:hover{opacity:.9;text-decoration:none!important}.platform-note[data-v-5ed37c2f]{color:#94a3b8;font-size:.85em;font-style:italic;margin-top:6px}.example-prompts[data-v-5ed37c2f]{display:flex;flex-direction:column;gap:6px;margin-top:8px}.example[data-v-5ed37c2f]{background:var(--color-bg-tertiary, #1a1a1a);border-left:2px solid var(--color-accent, #0d99ff);padding:8px 12px;font-size:12px;color:var(--color-text-primary, #ccc);border-radius:0 4px 4px 0;font-style:italic}.modal-body[data-v-5ed37c2f]{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.modal-body[data-v-5ed37c2f]::-webkit-scrollbar{width:6px}.modal-body[data-v-5ed37c2f]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-5ed37c2f]::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.shortcuts-grid[data-v-5ed37c2f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.shortcut-section[data-v-5ed37c2f]{background:var(--color-bg-tertiary, #1a1a1a);padding:14px;border-radius:8px}.shortcut-title[data-v-5ed37c2f]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent, #0d99ff);margin:0 0 10px}.shortcut-row[data-v-5ed37c2f]{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.shortcut-desc[data-v-5ed37c2f]{color:var(--color-text-primary, #ddd)}.shortcut-keys[data-v-5ed37c2f]{display:flex;gap:3px}.shortcut-keys kbd[data-v-5ed37c2f]{display:inline-block;padding:2px 5px;background:var(--color-bg-secondary, #2d2d2d);border:1px solid var(--color-border, #444);border-radius:4px;font-family:inherit;font-size:10px;color:var(--color-text-secondary, #aaa);min-width:18px;text-align:center}.modal-footer[data-v-5ed37c2f]{padding:8px 16px;border-top:1px solid var(--color-border, #3a3a3a);text-align:center;flex-shrink:0}.hint[data-v-5ed37c2f]{font-size:11px;color:var(--color-text-secondary, #888)}.hint kbd[data-v-5ed37c2f]{margin:0 2px}.modal-enter-active[data-v-5ed37c2f]{animation:modal-in-5ed37c2f .2s ease-out}.modal-leave-active[data-v-5ed37c2f]{animation:modal-out-5ed37c2f .15s ease-in forwards}@keyframes modal-in-5ed37c2f{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes modal-out-5ed37c2f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.status-bar[data-v-efd07440]{height:24px;background:var(--color-bg-tertiary, #1a1a1a);border-top:1px solid var(--color-border, #404040);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;color:var(--color-text-secondary, #888)}.status-left[data-v-efd07440],.status-center[data-v-efd07440],.status-right[data-v-efd07440]{display:flex;align-items:center;gap:8px}.status-left[data-v-efd07440]{flex:1}.status-center[data-v-efd07440]{flex:2;justify-content:center}.status-right[data-v-efd07440]{flex:1;justify-content:flex-end}.status-item[data-v-efd07440]{display:flex;align-items:center;gap:4px}.status-icon[data-v-efd07440]{font-size:12px}.status-divider[data-v-efd07440]{color:var(--color-border, #404040);margin:0 4px}.status-button[data-v-efd07440]{background:transparent;border:none;color:var(--color-text-secondary, #888);padding:2px 4px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.status-button[data-v-efd07440]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.status-button.active[data-v-efd07440]{color:var(--color-accent, #0d99ff)}.help-trigger[data-v-efd07440]{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.help-trigger kbd[data-v-efd07440]{display:inline-block;padding:1px 5px;background:var(--color-bg-secondary, #2d2d2d);border:1px solid var(--color-border, #404040);border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:600;color:var(--color-text-secondary, #888);min-width:18px;text-align:center;transition:all .15s ease}.help-trigger:hover kbd[data-v-efd07440]{background:#ffffff1a;border-color:#ffffff40;color:var(--color-text-primary, #fff)}.claude-icon[data-v-efd07440]{display:block;opacity:.7;transition:opacity .15s ease}.status-button:hover .claude-icon[data-v-efd07440],.status-button.active .claude-icon[data-v-efd07440]{opacity:1}.selection-info[data-v-efd07440]{color:var(--color-text-primary, #fff)}.coordinates[data-v-efd07440],.dimensions[data-v-efd07440]{font-family:-apple-system,BlinkMacSystemFont,SF Mono,monospace;font-size:10px}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::-moz-selection{color:transparent}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:-moz-fit-content;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.terminal-panel[data-v-dfe5f514]{display:flex;flex-direction:column;background:var(--color-bg-primary);border-top:1px solid var(--color-border, #404040);flex-shrink:0;position:relative;z-index:20}.resize-handle[data-v-dfe5f514]{display:flex;align-items:center;justify-content:center;height:8px;cursor:ns-resize;flex-shrink:0}.resize-handle:hover .resize-grip[data-v-dfe5f514],.resize-handle:active .resize-grip[data-v-dfe5f514]{background:var(--color-text-secondary, #888)}.resize-grip[data-v-dfe5f514]{width:36px;height:3px;border-radius:2px;background:var(--color-border, #404040);transition:background .15s ease}.terminal-header[data-v-dfe5f514]{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:var(--color-bg-tertiary, #1a1a1a);border-bottom:1px solid var(--color-border, #404040);height:28px;flex-shrink:0}.terminal-title[data-v-dfe5f514]{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.terminal-icon[data-v-dfe5f514]{display:block}.status-dot[data-v-dfe5f514]{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.connecting[data-v-dfe5f514]{background:#dcdcaa;animation:pulse-dfe5f514 1s ease-in-out infinite}.status-dot.connected[data-v-dfe5f514]{background:#6a9955}.status-dot.disconnected[data-v-dfe5f514]{background:#f44747}@keyframes pulse-dfe5f514{0%,to{opacity:.4}50%{opacity:1}}.terminal-actions[data-v-dfe5f514]{display:flex;align-items:center;gap:2px}.mic-button[data-v-dfe5f514]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--color-text-secondary, #888);cursor:pointer;border-radius:3px;transition:all .15s ease}.mic-button[data-v-dfe5f514]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.mic-button.recording[data-v-dfe5f514]{color:#f44747;animation:pulse-dfe5f514 1s ease-in-out infinite}.terminal-close[data-v-dfe5f514]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--color-text-secondary, #888);cursor:pointer;border-radius:3px;transition:all .15s ease}.terminal-close[data-v-dfe5f514]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.terminal-container[data-v-dfe5f514]{flex:1;overflow:hidden;padding:8px 12px;position:relative}.drop-zone-overlay[data-v-dfe5f514]{position:absolute;inset:0;background:#569cd614;border:2px dashed rgba(86,156,214,.5);border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:10}.drop-zone-content[data-v-dfe5f514]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#569cd6;font-size:13px;font-weight:500}.terminal-inner[data-v-dfe5f514]{width:100%;height:100%}.terminal-container[data-v-dfe5f514] .xterm-viewport{overflow-y:auto!important}.terminal-container[data-v-dfe5f514] .xterm-viewport::-webkit-scrollbar{width:8px}.terminal-container[data-v-dfe5f514] .xterm-viewport::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.terminal-container[data-v-dfe5f514] .xterm-viewport::-webkit-scrollbar-track{background:transparent}.modal-overlay[data-v-cc7f9570]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content[data-v-cc7f9570]{background:var(--color-bg-secondary);border-radius:12px;width:500px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006}.modal-header[data-v-cc7f9570]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal-header h2[data-v-cc7f9570]{margin:0;font-size:16px;font-weight:600}.close-button[data-v-cc7f9570]{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1}.close-button[data-v-cc7f9570]:hover{color:var(--color-text-primary)}.modal-body[data-v-cc7f9570]{padding:20px;overflow-y:auto;flex:1}.drop-zone[data-v-cc7f9570]{border:2px dashed var(--color-border);border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.drop-zone[data-v-cc7f9570]:hover{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05)}.drop-zone.has-file[data-v-cc7f9570]{border-style:solid}.hidden-input[data-v-cc7f9570]{display:none}.drop-icon[data-v-cc7f9570]{color:var(--color-text-secondary);margin-bottom:12px}.drop-text[data-v-cc7f9570]{font-size:14px;color:var(--color-text-primary);margin-bottom:4px}.drop-hint[data-v-cc7f9570]{font-size:12px;color:var(--color-text-secondary)}.preview-image[data-v-cc7f9570]{max-width:100%;max-height:200px;border-radius:4px;margin-bottom:8px}.file-name[data-v-cc7f9570]{font-size:12px;color:var(--color-text-secondary);word-break:break-all}.preset-section[data-v-cc7f9570]{margin-bottom:16px}.section-label[data-v-cc7f9570]{display:block;font-size:12px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preset-grid[data-v-cc7f9570]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preset-button[data-v-cc7f9570]{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.preset-button[data-v-cc7f9570]:hover{background:var(--color-bg-primary)}.preset-button.selected[data-v-cc7f9570]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.preset-name[data-v-cc7f9570]{font-size:13px;font-weight:500;color:var(--color-text-primary);text-transform:capitalize}.preset-desc[data-v-cc7f9570]{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.advanced-toggle[data-v-cc7f9570]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0;background:none;border:none;color:var(--color-text-secondary);font-size:12px;cursor:pointer}.advanced-toggle[data-v-cc7f9570]:hover{color:var(--color-text-primary)}.toggle-arrow[data-v-cc7f9570]{transition:transform .2s ease}.toggle-arrow.open[data-v-cc7f9570]{transform:rotate(180deg)}.advanced-options[data-v-cc7f9570]{background:var(--color-bg-tertiary);border-radius:8px;padding:12px;margin-top:8px}.option-row[data-v-cc7f9570]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.option-row[data-v-cc7f9570]:last-child{margin-bottom:0}.option-row label[data-v-cc7f9570]{flex:0 0 140px;font-size:12px;color:var(--color-text-secondary)}.option-row input[type=range][data-v-cc7f9570]{flex:1;accent-color:var(--color-accent)}.option-value[data-v-cc7f9570]{flex:0 0 30px;text-align:right;font-size:12px;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.modal-footer[data-v-cc7f9570]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border)}.progress-text[data-v-cc7f9570]{flex:1;font-size:12px;color:var(--color-text-secondary)}.cancel-button[data-v-cc7f9570]{padding:8px 16px;background:var(--color-bg-tertiary);border:none;border-radius:6px;color:var(--color-text-primary);font-size:13px;cursor:pointer}.cancel-button[data-v-cc7f9570]:hover:not(:disabled){background:var(--color-bg-primary)}.cancel-button[data-v-cc7f9570]:disabled{opacity:.5;cursor:not-allowed}.vectorize-button[data-v-cc7f9570]{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--color-accent);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.vectorize-button[data-v-cc7f9570]:hover:not(:disabled){filter:brightness(1.1)}.vectorize-button[data-v-cc7f9570]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-cc7f9570]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-cc7f9570 1s linear infinite}@keyframes spin-cc7f9570{to{transform:rotate(360deg)}}.modal-overlay[data-v-3aa0d8e3]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.export-panel[data-v-3aa0d8e3]{background:var(--color-bg-secondary);border-radius:12px;width:480px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006}.panel-header[data-v-3aa0d8e3]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.panel-header h2[data-v-3aa0d8e3]{margin:0;font-size:16px;font-weight:600}.close-button[data-v-3aa0d8e3]{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1}.close-button[data-v-3aa0d8e3]:hover{color:var(--color-text-primary)}.panel-content[data-v-3aa0d8e3]{padding:20px;overflow-y:auto;flex:1}.preview-section[data-v-3aa0d8e3]{margin-bottom:20px}.preview-container[data-v-3aa0d8e3]{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-container.transparent-bg[data-v-3aa0d8e3]{background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.preview-loading[data-v-3aa0d8e3]{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:13px}.preview-image[data-v-3aa0d8e3]{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain}.preview-placeholder[data-v-3aa0d8e3]{color:var(--color-text-secondary);font-size:13px}.preview-dimensions[data-v-3aa0d8e3]{text-align:center;margin-top:8px;font-size:12px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.options-section[data-v-3aa0d8e3]{display:flex;flex-direction:column;gap:16px}.option-group[data-v-3aa0d8e3]{display:flex;flex-direction:column;gap:8px}.option-label[data-v-3aa0d8e3]{font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.filename-input[data-v-3aa0d8e3]{padding:10px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:14px}.filename-input[data-v-3aa0d8e3]:focus{outline:none;border-color:var(--color-accent)}.format-buttons[data-v-3aa0d8e3]{display:flex;gap:8px}.format-button[data-v-3aa0d8e3]{flex:1;padding:10px 16px;background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:6px;color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.format-button[data-v-3aa0d8e3]:hover{background:var(--color-bg-primary)}.format-button.selected[data-v-3aa0d8e3]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.scale-buttons[data-v-3aa0d8e3]{display:flex;gap:6px}.scale-button[data-v-3aa0d8e3]{flex:1;padding:8px 12px;background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:6px;color:var(--color-text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.scale-button[data-v-3aa0d8e3]:hover{background:var(--color-bg-primary)}.scale-button.selected[data-v-3aa0d8e3]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.scope-buttons[data-v-3aa0d8e3]{display:flex;gap:8px}.scope-button[data-v-3aa0d8e3]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:6px;color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:all .15s ease}.scope-button[data-v-3aa0d8e3]:hover:not(.disabled){background:var(--color-bg-primary)}.scope-button.selected[data-v-3aa0d8e3]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.scope-button.disabled[data-v-3aa0d8e3]{opacity:.5;cursor:not-allowed}.checkbox-label[data-v-3aa0d8e3]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--color-text-primary)}.checkbox-input[data-v-3aa0d8e3]{display:none}.checkbox-custom[data-v-3aa0d8e3]{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background:var(--color-bg-tertiary);transition:all .15s ease;position:relative}.checkbox-input:checked+.checkbox-custom[data-v-3aa0d8e3]{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-input:checked+.checkbox-custom[data-v-3aa0d8e3]:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.panel-footer[data-v-3aa0d8e3]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border)}.cancel-button[data-v-3aa0d8e3]{padding:10px 20px;background:var(--color-bg-tertiary);border:none;border-radius:6px;color:var(--color-text-primary);font-size:13px;cursor:pointer}.cancel-button[data-v-3aa0d8e3]:hover:not(:disabled){background:var(--color-bg-primary)}.cancel-button[data-v-3aa0d8e3]:disabled{opacity:.5;cursor:not-allowed}.export-button[data-v-3aa0d8e3]{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--color-accent);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.export-button[data-v-3aa0d8e3]:hover:not(:disabled){filter:brightness(1.1)}.export-button[data-v-3aa0d8e3]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-3aa0d8e3]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-3aa0d8e3 1s linear infinite}.spinner.small[data-v-3aa0d8e3]{width:14px;height:14px}@keyframes spin-3aa0d8e3{to{transform:rotate(360deg)}}.modal-overlay[data-v-74efe5ed]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.export-panel[data-v-74efe5ed]{background:var(--color-bg-secondary);border-radius:12px;width:560px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006}.panel-header[data-v-74efe5ed]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.panel-header h2[data-v-74efe5ed]{margin:0;font-size:16px;font-weight:600}.close-button[data-v-74efe5ed]{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1}.close-button[data-v-74efe5ed]:hover{color:var(--color-text-primary)}.panel-content[data-v-74efe5ed]{padding:20px;overflow-y:auto;flex:1}.scope-indicator[data-v-74efe5ed]{font-size:12px;color:var(--color-text-secondary);padding:8px 12px;background:var(--color-bg-tertiary);border-radius:6px;margin-bottom:16px}.options-section[data-v-74efe5ed]{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.option-group[data-v-74efe5ed]{display:flex;flex-direction:column;gap:6px}.option-label[data-v-74efe5ed]{font-size:11px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.name-input[data-v-74efe5ed]{padding:8px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:14px}.name-input[data-v-74efe5ed]:focus{outline:none;border-color:var(--color-accent)}.toggle-buttons[data-v-74efe5ed]{display:flex;gap:6px}.toggle-button[data-v-74efe5ed]{flex:1;padding:8px 14px;background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:6px;color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.toggle-button[data-v-74efe5ed]:hover{background:var(--color-bg-primary)}.toggle-button.selected[data-v-74efe5ed]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.preview-section[data-v-74efe5ed]{display:flex;flex-direction:column;gap:6px}.preview-header[data-v-74efe5ed]{display:flex;justify-content:space-between;align-items:center}.copy-button[data-v-74efe5ed]{padding:4px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all .15s ease}.copy-button[data-v-74efe5ed]:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.code-preview[data-v-74efe5ed]{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.5;color:var(--color-text-primary);overflow:auto;max-height:240px;white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2;margin:0}.code-preview code[data-v-74efe5ed]{font-family:inherit}.panel-footer[data-v-74efe5ed]{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border)}.cancel-button[data-v-74efe5ed]{padding:10px 20px;background:var(--color-bg-tertiary);border:none;border-radius:6px;color:var(--color-text-primary);font-size:13px;cursor:pointer}.cancel-button[data-v-74efe5ed]:hover:not(:disabled){background:var(--color-bg-primary)}.cancel-button[data-v-74efe5ed]:disabled{opacity:.5;cursor:not-allowed}.export-button[data-v-74efe5ed]{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--color-accent);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.export-button[data-v-74efe5ed]:hover:not(:disabled){filter:brightness(1.1)}.export-button[data-v-74efe5ed]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-74efe5ed]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-74efe5ed 1s linear infinite}.spinner.small[data-v-74efe5ed]{width:14px;height:14px}@keyframes spin-74efe5ed{to{transform:rotate(360deg)}}.modal-backdrop[data-v-0ecd06e8]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10002}.modal-content[data-v-0ecd06e8]{background:var(--color-bg-secondary, #2d2d2d);border-radius:12px;max-width:640px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006}.modal-header[data-v-0ecd06e8]{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 0;border-bottom:1px solid var(--color-border, #404040)}.tab-bar[data-v-0ecd06e8]{display:flex;gap:0}.tab[data-v-0ecd06e8]{background:none;border:none;color:var(--color-text-secondary, #888);font-size:13px;font-weight:500;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.tab[data-v-0ecd06e8]:hover{color:var(--color-text-primary, #fff)}.tab.active[data-v-0ecd06e8]{color:var(--color-accent, #0d99ff);border-bottom-color:var(--color-accent, #0d99ff)}.close-button[data-v-0ecd06e8]{background:none;border:none;color:var(--color-text-secondary, #888);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.close-button[data-v-0ecd06e8]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.modal-body[data-v-0ecd06e8]{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.modal-body[data-v-0ecd06e8]::-webkit-scrollbar{width:6px}.modal-body[data-v-0ecd06e8]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-0ecd06e8]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.prefs-content[data-v-0ecd06e8]{display:flex;flex-direction:column;gap:24px}.prefs-section[data-v-0ecd06e8]{background:var(--color-bg-tertiary, #1a1a1a);padding:16px;border-radius:8px}.section-title[data-v-0ecd06e8]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent, #0d99ff);margin:0 0 12px}.pref-row[data-v-0ecd06e8]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.pref-row+.pref-row[data-v-0ecd06e8]{border-top:1px solid rgba(255,255,255,.05)}.pref-info[data-v-0ecd06e8]{display:flex;flex-direction:column;gap:2px}.pref-label[data-v-0ecd06e8]{font-size:13px;color:var(--color-text-primary, #fff)}.pref-desc[data-v-0ecd06e8]{font-size:11px;color:var(--color-text-secondary, #888)}.toggle-switch[data-v-0ecd06e8]{position:relative;width:36px;height:20px;background:#ffffff26;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.toggle-switch.on[data-v-0ecd06e8]{background:var(--color-accent, #0d99ff)}.toggle-knob[data-v-0ecd06e8]{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.on .toggle-knob[data-v-0ecd06e8]{transform:translate(16px)}.components-content[data-v-0ecd06e8]{display:flex;flex-direction:column;gap:20px}.lib-section[data-v-0ecd06e8]{background:var(--color-bg-tertiary, #1a1a1a);padding:16px;border-radius:8px}.toggle-all-section[data-v-0ecd06e8]{border-bottom:1px solid var(--border-color, #333);border-radius:8px 8px 0 0;margin-bottom:-8px}.lib-header[data-v-0ecd06e8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.lib-header-left[data-v-0ecd06e8]{display:flex;align-items:center;gap:8px}.lib-name[data-v-0ecd06e8]{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff);margin:0}.lib-count[data-v-0ecd06e8]{font-size:11px;color:var(--color-text-secondary, #888);background:#ffffff14;padding:2px 8px;border-radius:10px}.lib-desc[data-v-0ecd06e8]{font-size:12px;color:var(--color-text-secondary, #aaa);margin:0 0 12px;line-height:1.4}.component-grid[data-v-0ecd06e8]{display:flex;flex-wrap:wrap;gap:6px}.lib-disabled-note[data-v-0ecd06e8]{font-size:12px;color:var(--color-text-secondary, #888);font-style:italic;margin:0}.component-chip[data-v-0ecd06e8]{font-size:11px;padding:4px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-text-primary, #ccc)}.code-block[data-v-0ecd06e8]{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 12px;overflow-x:auto}.code-block code[data-v-0ecd06e8]{font-size:11px;font-family:SF Mono,Menlo,Monaco,monospace;color:var(--color-text-primary, #ccc);white-space:nowrap}.plugins-content[data-v-0ecd06e8]{padding:16px 0}.plugins-intro[data-v-0ecd06e8]{font-size:12px;color:var(--color-text-secondary);margin:0 0 16px;padding:0 4px}.plugins-list[data-v-0ecd06e8]{display:flex;flex-direction:column;gap:8px}.plugin-card[data-v-0ecd06e8]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;transition:border-color .15s}.plugin-card[data-v-0ecd06e8]:hover{border-color:var(--color-text-secondary)}.plugin-card.disabled[data-v-0ecd06e8]{opacity:.6}.plugin-icon[data-v-0ecd06e8]{width:40px;height:40px;border-radius:8px;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.plugin-info[data-v-0ecd06e8]{flex:1;min-width:0}.plugin-name-row[data-v-0ecd06e8]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.plugin-name[data-v-0ecd06e8]{font-size:14px;font-weight:600;color:var(--color-text-primary)}.plugin-version[data-v-0ecd06e8]{font-size:11px;color:var(--color-text-secondary)}.plugin-tier-badge[data-v-0ecd06e8]{font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;background:linear-gradient(135deg,var(--color-accent),#a855f7);color:#fff;text-transform:uppercase;letter-spacing:.5px}.plugin-desc[data-v-0ecd06e8]{font-size:12px;color:var(--color-text-secondary);margin:0;line-height:1.4}.plugin-actions[data-v-0ecd06e8]{flex-shrink:0;display:flex;align-items:center}.plugin-locked[data-v-0ecd06e8]{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary);padding:4px 8px;border:1px solid var(--color-border);border-radius:4px}.about-content[data-v-0ecd06e8]{display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:8px}.about-brand[data-v-0ecd06e8]{display:flex;align-items:center;gap:12px;margin-bottom:4px}.about-logo-img[data-v-0ecd06e8]{width:40px;height:40px}.about-title[data-v-0ecd06e8]{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-accent, #0d99ff),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-version[data-v-0ecd06e8]{font-size:13px;color:var(--color-text-secondary, #888);margin:0}.about-divider[data-v-0ecd06e8]{width:200px;height:1px;background:var(--color-border, #404040);margin:12px 0}.about-info[data-v-0ecd06e8]{text-align:center}.about-info p[data-v-0ecd06e8]{margin:4px 0;font-size:14px;color:var(--color-text-secondary, #aaa)}.about-info strong[data-v-0ecd06e8]{color:var(--color-text-primary, #fff)}.about-details[data-v-0ecd06e8]{background:var(--color-bg-tertiary, #1a1a1a);border-radius:8px;padding:12px 20px;width:300px;margin-top:4px}.about-row[data-v-0ecd06e8]{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.about-label[data-v-0ecd06e8]{color:var(--color-text-secondary, #888)}.about-value[data-v-0ecd06e8]{color:var(--color-text-primary, #ccc)}.modal-enter-active[data-v-0ecd06e8]{animation:modal-in-0ecd06e8 .2s ease-out}.modal-leave-active[data-v-0ecd06e8]{animation:modal-out-0ecd06e8 .15s ease-in forwards}@keyframes modal-in-0ecd06e8{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-out-0ecd06e8{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.palette-picker[data-v-d3ec522a]{display:flex;flex-direction:column;gap:12px}.picker-header[data-v-d3ec522a]{display:flex;justify-content:space-between;align-items:center}.picker-header h3[data-v-d3ec522a]{margin:0;font-size:14px;font-weight:600;color:#e0e0e0}.skip-btn[data-v-d3ec522a]{background:none;border:1px solid #555;color:#999;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.skip-btn[data-v-d3ec522a]:hover{color:#fff;border-color:#888}.search-input[data-v-d3ec522a]{background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:8px 12px;color:#e0e0e0;font-size:13px;outline:none}.search-input[data-v-d3ec522a]:focus{border-color:#666}.search-input[data-v-d3ec522a]::-moz-placeholder{color:#666}.search-input[data-v-d3ec522a]::placeholder{color:#666}.tag-row[data-v-d3ec522a]{display:flex;flex-wrap:wrap;gap:4px}.tag-btn[data-v-d3ec522a]{background:#1e1e1e;border:1px solid #333;color:#999;padding:3px 8px;border-radius:12px;cursor:pointer;font-size:11px;text-transform:capitalize}.tag-btn[data-v-d3ec522a]:hover{color:#fff;border-color:#555}.tag-btn.active[data-v-d3ec522a]{background:#333;color:#fff;border-color:#666}.palette-grid[data-v-d3ec522a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;max-height:280px;overflow-y:auto;padding:2px}.palette-swatch[data-v-d3ec522a]{background:none;border:2px solid transparent;border-radius:6px;padding:0;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s}.palette-swatch[data-v-d3ec522a]:hover{border-color:#555;transform:scale(1.05)}.palette-swatch.selected[data-v-d3ec522a]{border-color:#fff}.swatch-colors[data-v-d3ec522a]{display:flex;height:32px}.swatch-color[data-v-d3ec522a]{flex:1}.selected-preview[data-v-d3ec522a]{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:10px}.preview-colors[data-v-d3ec522a]{display:flex;height:40px;border-radius:4px;overflow:hidden;margin-bottom:8px}.preview-color[data-v-d3ec522a]{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.color-hex[data-v-d3ec522a]{font-size:9px;font-family:monospace;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.6)}.preview-tags[data-v-d3ec522a]{display:flex;flex-wrap:wrap;gap:4px}.preview-tag[data-v-d3ec522a]{font-size:10px;color:#888;background:#2a2a2a;padding:1px 6px;border-radius:8px}.font-picker[data-v-e6107336]{display:flex;flex-direction:column;gap:12px}.picker-header[data-v-e6107336]{display:flex;justify-content:space-between;align-items:center}.picker-header h3[data-v-e6107336]{margin:0;font-size:14px;font-weight:600;color:#e0e0e0}.skip-btn[data-v-e6107336]{background:none;border:1px solid #555;color:#999;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.skip-btn[data-v-e6107336]:hover{color:#fff;border-color:#888}.search-input[data-v-e6107336]{background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:8px 12px;color:#e0e0e0;font-size:13px;outline:none}.search-input[data-v-e6107336]:focus{border-color:#666}.search-input[data-v-e6107336]::-moz-placeholder{color:#666}.search-input[data-v-e6107336]::placeholder{color:#666}.category-row[data-v-e6107336]{display:flex;flex-wrap:wrap;gap:4px}.category-btn[data-v-e6107336]{background:#1e1e1e;border:1px solid #333;color:#999;padding:3px 8px;border-radius:12px;cursor:pointer;font-size:11px;text-transform:capitalize}.category-btn[data-v-e6107336]:hover{color:#fff;border-color:#555}.category-btn.active[data-v-e6107336]{background:#333;color:#fff;border-color:#666}.font-list[data-v-e6107336]{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}.font-item[data-v-e6107336]{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;border:1px solid transparent;border-radius:6px;padding:8px 12px;cursor:pointer;text-align:left;transition:border-color .15s}.font-item[data-v-e6107336]:hover{border-color:#444}.font-item.selected[data-v-e6107336]{border-color:#fff;background:#222}.font-preview[data-v-e6107336]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.heading-preview[data-v-e6107336]{font-size:14px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body-preview[data-v-e6107336]{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-category[data-v-e6107336]{font-size:10px;color:#666;background:#2a2a2a;padding:2px 6px;border-radius:8px;text-transform:capitalize;flex-shrink:0;margin-left:8px}.selected-preview[data-v-e6107336]{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:12px}.preview-text[data-v-e6107336]{margin-bottom:8px}.preview-heading[data-v-e6107336]{font-size:20px;color:#e0e0e0;margin:0 0 6px;line-height:1.2}.preview-body[data-v-e6107336]{font-size:13px;color:#aaa;margin:0;line-height:1.5}.preview-meta[data-v-e6107336]{display:flex;flex-direction:column;gap:2px}.meta-label[data-v-e6107336]{font-size:11px;font-weight:600;color:#888}.meta-desc[data-v-e6107336]{font-size:10px;color:#666}.presets-overlay[data-v-fcb53cc6]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}.presets-modal[data-v-fcb53cc6]{background:#262626;border:1px solid #3a3a3a;border-radius:12px;width:540px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header[data-v-fcb53cc6]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #333}.modal-header h2[data-v-fcb53cc6]{margin:0;font-size:16px;font-weight:600;color:#e0e0e0}.header-actions[data-v-fcb53cc6]{display:flex;gap:8px;align-items:center}.revert-btn[data-v-fcb53cc6]{background:none;border:1px solid #a33;color:#e88;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px}.revert-btn[data-v-fcb53cc6]:hover{background:#a33;color:#fff}.close-btn[data-v-fcb53cc6]{background:none;border:none;color:#888;cursor:pointer;padding:4px;display:flex;border-radius:4px}.close-btn[data-v-fcb53cc6]:hover{color:#fff;background:#333}.scene-summary[data-v-fcb53cc6]{padding:12px 20px;border-bottom:1px solid #333;display:flex;gap:20px}.summary-section[data-v-fcb53cc6]{flex:1;min-width:0}.summary-label[data-v-fcb53cc6]{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.summary-swatches[data-v-fcb53cc6]{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.mini-swatch[data-v-fcb53cc6]{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.more-count[data-v-fcb53cc6]{font-size:10px;color:#666}.summary-fonts[data-v-fcb53cc6]{display:flex;flex-wrap:wrap;gap:4px}.font-tag[data-v-fcb53cc6]{font-size:10px;color:#aaa;background:#1e1e1e;padding:2px 6px;border-radius:4px}.tab-row[data-v-fcb53cc6]{display:flex;padding:0 20px;gap:0;border-bottom:1px solid #333}.tab-btn[data-v-fcb53cc6]{background:none;border:none;border-bottom:2px solid transparent;color:#888;padding:10px 16px;cursor:pointer;font-size:13px;font-weight:500;position:relative}.tab-btn[data-v-fcb53cc6]:hover{color:#ccc}.tab-btn.active[data-v-fcb53cc6]{color:#fff;border-bottom-color:#fff}.tab-dot[data-v-fcb53cc6]{position:absolute;top:8px;right:6px;width:6px;height:6px;border-radius:50%;background:#4ade80}.tab-content[data-v-fcb53cc6]{padding:16px 20px;overflow-y:auto;flex:1;min-height:0}.modal-footer[data-v-fcb53cc6]{padding:12px 20px 16px;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:8px}.cancel-btn[data-v-fcb53cc6]{background:none;border:1px solid #555;color:#999;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px}.cancel-btn[data-v-fcb53cc6]:hover{color:#fff;border-color:#888}.apply-btn[data-v-fcb53cc6]{background:#fff;color:#000;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.apply-btn[data-v-fcb53cc6]:hover{background:#e0e0e0}.dialog-backdrop[data-v-6e52c007]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10003}.dialog-box[data-v-6e52c007]{background:var(--color-bg-secondary, #2d2d2d);border-radius:10px;padding:20px 24px;min-width:320px;max-width:420px;box-shadow:0 16px 48px #0006}.dialog-title[data-v-6e52c007]{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff);margin-bottom:8px}.dialog-message[data-v-6e52c007]{font-size:13px;color:var(--color-text-secondary, #aaa);line-height:1.5;margin-bottom:20px}.dialog-actions[data-v-6e52c007]{display:flex;justify-content:flex-end;gap:8px}.dialog-btn[data-v-6e52c007]{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--color-border, #404040);transition:all .15s ease}.dialog-btn.cancel[data-v-6e52c007]{background:var(--color-bg-tertiary, #1a1a1a);color:var(--color-text-secondary, #aaa)}.dialog-btn.cancel[data-v-6e52c007]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.dialog-btn.confirm[data-v-6e52c007]{background:var(--color-accent, #0d99ff);color:#fff;border-color:var(--color-accent, #0d99ff)}.dialog-btn.confirm[data-v-6e52c007]:hover{filter:brightness(1.1)}.dialog-enter-active[data-v-6e52c007]{animation:dialog-in-6e52c007 .15s ease-out}.dialog-leave-active[data-v-6e52c007]{animation:dialog-out-6e52c007 .1s ease-in forwards}@keyframes dialog-in-6e52c007{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dialog-out-6e52c007{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-overlay[data-v-a8f4603d]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content[data-v-a8f4603d]{background:var(--color-bg-secondary, #2d2d2d);border:1px solid var(--color-border, #404040);border-radius:8px;width:480px;max-width:90vw;box-shadow:0 20px 60px #00000080}.modal-header[data-v-a8f4603d]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #404040)}.modal-title[data-v-a8f4603d]{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff);margin:0}.modal-close[data-v-a8f4603d]{background:transparent;border:none;color:var(--color-text-secondary, #888);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.modal-close[data-v-a8f4603d]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.modal-body[data-v-a8f4603d]{padding:20px;display:flex;flex-direction:column;gap:16px}.auth-tabs[data-v-a8f4603d]{display:flex;gap:0;background:var(--color-bg-primary, #1e1e1e);border-radius:6px;padding:2px}.auth-tab[data-v-a8f4603d]{flex:1;padding:6px 12px;border:none;background:transparent;color:var(--color-text-secondary, #888);font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s ease}.auth-tab.active[data-v-a8f4603d]{background:var(--color-bg-tertiary, #3d3d3d);color:var(--color-text-primary, #fff)}.auth-tab[data-v-a8f4603d]:hover:not(.active){color:var(--color-text-primary, #fff)}.connected-badge[data-v-a8f4603d]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:6px;font-size:13px;color:#22c55e}.user-avatar[data-v-a8f4603d]{width:20px;height:20px;border-radius:50%}.disconnect-btn[data-v-a8f4603d]{margin-left:auto;background:transparent;border:none;color:var(--color-text-secondary, #888);font-size:11px;cursor:pointer;padding:2px 6px;border-radius:3px}.disconnect-btn[data-v-a8f4603d]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.btn-figma[data-v-a8f4603d]{width:100%;padding:10px 16px;border:1px solid var(--color-border, #404040);border-radius:6px;background:var(--color-bg-primary, #1e1e1e);color:var(--color-text-primary, #fff);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .15s ease}.btn-figma[data-v-a8f4603d]:hover:not(:disabled){border-color:var(--color-accent, #0d99ff);background:#0d99ff0d}.btn-figma[data-v-a8f4603d]:disabled{opacity:.7;cursor:not-allowed}.form-group[data-v-a8f4603d]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-a8f4603d]{font-size:12px;font-weight:500;color:var(--color-text-secondary, #a0a0a0);display:flex;align-items:center;justify-content:space-between}.token-link[data-v-a8f4603d]{font-size:11px;color:var(--color-accent, #0d99ff);text-decoration:none}.token-link[data-v-a8f4603d]:hover{text-decoration:underline}.form-input[data-v-a8f4603d]{padding:8px 12px;background:var(--color-bg-primary, #1e1e1e);border:1px solid var(--color-border, #404040);border-radius:6px;color:var(--color-text-primary, #fff);font-size:13px;font-family:inherit;outline:none}.form-input[data-v-a8f4603d]:focus{border-color:var(--color-accent, #0d99ff)}.form-input.invalid[data-v-a8f4603d]{border-color:#f44747}.form-input[data-v-a8f4603d]:disabled{opacity:.5}.form-hint[data-v-a8f4603d]{font-size:11px;color:var(--color-text-secondary, #888);margin:0;line-height:1.4}.form-hint.error[data-v-a8f4603d]{color:#f44747}.import-instructions[data-v-a8f4603d]{font-size:12px;color:var(--color-text-secondary, #a0a0a0);margin:0;line-height:1.5}.error-message[data-v-a8f4603d]{padding:8px 12px;background:#f447471a;border:1px solid rgba(244,71,71,.3);border-radius:6px;color:#f44747;font-size:12px}.progress-message[data-v-a8f4603d]{padding:8px 12px;background:#0d99ff1a;border:1px solid rgba(13,153,255,.2);border-radius:6px;color:var(--color-accent, #0d99ff);font-size:12px}.modal-footer[data-v-a8f4603d]{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border, #404040)}.btn[data-v-a8f4603d]{padding:6px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.btn[data-v-a8f4603d]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-a8f4603d]{background:var(--color-bg-tertiary, #3d3d3d);color:var(--color-text-primary, #fff)}.btn-secondary[data-v-a8f4603d]:hover:not(:disabled){background:var(--color-border, #404040)}.btn-primary[data-v-a8f4603d]{background:var(--color-accent, #0d99ff);color:#fff}.btn-primary[data-v-a8f4603d]:hover:not(:disabled){background:var(--color-accent-hover, #0077cc)}.spinner[data-v-a8f4603d]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-a8f4603d .6s linear infinite}@keyframes spin-a8f4603d{to{transform:rotate(360deg)}}.onboarding-overlay[data-v-3552ca9d]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;backdrop-filter:blur(4px)}.onboarding-modal[data-v-3552ca9d]{background:#262626;border:1px solid #3a3a3a;border-radius:12px;width:540px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header[data-v-3552ca9d]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #333}.header-left[data-v-3552ca9d]{display:flex;align-items:baseline;gap:10px}.modal-header h2[data-v-3552ca9d]{margin:0;font-size:16px;font-weight:600;color:#e0e0e0}.step-indicator[data-v-3552ca9d]{font-size:11px;color:#666}.header-actions[data-v-3552ca9d]{display:flex;gap:8px;align-items:center}.later-btn[data-v-3552ca9d]{background:none;border:1px solid #444;color:#888;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.later-btn[data-v-3552ca9d]:hover{color:#fff;border-color:#666}.step-dots[data-v-3552ca9d]{display:flex;justify-content:center;gap:6px;padding:10px 0}.dot[data-v-3552ca9d]{width:8px;height:8px;border-radius:50%;background:#444;transition:all .2s ease}.dot.active[data-v-3552ca9d]{background:var(--color-accent, #0d99ff);width:20px;border-radius:4px}.dot.done[data-v-3552ca9d]{background:#4ade80}.modal-body[data-v-3552ca9d]{padding:16px 20px;overflow-y:auto;flex:1;min-height:0}.modal-footer[data-v-3552ca9d]{padding:12px 20px 16px;border-top:1px solid #333;display:flex;justify-content:space-between;align-items:center}.footer-right[data-v-3552ca9d]{display:flex;gap:8px;margin-left:auto}.back-btn[data-v-3552ca9d]{background:none;border:1px solid #444;color:#aaa;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px}.back-btn[data-v-3552ca9d]:hover{color:#fff;border-color:#666}.skip-btn[data-v-3552ca9d]{background:none;border:1px solid #444;color:#888;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px}.skip-btn[data-v-3552ca9d]:hover{color:#fff;border-color:#666}.next-btn[data-v-3552ca9d]{background:#fff;color:#000;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.next-btn[data-v-3552ca9d]:hover{background:#e0e0e0}.find-replace-panel[data-v-c030f49b]{position:fixed;top:42px;right:268px;z-index:9000;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000004d;padding:6px 8px;display:flex;flex-direction:column;gap:4px;min-width:340px}.find-row[data-v-c030f49b],.replace-row[data-v-c030f49b]{display:flex;align-items:center;gap:4px}.toggle-replace-btn[data-v-c030f49b]{display:flex;align-items:center;justify-content:center;width:20px;height:24px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:3px;flex-shrink:0;padding:0}.toggle-replace-btn[data-v-c030f49b]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.toggle-replace-spacer[data-v-c030f49b]{width:20px;flex-shrink:0}.input-wrapper[data-v-c030f49b]{flex:1;position:relative;display:flex;align-items:center}.search-input[data-v-c030f49b],.replace-input[data-v-c030f49b]{width:100%;padding:5px 70px 5px 8px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color .15s ease}.replace-input[data-v-c030f49b]{padding-right:8px}.search-input[data-v-c030f49b]:focus,.replace-input[data-v-c030f49b]:focus{border-color:var(--color-accent)}.search-input[data-v-c030f49b]::-moz-placeholder,.replace-input[data-v-c030f49b]::-moz-placeholder{color:var(--color-text-secondary);opacity:.6}.search-input[data-v-c030f49b]::placeholder,.replace-input[data-v-c030f49b]::placeholder{color:var(--color-text-secondary);opacity:.6}.match-count[data-v-c030f49b]{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--color-text-secondary);pointer-events:none;white-space:nowrap}.match-count.no-results[data-v-c030f49b]{color:#e06060}.icon-btn[data-v-c030f49b]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;padding:0;font-size:11px;font-weight:600;transition:all .1s ease}.icon-btn[data-v-c030f49b]:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.icon-btn[data-v-c030f49b]:disabled{opacity:.3;cursor:default}.icon-btn.active[data-v-c030f49b]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.close-btn[data-v-c030f49b]:hover{background:#e0606030;color:#e06060}.replace-btn[data-v-c030f49b],.replace-all-btn[data-v-c030f49b]{width:28px}.close-spacer[data-v-c030f49b]{width:24px;flex-shrink:0}.palette-overlay[data-v-c90fa273]{position:fixed;inset:0;z-index:50000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.palette-container[data-v-c90fa273]{width:480px;max-height:60vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;overflow:hidden}.palette-input-wrapper[data-v-c90fa273]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.palette-search-icon[data-v-c90fa273]{flex-shrink:0;color:var(--color-text-secondary)}.palette-input[data-v-c90fa273]{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:14px;font-family:inherit;line-height:1.4}.palette-input[data-v-c90fa273]::-moz-placeholder{color:var(--color-text-secondary);opacity:.6}.palette-input[data-v-c90fa273]::placeholder{color:var(--color-text-secondary);opacity:.6}.palette-esc-badge[data-v-c90fa273]{flex-shrink:0;padding:2px 6px;font-size:10px;font-family:inherit;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;line-height:1.4}.palette-list[data-v-c90fa273]{overflow-y:auto;padding:4px 0;flex:1}.palette-empty[data-v-c90fa273]{padding:24px 16px;text-align:center;color:var(--color-text-secondary);font-size:13px}.palette-category[data-v-c90fa273]{padding:8px 16px 4px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.command-row[data-v-c90fa273]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;transition:background .08s ease;margin:0 6px;border-radius:6px}.command-row[data-v-c90fa273]:hover,.command-row.selected[data-v-c90fa273]{background:var(--color-bg-tertiary)}.command-label[data-v-c90fa273]{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-shortcut[data-v-c90fa273]{flex-shrink:0;margin-left:16px;padding:2px 7px;font-size:11px;font-family:inherit;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;white-space:nowrap}.palette-list[data-v-c90fa273]::-webkit-scrollbar{width:6px}.palette-list[data-v-c90fa273]::-webkit-scrollbar-track{background:transparent}.palette-list[data-v-c90fa273]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.palette-list[data-v-c90fa273]::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.palette-enter-active[data-v-c90fa273]{transition:opacity .12s ease}.palette-leave-active[data-v-c90fa273]{transition:opacity .08s ease}.palette-enter-from[data-v-c90fa273],.palette-leave-to[data-v-c90fa273]{opacity:0}.palette-enter-active .palette-container[data-v-c90fa273]{animation:palette-in-c90fa273 .12s ease}@keyframes palette-in-c90fa273{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.comment-click-overlay[data-v-4a890fb0]{position:absolute;inset:0;z-index:100;cursor:crosshair}.comment-mode-hint[data-v-4a890fb0]{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--color-accent, #0d99ff);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500;pointer-events:none;white-space:nowrap}.comment-pin[data-v-4a890fb0]{position:absolute;z-index:90;transform:translate(-12px,-24px);cursor:pointer}.comment-pin.active[data-v-4a890fb0]{z-index:91}.pin-icon[data-v-4a890fb0]{position:relative;width:24px;height:24px;color:var(--color-accent, #0d99ff);filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));transition:transform .15s}.pin-icon.new[data-v-4a890fb0]{color:#4ade80}.comment-pin.resolved .pin-icon[data-v-4a890fb0]{color:#666;opacity:.6}.comment-pin:hover .pin-icon[data-v-4a890fb0]{transform:scale(1.2)}.reply-count[data-v-4a890fb0]{position:absolute;top:-4px;right:-6px;background:var(--color-accent, #0d99ff);color:#fff;font-size:9px;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.comment-popup[data-v-4a890fb0]{position:absolute;top:28px;left:0;width:260px;background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 8px 24px #0006;padding:10px;display:flex;flex-direction:column;gap:8px}.comment-header[data-v-4a890fb0],.reply-header[data-v-4a890fb0]{display:flex;justify-content:space-between;align-items:center}.comment-author[data-v-4a890fb0],.reply-author[data-v-4a890fb0]{font-size:12px;font-weight:600;color:#e0e0e0}.comment-time[data-v-4a890fb0],.reply-time[data-v-4a890fb0]{font-size:10px;color:#666}.comment-text[data-v-4a890fb0],.reply-text[data-v-4a890fb0]{margin:0;font-size:12px;color:#ccc;line-height:1.4;white-space:pre-wrap;word-break:break-word}.comment-replies[data-v-4a890fb0]{display:flex;flex-direction:column;gap:6px;padding-left:8px;border-left:2px solid #333}.reply[data-v-4a890fb0]{display:flex;flex-direction:column;gap:2px}.reply-input-row[data-v-4a890fb0]{display:flex;gap:4px}.reply-input[data-v-4a890fb0]{flex:1;background:#1e1e1e;border:1px solid #333;border-radius:4px;padding:4px 8px;color:#e0e0e0;font-size:12px;resize:none;outline:none}.reply-input[data-v-4a890fb0]:focus{border-color:#555}.reply-send[data-v-4a890fb0]{background:var(--color-accent, #0d99ff);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;flex-shrink:0}.comment-actions[data-v-4a890fb0]{display:flex;gap:6px;border-top:1px solid #333;padding-top:6px}.action-btn[data-v-4a890fb0]{background:none;border:1px solid #444;color:#aaa;padding:3px 8px;border-radius:4px;font-size:11px;cursor:pointer}.action-btn[data-v-4a890fb0]:hover{color:#fff;border-color:#666}.action-btn.danger[data-v-4a890fb0]:hover{color:#ef4444;border-color:#ef4444}.new-comment-input[data-v-4a890fb0]{width:100%;background:#1e1e1e;border:1px solid #333;border-radius:4px;padding:8px;color:#e0e0e0;font-size:12px;resize:none;outline:none}.new-comment-input[data-v-4a890fb0]:focus{border-color:#555}.new-comment-actions[data-v-4a890fb0]{display:flex;justify-content:flex-end;gap:6px}.cancel-btn[data-v-4a890fb0]{background:none;border:1px solid #444;color:#888;padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer}.cancel-btn[data-v-4a890fb0]:hover{color:#fff}.submit-btn[data-v-4a890fb0]{background:var(--color-accent, #0d99ff);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.submit-btn[data-v-4a890fb0]:disabled{opacity:.4;cursor:default}.inspect-overlay[data-v-bf543ca6]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;cursor:crosshair}.inspect-svg[data-v-bf543ca6]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.inspect-outline[data-v-bf543ca6]{fill:#3b82f60a;stroke:#3b82f6;stroke-width:1;transition:stroke-width .1s ease}.inspect-outline.pinned[data-v-bf543ca6]{stroke-width:2;stroke-dasharray:none;fill:#3b82f60f}.spacing-line[data-v-bf543ca6]{stroke:#ef4444;stroke-width:1;stroke-dasharray:4 3}.spacing-cap[data-v-bf543ca6]{stroke:#ef4444;stroke-width:1}.spacing-label-bg[data-v-bf543ca6]{fill:#ef4444}.spacing-label-text[data-v-bf543ca6]{fill:#fff;font-size:10px;font-family:SF Mono,SFMono-Regular,ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;text-anchor:middle;dominant-baseline:middle}.inspect-tooltip[data-v-bf543ca6]{position:absolute;width:260px;max-height:420px;overflow-y:auto;background:#1e1e2e;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 32px #0006,0 2px 8px #0003;pointer-events:auto;z-index:1001;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:#e0e0e0}.inspect-tooltip[data-v-bf543ca6]::-webkit-scrollbar{width:4px}.inspect-tooltip[data-v-bf543ca6]::-webkit-scrollbar-track{background:transparent}.inspect-tooltip[data-v-bf543ca6]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.tooltip-header[data-v-bf543ca6]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.tooltip-node-info[data-v-bf543ca6]{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.tooltip-node-type[data-v-bf543ca6]{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#3b82f6;background:#3b82f61f;padding:2px 5px;border-radius:3px;flex-shrink:0}.tooltip-node-name[data-v-bf543ca6]{color:#a0a0b0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tooltip-copy-btn[data-v-bf543ca6]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ffffff0f;border-radius:4px;color:#a0a0b0;cursor:pointer;flex-shrink:0;transition:all .15s ease}.tooltip-copy-btn[data-v-bf543ca6]:hover{background:#ffffff1f;color:#e0e0e0}.tooltip-copy-btn.copied[data-v-bf543ca6]{background:#22c55e26;color:#22c55e}.tooltip-colors[data-v-bf543ca6]{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px}.color-swatch-row[data-v-bf543ca6]{display:flex;align-items:center;gap:8px}.color-swatch[data-v-bf543ca6]{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.color-value[data-v-bf543ca6]{font-family:SF Mono,SFMono-Regular,ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;font-size:11px;color:#a0a0b0}.tooltip-properties[data-v-bf543ca6]{padding:8px 12px}.css-property[data-v-bf543ca6]{display:flex;align-items:baseline;gap:4px;padding:2px 0;line-height:1.5}.prop-name[data-v-bf543ca6]{color:#7c8594;font-family:SF Mono,SFMono-Regular,ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;font-size:11px;flex-shrink:0}.prop-value[data-v-bf543ca6]{color:#e0e0e0;font-family:SF Mono,SFMono-Regular,ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;font-size:11px;word-break:break-all}.tooltip-footer[data-v-bf543ca6]{padding:6px 12px;border-top:1px solid rgba(255,255,255,.06)}.pinned-hint[data-v-bf543ca6]{font-size:10px;color:#5a5a6e;font-style:italic}.guides-overlay[data-v-548166b3]{position:absolute;inset:0;z-index:9;pointer-events:none}.guides-svg[data-v-548166b3]{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.guide-hit-area[data-v-548166b3]{stroke:transparent;stroke-width:10;pointer-events:stroke}.guide-hit-area-h[data-v-548166b3]{cursor:ns-resize}.guide-hit-area-v[data-v-548166b3]{cursor:ew-resize}.guide-line[data-v-548166b3]{stroke:#00c8c8b3;stroke-width:1;pointer-events:none;vector-effect:non-scaling-stroke}.guide-line.guide-hovered[data-v-548166b3]{stroke:#00c8c8;stroke-width:1.5}.guide-label[data-v-548166b3]{position:absolute;background:#00a0a0e6;color:#fff;font-size:10px;font-family:-apple-system,sans-serif;padding:1px 4px;border-radius:2px;white-space:nowrap;pointer-events:none;transform:translateY(-50%);z-index:11}.guide-label-vertical[data-v-548166b3]{transform:translate(-50%)}.login-page[data-v-05e7e3a2]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg-primary);padding:20px}.login-card[data-v-05e7e3a2]{width:100%;max-width:380px;background:var(--color-bg-secondary, #2d2d2d);border-radius:12px;padding:40px 32px;border:1px solid var(--color-border, #404040)}.login-brand[data-v-05e7e3a2]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:32px}.login-logo[data-v-05e7e3a2]{height:32px;width:auto}.login-logo-text[data-v-05e7e3a2]{font-weight:700;font-size:22px;background:linear-gradient(135deg,var(--color-accent, #0d99ff),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tabs[data-v-05e7e3a2]{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--color-border, #404040)}.tab[data-v-05e7e3a2]{flex:1;background:none;border:none;color:var(--color-text-secondary, #a0a0a0);font-size:14px;font-weight:500;padding:10px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab.active[data-v-05e7e3a2]{color:var(--color-text-primary, #fff);border-bottom-color:var(--color-accent, #0d99ff)}.tab[data-v-05e7e3a2]:hover:not(.active){color:var(--color-text-primary, #fff)}.forgot-header[data-v-05e7e3a2]{margin-bottom:20px}.forgot-header h2[data-v-05e7e3a2]{font-size:18px;font-weight:600;color:var(--color-text-primary, #fff);margin:0 0 6px}.forgot-header p[data-v-05e7e3a2]{font-size:13px;color:var(--color-text-secondary, #a0a0a0);margin:0}.login-form[data-v-05e7e3a2]{display:flex;flex-direction:column;gap:16px}.field[data-v-05e7e3a2]{display:flex;flex-direction:column;gap:6px}.field label[data-v-05e7e3a2]{font-size:13px;font-weight:500;color:var(--color-text-secondary, #a0a0a0)}.field input[data-v-05e7e3a2]{background:var(--color-bg-primary, #1e1e1e);border:1px solid var(--color-border, #404040);border-radius:6px;padding:10px 12px;font-size:14px;color:var(--color-text-primary, #fff);outline:none;transition:border-color .15s;font-family:inherit}.field input[data-v-05e7e3a2]::-moz-placeholder{color:#666}.field input[data-v-05e7e3a2]::placeholder{color:#666}.field input[data-v-05e7e3a2]:focus{border-color:var(--color-accent, #0d99ff)}.error-msg[data-v-05e7e3a2]{font-size:13px;color:#ef4444;padding:8px 12px;background:#ef44441a;border-radius:6px}.success-msg[data-v-05e7e3a2]{font-size:13px;color:#22c55e;padding:8px 12px;background:#22c55e1a;border-radius:6px}.btn-primary[data-v-05e7e3a2]{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-accent, #0d99ff);color:#fff;border:none;border-radius:6px;padding:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.btn-primary[data-v-05e7e3a2]:hover:not(:disabled){background:var(--color-accent-hover, #0077cc)}.btn-primary[data-v-05e7e3a2]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-05e7e3a2]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-05e7e3a2 .6s linear infinite}@keyframes spin-05e7e3a2{to{transform:rotate(360deg)}}.divider[data-v-05e7e3a2]{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--color-text-secondary, #a0a0a0);font-size:12px}.divider[data-v-05e7e3a2]:before,.divider[data-v-05e7e3a2]:after{content:"";flex:1;height:1px;background:var(--color-border, #404040)}.btn-google[data-v-05e7e3a2]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff;color:#333;border:none;border-radius:6px;padding:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;font-family:inherit}.btn-google[data-v-05e7e3a2]:hover:not(:disabled){background:#f0f0f0}.btn-google[data-v-05e7e3a2]:disabled{opacity:.6;cursor:not-allowed}.google-icon[data-v-05e7e3a2]{flex-shrink:0}.login-footer[data-v-05e7e3a2]{text-align:center;margin-top:16px}.link-btn[data-v-05e7e3a2]{background:none;border:none;color:var(--color-accent, #0d99ff);font-size:13px;cursor:pointer;padding:4px;font-family:inherit}.link-btn[data-v-05e7e3a2]:hover{text-decoration:underline}.studio-topbar[data-v-e3f34991]{display:flex;align-items:center;height:40px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:0 8px;gap:4px;flex-shrink:0}.back-btn[data-v-e3f34991]{display:flex;align-items:center;gap:6px;padding:4px 10px;background:none;border:none;color:var(--color-text-secondary);font-size:12px;cursor:pointer;border-radius:4px;white-space:nowrap}.back-btn[data-v-e3f34991]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-divider[data-v-e3f34991]{width:1px;height:20px;background:var(--color-border);margin:0 4px}.drawing-tools[data-v-e3f34991]{display:flex;align-items:center;gap:2px}.tool-btn[data-v-e3f34991]{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:6px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative;gap:1px}.tool-btn[data-v-e3f34991]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tool-btn.active[data-v-e3f34991]{background:var(--color-accent);color:#fff}.dropdown-arrow[data-v-e3f34991]{font-size:6px;opacity:.5;margin-left:1px}.shape-tool-button[data-v-e3f34991],.draw-tool-button[data-v-e3f34991]{display:flex;align-items:center;gap:0;padding-right:2px}.tool-dropdown-wrap[data-v-e3f34991]{position:relative}.tool-dropdown[data-v-e3f34991]{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px;min-width:180px;z-index:1000}.dropdown-item[data-v-e3f34991]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;font-size:13px;text-align:left;transition:all .1s ease}.dropdown-item[data-v-e3f34991]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.dropdown-item.active[data-v-e3f34991]{background:var(--color-accent);color:#fff}.dropdown-icon[data-v-e3f34991]{width:20px;display:flex;align-items:center;justify-content:center}.dropdown-icon svg[data-v-e3f34991]{width:16px;height:16px}.dropdown-label[data-v-e3f34991]{flex:1}.dropdown-shortcut[data-v-e3f34991]{font-size:11px;opacity:.6;font-family:monospace}.topbar-spacer[data-v-e3f34991]{flex:1}.insert-btn[data-v-e3f34991]{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--color-accent);border:none;color:#fff;font-size:11px;font-weight:600;cursor:pointer;border-radius:5px;white-space:nowrap}.insert-btn[data-v-e3f34991]:hover{filter:brightness(1.1)}.studio-canvas[data-v-2e579d56]{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.studio-properties[data-v-4f35225b]{width:220px;min-width:220px;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);overflow-y:auto;display:flex;flex-direction:column}.props-header[data-v-4f35225b]{padding:8px 12px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.node-name[data-v-4f35225b]{padding:8px 12px;font-size:12px;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.props-section[data-v-4f35225b]{padding:8px 12px;border-bottom:1px solid var(--color-border)}.section-title[data-v-4f35225b]{font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.prop-row[data-v-4f35225b]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:8px}.prop-row label[data-v-4f35225b]{font-size:11px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px;min-width:0}.prop-label[data-v-4f35225b]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-value-label[data-v-4f35225b]{font-size:11px;color:var(--color-text-primary)}.rec-indicator[data-v-4f35225b]{width:6px;height:6px;border-radius:50%;background:#ef4444;flex-shrink:0}.scrub-label[data-v-4f35225b]{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scrub-label[data-v-4f35225b]:hover{color:var(--color-accent)}.prop-input-group[data-v-4f35225b]{display:flex;align-items:center;gap:4px}.num-input-wrap[data-v-4f35225b]{position:relative;display:flex;align-items:center;width:64px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.num-input-wrap[data-v-4f35225b]:focus-within{border-color:var(--color-accent)}.num-input-wrap input[type=number][data-v-4f35225b]{width:100%;padding:4px 14px 4px 6px;border:none!important;background:transparent!important;outline:none!important;color:var(--color-text-primary);font-size:11px;font-family:inherit;-moz-appearance:textfield}.num-input-wrap input[type=number][data-v-4f35225b]::-webkit-inner-spin-button,.num-input-wrap input[type=number][data-v-4f35225b]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input-btns[data-v-4f35225b]{position:absolute;right:1px;top:1px;bottom:1px;display:none;flex-direction:column;width:14px}.num-input-wrap:focus-within .num-input-btns[data-v-4f35225b]{display:flex}.num-input-btn[data-v-4f35225b]{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--color-text-secondary);border-radius:2px;line-height:1}.num-input-btn[data-v-4f35225b]:hover{background:var(--color-accent);color:#fff}.num-input-btn svg[data-v-4f35225b]{width:8px;height:8px}.prop-row input[type=color][data-v-4f35225b]{width:32px;height:22px;padding:0;border:1px solid var(--color-border);border-radius:3px;cursor:pointer;background:none}.prop-row select[data-v-4f35225b]{flex:1;padding:2px 4px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:11px;border-radius:3px;outline:none}.kf-toggle-btn[data-v-4f35225b]{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0;flex-shrink:0;opacity:.4;transition:opacity .15s,color .15s}.kf-toggle-btn[data-v-4f35225b]:hover{opacity:1;color:var(--color-accent)}.kf-toggle-btn.active[data-v-4f35225b]{color:var(--color-accent);opacity:1}.no-selection[data-v-4f35225b]{padding:20px 12px;text-align:center}.no-selection p[data-v-4f35225b]{font-size:12px;color:var(--color-text-secondary);margin:0 0 8px}.no-selection .hint[data-v-4f35225b]{font-size:11px;color:var(--color-text-tertiary)}.timeline-panel[data-v-ee646b1f]{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-shrink:0;min-height:80px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.resize-handle[data-v-ee646b1f]{height:6px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0}.resize-grip[data-v-ee646b1f]{width:32px;height:2px;border-radius:1px;background:var(--color-border)}.resize-handle:hover .resize-grip[data-v-ee646b1f]{background:var(--color-text-secondary)}.timeline-transport[data-v-ee646b1f]{display:flex;align-items:center;gap:4px;padding:0 10px;height:36px;flex-shrink:0;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.transport-group[data-v-ee646b1f]{display:flex;align-items:center;gap:2px}.tl-divider[data-v-ee646b1f]{width:1px;height:20px;background:var(--color-border);margin:0 4px}.tl-btn[data-v-ee646b1f]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;padding:0}.tl-btn[data-v-ee646b1f]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tl-btn.active[data-v-ee646b1f]{color:var(--color-accent)}.tl-btn.tl-play[data-v-ee646b1f]{width:30px;height:30px}.tl-rec-dot[data-v-ee646b1f]{width:10px;height:10px;border-radius:50%;background:var(--color-text-secondary)}.tl-rec-dot.recording[data-v-ee646b1f]{background:#ef4444;animation:pulse-rec-ee646b1f 1s ease-in-out infinite}@keyframes pulse-rec-ee646b1f{0%,to{opacity:1}50%{opacity:.4}}.tl-time-group[data-v-ee646b1f]{display:flex;align-items:center;gap:4px}.tl-current-time[data-v-ee646b1f]{font-family:SF Mono,Menlo,monospace;font-size:12px;color:var(--color-accent);cursor:pointer;padding:2px 4px;border-radius:3px;white-space:nowrap}.tl-current-time[data-v-ee646b1f]:hover{background:var(--color-bg-hover)}.tl-current-time-input[data-v-ee646b1f]{width:60px;padding:2px 4px;background:var(--color-bg-tertiary);border:1px solid var(--color-accent);color:var(--color-text-primary);font-family:SF Mono,Menlo,monospace;font-size:12px;border-radius:3px;outline:none;-moz-appearance:textfield}.tl-current-time-input[data-v-ee646b1f]::-webkit-inner-spin-button,.tl-current-time-input[data-v-ee646b1f]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tl-time-sep[data-v-ee646b1f]{font-size:12px;color:var(--color-text-secondary);padding:0 2px}.tl-duration[data-v-ee646b1f]{font-family:SF Mono,Menlo,monospace;font-size:12px;color:var(--color-text-primary);cursor:pointer;padding:2px 4px;border-radius:3px;white-space:nowrap}.tl-duration[data-v-ee646b1f]:hover{background:var(--color-bg-hover);color:var(--color-accent)}.tl-duration-input[data-v-ee646b1f]{width:48px;padding:2px 4px;background:var(--color-bg-tertiary);border:1px solid var(--color-accent);color:var(--color-text-primary);font-family:SF Mono,Menlo,monospace;font-size:12px;border-radius:3px;outline:none;-moz-appearance:textfield}.tl-duration-input[data-v-ee646b1f]::-webkit-inner-spin-button,.tl-duration-input[data-v-ee646b1f]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tl-spacer[data-v-ee646b1f]{flex:1}.tl-zoom-group[data-v-ee646b1f]{display:flex;align-items:center;gap:2px}.tl-fps[data-v-ee646b1f]{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:11px;padding:3px 6px;border-radius:4px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tl-fps[data-v-ee646b1f]:focus{border-color:var(--color-accent)}.timeline-content[data-v-ee646b1f]{display:flex;flex:1;overflow:hidden}.track-list[data-v-ee646b1f]{flex-shrink:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.track-list-header[data-v-ee646b1f]{height:22px;display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);flex-shrink:0}.track-list-body[data-v-ee646b1f]{overflow-y:auto;flex:1}.node-row[data-v-ee646b1f]{display:flex;align-items:center;padding:0 8px;gap:4px;cursor:pointer;border-bottom:1px solid var(--color-border-subtle, rgba(255,255,255,.05))}.node-row[data-v-ee646b1f]:hover{background:var(--color-bg-hover)}.expand-arrow[data-v-ee646b1f]{color:var(--color-text-secondary);transition:transform .15s;flex-shrink:0}.expand-arrow.expanded[data-v-ee646b1f]{transform:rotate(90deg)}.node-label[data-v-ee646b1f]{font-size:11px;font-weight:600;color:var(--color-text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-prop-btn[data-v-ee646b1f]{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);font-size:14px;cursor:pointer;border-radius:3px;padding:0;opacity:0}.node-row:hover .add-prop-btn[data-v-ee646b1f]{opacity:1}.add-prop-btn[data-v-ee646b1f]:hover{background:var(--color-bg-hover);color:var(--color-accent)}.add-property-dropdown[data-v-ee646b1f]{display:flex;flex-direction:column;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);padding:4px 0}.add-prop-item[data-v-ee646b1f]{display:block;width:100%;padding:4px 20px;font-size:11px;color:var(--color-text-primary);background:none;border:none;text-align:left;cursor:pointer}.add-prop-item[data-v-ee646b1f]:hover:not(:disabled){background:var(--color-bg-hover)}.add-prop-item[data-v-ee646b1f]:disabled{color:var(--color-text-tertiary);cursor:default}.track-row[data-v-ee646b1f]{display:flex;align-items:center;padding:0 8px 0 24px;border-bottom:1px solid var(--color-border-subtle, rgba(255,255,255,.05))}.track-label[data-v-ee646b1f]{font-size:11px;color:var(--color-text-secondary);flex:1;white-space:nowrap}.remove-track-btn[data-v-ee646b1f]{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);font-size:14px;cursor:pointer;border-radius:2px;padding:0;opacity:0}.track-row:hover .remove-track-btn[data-v-ee646b1f]{opacity:1}.remove-track-btn[data-v-ee646b1f]:hover{color:#ef4444}.add-node-row[data-v-ee646b1f]{display:flex;align-items:center;padding:6px 8px;font-size:11px;color:var(--color-text-tertiary);cursor:pointer}.add-node-row[data-v-ee646b1f]:hover{color:var(--color-accent);background:var(--color-bg-hover)}.timeline-grid[data-v-ee646b1f]{flex:1;overflow:auto;position:relative}.ruler[data-v-ee646b1f]{height:24px;position:sticky;top:0;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);cursor:pointer;z-index:2;overflow:hidden}.ruler-mark[data-v-ee646b1f]{position:absolute;bottom:0;width:1px}.ruler-mark--major[data-v-ee646b1f]{height:12px;background:var(--color-text-secondary)}.ruler-mark--minor[data-v-ee646b1f]{height:6px;background:var(--color-text-secondary);opacity:.3}.ruler-label[data-v-ee646b1f]{font-size:9px;color:var(--color-text-secondary);position:absolute;bottom:13px;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none}.playhead-marker[data-v-ee646b1f]{position:absolute;top:12px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-accent);transform:translate(-5px);z-index:3}.grid-body[data-v-ee646b1f]{position:relative;min-height:100%}.grid-node-row[data-v-ee646b1f]{border-bottom:1px solid var(--color-border-subtle, rgba(255,255,255,.05))}.grid-dropdown-spacer[data-v-ee646b1f]{height:0}.grid-track-row[data-v-ee646b1f]{position:relative;border-bottom:1px solid var(--color-border-subtle, rgba(255,255,255,.05));cursor:crosshair}.grid-track-row[data-v-ee646b1f]:hover{background:#ffffff05}.interp-line[data-v-ee646b1f]{position:absolute;top:50%;height:2px;background:var(--color-accent);opacity:.3;transform:translateY(-1px);pointer-events:none}.keyframe-diamond[data-v-ee646b1f]{position:absolute;top:50%;width:10px;height:10px;background:var(--color-accent);transform:translateY(-50%) rotate(45deg);cursor:pointer;z-index:1;border:1px solid transparent}.keyframe-diamond.is-color[data-v-ee646b1f]{background:var(--kf-color, var(--color-accent))}.keyframe-diamond[data-v-ee646b1f]:hover{border-color:var(--color-text-primary)}.keyframe-diamond.selected[data-v-ee646b1f]{border-color:#fff;box-shadow:0 0 0 2px var(--color-accent)}.playhead-line[data-v-ee646b1f]{position:absolute;top:0;bottom:0;width:1px;background:var(--color-accent);pointer-events:none;z-index:2}.onboarding-backdrop[data-v-73aaf203]{position:fixed;inset:0;z-index:10000;background:#0009;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.onboarding-modal[data-v-73aaf203]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;width:620px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 48px #0006}.close-btn[data-v-73aaf203]{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;z-index:1}.close-btn[data-v-73aaf203]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.step-content[data-v-73aaf203]{padding:40px 28px 0}.step-text[data-v-73aaf203]{text-align:center;margin-top:20px}.step-text h2[data-v-73aaf203]{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 6px}.step-text p[data-v-73aaf203]{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.step-visual[data-v-73aaf203]{display:flex;justify-content:center}.welcome-layout[data-v-73aaf203]{width:100%}.mock-studio[data-v-73aaf203]{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-bg-primary);font-size:9px}.mock-topbar[data-v-73aaf203]{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);height:24px}.mock-back[data-v-73aaf203]{display:flex;align-items:center;gap:3px;color:var(--color-text-secondary);font-size:8px}.mock-chevron[data-v-73aaf203]{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:4px solid var(--color-text-secondary)}.mock-transport[data-v-73aaf203]{display:flex;align-items:center;gap:3px}.mock-rec-dot[data-v-73aaf203]{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:pulse-rec-73aaf203 1.5s ease-in-out infinite}.mock-btn-sm[data-v-73aaf203]{width:12px;height:12px;border-radius:2px;background:var(--color-bg-tertiary)}.mock-play-btn[data-v-73aaf203]{width:16px;height:16px;border-radius:3px;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center}.mock-time[data-v-73aaf203]{font-family:SF Mono,monospace;font-size:8px;color:var(--color-text-secondary);margin-left:auto}.mock-middle[data-v-73aaf203]{display:flex;height:80px}.mock-canvas[data-v-73aaf203]{flex:1;position:relative;padding:8px}.mock-shape[data-v-73aaf203]{position:absolute;border-radius:4px}.mock-shape-1[data-v-73aaf203]{width:40px;height:30px;background:var(--color-accent);opacity:.8;top:16px;left:20px;animation:mock-slide-73aaf203 3s ease-in-out infinite alternate}.mock-shape-2[data-v-73aaf203]{width:24px;height:24px;background:#a855f7;border-radius:50%;top:40px;left:80px;animation:mock-fade-73aaf203 2.5s ease-in-out infinite alternate}@keyframes mock-slide-73aaf203{0%{transform:translate(0)}to{transform:translate(60px)}}@keyframes mock-fade-73aaf203{0%{opacity:1}to{opacity:.3}}.mock-props[data-v-73aaf203]{width:80px;border-left:1px solid var(--color-border);padding:4px}.mock-props-header[data-v-73aaf203]{font-size:7px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.mock-prop-row[data-v-73aaf203]{display:flex;justify-content:space-between;font-size:8px;color:var(--color-text-secondary);padding:1px 0}.mock-val[data-v-73aaf203]{color:var(--color-text-primary)}.mock-timeline[data-v-73aaf203]{display:flex;height:52px;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.mock-track-list[data-v-73aaf203]{width:60px;border-right:1px solid var(--color-border);padding:2px 4px}.mock-node-label[data-v-73aaf203]{font-size:8px;font-weight:600;color:var(--color-text-primary);padding:2px 0}.mock-track-label[data-v-73aaf203]{font-size:7px;color:var(--color-text-secondary);padding:2px 0 2px 8px}.mock-grid[data-v-73aaf203]{flex:1;position:relative}.mock-ruler[data-v-73aaf203]{display:flex;justify-content:space-between;padding:0 4px;font-size:7px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);height:12px;align-items:center}.mock-grid-row[data-v-73aaf203]{height:13px;position:relative;border-bottom:1px solid rgba(255,255,255,.03)}.mock-kf[data-v-73aaf203]{position:absolute;top:50%;width:6px;height:6px;background:var(--color-accent);transform:translateY(-50%) rotate(45deg)}.mock-kf-line[data-v-73aaf203]{position:absolute;top:50%;height:1.5px;background:var(--color-accent);opacity:.3;transform:translateY(-50%)}.mock-playhead[data-v-73aaf203]{position:absolute;top:0;bottom:0;left:40%;width:1px;background:var(--color-accent);animation:mock-playhead-move-73aaf203 3s linear infinite}@keyframes mock-playhead-move-73aaf203{0%{left:5%}to{left:90%}}.demo-toolbar-row[data-v-73aaf203]{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;width:100%}.demo-tool-group[data-v-73aaf203]{display:flex;gap:4px}.demo-tool-btn[data-v-73aaf203]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.demo-tool-btn.highlighted[data-v-73aaf203]{color:var(--color-accent);border-color:var(--color-accent);background:#6366f11a}.demo-toolbar-label[data-v-73aaf203]{font-size:11px;color:var(--color-text-secondary)}.demo-scene[data-v-73aaf203]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.demo-canvas-area[data-v-73aaf203]{display:flex;gap:16px;padding:16px 24px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;width:100%;justify-content:center}.demo-shape[data-v-73aaf203]{width:80px;height:56px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:500}.selected-shape[data-v-73aaf203]{background:var(--color-accent);position:relative}.selection-ring[data-v-73aaf203]{position:absolute;inset:-3px;border:2px solid var(--color-accent);border-radius:8px;pointer-events:none}.demo-circle[data-v-73aaf203]{background:#a855f7;border-radius:50%;width:56px;opacity:.5}.demo-arrow-down[data-v-73aaf203]{color:var(--color-accent)}.demo-timeline-mini[data-v-73aaf203]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;width:100%}.demo-track-row[data-v-73aaf203]{display:flex;align-items:center;gap:12px;padding:4px 0}.demo-track-name[data-v-73aaf203]{font-size:12px;font-weight:600;color:var(--color-text-primary)}.demo-track-props[data-v-73aaf203]{display:flex;gap:8px;font-size:11px;color:var(--color-text-secondary)}.demo-add-btn[data-v-73aaf203]{margin-top:6px;padding:4px 8px;font-size:11px;color:var(--color-accent);border:1px dashed var(--color-accent);border-radius:4px;text-align:center;opacity:.8}.demo-keyframes[data-v-73aaf203]{width:100%;display:flex;flex-direction:column;gap:12px}.kf-timeline[data-v-73aaf203]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:8px;position:relative}.kf-ruler[data-v-73aaf203]{display:flex;justify-content:space-between;font-size:9px;color:var(--color-text-secondary);padding:0 4px 6px;border-bottom:1px solid var(--color-border)}.kf-track[data-v-73aaf203]{display:flex;align-items:center;padding-top:6px;gap:8px}.kf-label[data-v-73aaf203]{font-size:10px;color:var(--color-text-secondary);width:60px;flex-shrink:0}.kf-area[data-v-73aaf203]{flex:1;height:24px;position:relative}.kf-diamond[data-v-73aaf203]{position:absolute;top:50%;width:10px;height:10px;background:var(--color-accent);transform:translateY(-50%) rotate(45deg);z-index:1}.kf-d1[data-v-73aaf203]{left:5%}.kf-d2[data-v-73aaf203]{left:50%}.kf-d3[data-v-73aaf203]{left:85%}.kf-tooltip[data-v-73aaf203]{position:absolute;top:-18px;left:50%;transform:translate(-50%) rotate(-45deg);font-size:9px;color:var(--color-accent);white-space:nowrap;font-weight:600}.kf-interp-line[data-v-73aaf203]{position:absolute;top:50%;left:7%;width:43%;height:2px;background:var(--color-accent);opacity:.25;transform:translateY(-1px)}.kf-interp-line2[data-v-73aaf203]{position:absolute;top:50%;left:52%;width:33%;height:2px;background:var(--color-accent);opacity:.25;transform:translateY(-1px)}.kf-playhead-demo[data-v-73aaf203]{position:absolute;top:0;bottom:0;width:1px;background:var(--color-accent);animation:kf-playhead-sweep-73aaf203 3s ease-in-out infinite}@keyframes kf-playhead-sweep-73aaf203{0%{left:8%}50%{left:55%}to{left:88%}}.kf-result[data-v-73aaf203]{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:12px}.kf-shape-track[data-v-73aaf203]{height:24px;position:relative;margin-bottom:6px}.kf-moving-shape[data-v-73aaf203]{position:absolute;width:24px;height:24px;border-radius:4px;background:var(--color-accent);animation:kf-shape-move-73aaf203 3s ease-in-out infinite}@keyframes kf-shape-move-73aaf203{0%{left:2%}50%{left:55%}to{left:18%}}.kf-labels-row[data-v-73aaf203]{display:flex;justify-content:space-between;font-size:9px;color:var(--color-text-secondary);padding:0 2%}.demo-record[data-v-73aaf203]{width:100%}.rec-steps[data-v-73aaf203]{display:flex;flex-direction:column;gap:10px}.rec-step[data-v-73aaf203]{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px}.rec-step-num[data-v-73aaf203]{width:24px;height:24px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.rec-step-num.auto-badge[data-v-73aaf203]{width:auto;border-radius:10px;padding:0 8px;font-size:9px;background:#22c55e}.rec-step-content[data-v-73aaf203]{display:flex;align-items:center;gap:8px;flex:1}.rec-btn-demo[data-v-73aaf203]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-primary)}.rec-dot-demo[data-v-73aaf203]{width:10px;height:10px;border-radius:50%;background:var(--color-text-secondary)}.rec-dot-demo.active[data-v-73aaf203]{background:#ef4444;animation:pulse-rec-73aaf203 1s ease-in-out infinite}.rec-shortcut[data-v-73aaf203]{margin-left:auto;padding:2px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;font-size:11px;font-family:SF Mono,monospace;color:var(--color-text-secondary)}.rec-scrub-demo[data-v-73aaf203]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-primary)}.rec-ruler-mini[data-v-73aaf203]{width:120px;height:8px;background:var(--color-bg-tertiary);border-radius:4px;position:relative}.rec-playhead-mini[data-v-73aaf203]{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--color-accent);border-radius:1px}.rec-action-demo[data-v-73aaf203]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-primary)}.rec-shape-move[data-v-73aaf203]{display:flex;align-items:center;gap:4px}.rec-shape-ghost[data-v-73aaf203]{width:20px;height:16px;border:1.5px dashed var(--color-text-secondary);border-radius:3px}.rec-shape-solid[data-v-73aaf203]{width:20px;height:16px;background:var(--color-accent);border-radius:3px}.rec-kf-appear[data-v-73aaf203]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-primary)}.rec-kf-diamond[data-v-73aaf203]{width:12px;height:12px;background:var(--color-accent);transform:rotate(45deg);flex-shrink:0}.rec-kf-diamond.bounce[data-v-73aaf203]{animation:kf-bounce-73aaf203 1.5s ease-in-out infinite}@keyframes kf-bounce-73aaf203{0%,to{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.3)}}.demo-export[data-v-73aaf203]{width:100%;display:flex;flex-direction:column;gap:14px}.export-cols[data-v-73aaf203]{display:flex;gap:16px;align-items:stretch}.export-col[data-v-73aaf203]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px}.export-divider[data-v-73aaf203]{width:1px;background:var(--color-border);align-self:stretch;margin:8px 0}.export-icon-group[data-v-73aaf203]{display:flex;flex-direction:column;align-items:center;gap:6px}.export-play-circle[data-v-73aaf203]{width:44px;height:44px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center}.export-label[data-v-73aaf203]{font-size:11px;color:var(--color-text-secondary);text-align:center}.export-shortcut[data-v-73aaf203]{padding:2px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;font-size:11px;font-family:SF Mono,monospace;color:var(--color-text-secondary)}.export-code-block[data-v-73aaf203]{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;font-family:SF Mono,Menlo,monospace;font-size:9px;line-height:1.6;width:100%}.code-line[data-v-73aaf203]{color:var(--color-text-secondary);white-space:nowrap}.code-kw[data-v-73aaf203]{color:#c084fc}.code-val[data-v-73aaf203]{color:#34d399}.export-formats[data-v-73aaf203]{display:flex;gap:8px;justify-content:center}.format-badge[data-v-73aaf203]{padding:4px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;font-size:11px;color:var(--color-text-secondary)}.shortcuts-grid[data-v-73aaf203]{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:12px 28px 0;margin-top:4px;border-top:1px solid var(--color-border)}.shortcut-item[data-v-73aaf203]{display:flex;align-items:center;gap:6px;font-size:11px;padding:3px 0}.shortcut-item kbd[data-v-73aaf203]{padding:1px 5px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:3px;font-family:SF Mono,monospace;font-size:10px;color:var(--color-text-secondary);line-height:1.4}.shortcut-item span[data-v-73aaf203]{color:var(--color-text-secondary)}.onboarding-footer[data-v-73aaf203]{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;margin-top:16px;border-top:1px solid var(--color-border)}.step-dots[data-v-73aaf203]{display:flex;gap:6px}.step-dot[data-v-73aaf203]{width:8px;height:8px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);cursor:pointer;padding:0}.step-dot.visited[data-v-73aaf203]{background:var(--color-accent);opacity:.4;border-color:transparent}.step-dot.active[data-v-73aaf203]{background:var(--color-accent);border-color:transparent;opacity:1}.footer-actions[data-v-73aaf203]{display:flex;align-items:center;gap:12px}.dont-show[data-v-73aaf203]{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary);cursor:pointer}.dont-show span[data-v-73aaf203]{color:var(--color-text-secondary)}.dont-show input[data-v-73aaf203]{margin:0;cursor:pointer}.nav-buttons[data-v-73aaf203]{display:flex;gap:6px}.btn-secondary[data-v-73aaf203]{padding:6px 14px;border:1px solid var(--color-border);background:none;color:var(--color-text-secondary);font-size:12px;border-radius:6px;cursor:pointer}.btn-secondary[data-v-73aaf203]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-primary[data-v-73aaf203]{padding:6px 18px;border:none;background:var(--color-accent);color:#fff;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer}.btn-primary[data-v-73aaf203]:hover{filter:brightness(1.1)}@keyframes pulse-rec-73aaf203{0%,to{opacity:1}50%{opacity:.4}}.animation-studio[data-v-b28d3992]{display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary);color:var(--color-text-primary)}.studio-middle[data-v-b28d3992]{display:flex;flex:1;overflow:hidden}.oxel-app[data-v-8dc84633]{display:flex;flex-direction:column;height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}.top-bar[data-v-8dc84633]{display:flex;align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.top-bar-left[data-v-8dc84633]{display:flex;align-items:center;padding-right:8px}.app-logo[data-v-8dc84633]{display:flex;align-items:center;gap:8px;padding:4px 12px}.top-bar-divider[data-v-8dc84633]{width:1px;height:24px;background:var(--color-border)}.logo-icon[data-v-8dc84633]{height:24px;width:auto}.logo-text[data-v-8dc84633]{font-weight:700;font-size:16px;background:linear-gradient(135deg,var(--color-accent),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-content[data-v-8dc84633]{display:flex;flex:1;overflow:hidden}.canvas-area[data-v-8dc84633]{display:flex;flex-direction:column;flex:1;overflow:hidden}.mobile-overlay[data-v-8dc84633]{display:none;position:fixed;inset:0;z-index:99999;background:var(--color-bg-primary);align-items:center;justify-content:center;text-align:center;padding:32px}.mobile-overlay-content[data-v-8dc84633]{max-width:360px;display:flex;flex-direction:column;align-items:center}.mobile-brand[data-v-8dc84633]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.mobile-logo[data-v-8dc84633]{width:48px;height:48px}.mobile-title[data-v-8dc84633]{font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-accent),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-message[data-v-8dc84633]{font-size:16px;color:var(--color-text-primary);margin:0 0 8px}.mobile-hint[data-v-8dc84633]{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.auth-loading[data-v-8dc84633]{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--color-bg-primary)}.auth-loading-logo[data-v-8dc84633]{height:48px;width:auto;opacity:.5;animation:pulse-8dc84633 1.5s ease-in-out infinite}@keyframes pulse-8dc84633{0%,to{opacity:.3}50%{opacity:.7}}@media(max-width:899px){.mobile-overlay[data-v-8dc84633]{display:flex}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.max-w-7xl{max-width:80rem}.flex-shrink,.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;color:var(--color-text-primary, #fff);border:1px solid var(--color-border, #404040);border-radius:4px;padding:4px 24px 4px 8px;font-size:12px;font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23a0a0a0' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 6px center!important;background-size:7px 4px!important}select:focus{outline:none;border-color:var(--color-accent, #0d99ff)}select:hover{border-color:#ffffff40}select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root,[data-theme=dark]{--color-bg-primary: #1e1e1e;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #3d3d3d;--color-border: #404040;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-accent: #0d99ff;--color-accent-hover: #0077cc;--color-shadow: rgba(0, 0, 0, .3);--panel-width: 240px;--toolbar-height: 48px}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #e8e8e8;--color-border: #d0d0d0;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-accent: #0d99ff;--color-accent-hover: #0077cc;--color-shadow: rgba(0, 0, 0, .1)}@media(min-width:1024px){.lg\:w-1\/3{width:33.333333%}}