.selection-overlay[data-v-db954e65]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.drop-target-outline[data-v-db954e65]{fill:#0d99ff1a;stroke:#0d99ff;stroke-width:2;stroke-dasharray:6 3;animation:dash-move-db954e65 .3s linear infinite}.hover-outline[data-v-db954e65]{fill:none;stroke:#0d99ff;stroke-width:1;stroke-opacity:.5;stroke-dasharray:3 3;animation:dash-move-db954e65 .5s linear infinite}@keyframes dash-move-db954e65{to{stroke-dashoffset:-6}}.selection-outline[data-v-db954e65]{fill:none;stroke:#0d99ff;stroke-width:1.5}.resize-handle[data-v-db954e65]{fill:#fff;stroke:#0d99ff;stroke-width:1;pointer-events:all;transition:fill .1s ease,stroke .1s ease}.resize-handle[data-v-db954e65]:hover{fill:#0d99ff}.resize-handle.rotation-mode[data-v-db954e65]{fill:#e6f4ff;stroke:#9747ff;stroke-width:1.5}.resize-handle.rotation-mode[data-v-db954e65]:hover{fill:#9747ff}.rotation-line[data-v-db954e65]{stroke:#0d99ff;stroke-width:1}.rotation-handle[data-v-db954e65]{fill:#fff;stroke:#0d99ff;stroke-width:1.5;cursor:grab;pointer-events:all;transition:fill .1s ease}.rotation-handle[data-v-db954e65]:hover{fill:#0d99ff}.smart-guide[data-v-db954e65]{stroke:#ff4081;stroke-width:1;stroke-dasharray:4 2}.snap-indicator[data-v-db954e65]{fill:#ff4081;animation:pulse-db954e65 .6s ease-in-out infinite}@keyframes pulse-db954e65{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.label-bg[data-v-db954e65]{fill:#000000bf}.label-text[data-v-db954e65]{fill:#fff;font-size:10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;text-anchor:middle;dominant-baseline:middle}.distance-label .label-bg[data-v-db954e65]{fill:#0d99ff}.size-label .label-bg[data-v-db954e65]{fill:#000c}.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}.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-13058e97]{box-sizing:border-box;cursor:text}.text-edit-overlay[data-v-13058e97]:focus{outline:none}.context-menu[data-v-b94a7a69]{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-b94a7a69 .15s ease-out}@keyframes menu-appear-b94a7a69{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item[data-v-b94a7a69]{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-b94a7a69]:hover:not(:disabled){background:var(--color-accent, #0d99ff)}.menu-item.disabled[data-v-b94a7a69]{color:var(--color-text-secondary, #888);cursor:not-allowed}.menu-label[data-v-b94a7a69]{flex:1}.menu-shortcut[data-v-b94a7a69]{color:var(--color-text-secondary, #888);font-size:11px;margin-left:24px}.menu-item:hover:not(:disabled) .menu-shortcut[data-v-b94a7a69]{color:#ffffffb3}.menu-divider[data-v-b94a7a69]{height:1px;background:var(--color-border, #404040);margin:6px 0}.canvas-container[data-v-bd38cff6]{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%);background-size:20px 20px}.main-canvas[data-v-bd38cff6]{position:absolute;top:0;left:0;width:100%;height:100%}.preview-overlay[data-v-bd38cff6]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.zoom-indicator[data-v-bd38cff6]{position:absolute;bottom:12px;right:12px;padding:4px 8px;background:#0009;color:#fff;font-size:11px;border-radius:4px}.image-preview-cursor[data-v-bd38cff6]{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-bd38cff6]{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-bd38cff6]{background:#000000b3;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;white-space:nowrap}.rulers[data-v-e46b711f]{pointer-events:none;position:absolute;inset:0;z-index:10}.ruler-corner[data-v-e46b711f]{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-e46b711f]{position:absolute;top:0;left:20px;right:0;height:20px;overflow:hidden;z-index:1}.ruler-horizontal canvas[data-v-e46b711f]{display:block}.ruler-vertical[data-v-e46b711f]{position:absolute;top:20px;left:0;bottom:0;width:20px;overflow:hidden;z-index:1}.ruler-vertical canvas[data-v-e46b711f]{display:block}.layers-panel[data-v-dbdb0af4]{width:var(--panel-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.layers-panel.collapsed[data-v-dbdb0af4]{width:32px}.panel-header[data-v-dbdb0af4]{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}.layers-panel.collapsed .panel-header[data-v-dbdb0af4]{padding:12px 8px;justify-content:center;border-bottom:none}.panel-collapse-btn[data-v-dbdb0af4]{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-dbdb0af4]:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.panel-collapse-btn .chevron-collapsed[data-v-dbdb0af4]{transform:rotate(180deg)}.panel-collapse-btn svg[data-v-dbdb0af4]{transition:transform .15s ease}.search-bar[data-v-dbdb0af4]{padding:4px 8px;border-bottom:1px solid var(--color-border)}.search-input[data-v-dbdb0af4]{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-dbdb0af4]:focus{border-color:var(--color-accent)}.search-input[data-v-dbdb0af4]::-moz-placeholder{color:var(--color-text-secondary)}.search-input[data-v-dbdb0af4]::placeholder{color:var(--color-text-secondary)}.layers-list[data-v-dbdb0af4]{flex:1;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.layers-list[data-v-dbdb0af4]::-webkit-scrollbar{width:6px}.layers-list[data-v-dbdb0af4]::-webkit-scrollbar-track{background:transparent}.layers-list[data-v-dbdb0af4]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.layers-list[data-v-dbdb0af4]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.layer-item[data-v-dbdb0af4]{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-dbdb0af4]:hover{background:var(--color-bg-tertiary)}.layer-item.selected[data-v-dbdb0af4]{background:var(--color-accent)}.layer-item.is-hidden[data-v-dbdb0af4]{opacity:.5}.layer-item.is-locked .layer-name[data-v-dbdb0af4]{font-style:italic}.layer-item.is-dragging[data-v-dbdb0af4]{opacity:.5}.layer-item.drag-over-above[data-v-dbdb0af4]{border-top-color:var(--color-accent)}.layer-item.drag-over-below[data-v-dbdb0af4]{border-bottom-color:var(--color-accent)}.layer-item.drag-over-inside[data-v-dbdb0af4]{border-color:var(--color-accent);background:#0d99ff1a}.expand-btn[data-v-dbdb0af4]{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-dbdb0af4]:hover{color:var(--color-text-primary)}.expand-btn svg[data-v-dbdb0af4]{transition:transform .15s ease}.expand-btn svg.expanded[data-v-dbdb0af4]{transform:rotate(90deg)}.expand-spacer[data-v-dbdb0af4]{width:16px;flex-shrink:0}.layer-icon[data-v-dbdb0af4]{opacity:.6;font-size:11px;min-width:16px;text-align:center;flex-shrink:0}.layer-name[data-v-dbdb0af4]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-name-input[data-v-dbdb0af4]{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-dbdb0af4]{display:flex;gap:2px;opacity:0;transition:opacity .1s}.layer-item:hover .layer-actions[data-v-dbdb0af4],.layer-item.selected .layer-actions[data-v-dbdb0af4]{opacity:1}.layer-action-btn[data-v-dbdb0af4]{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-dbdb0af4]:hover{background:#ffffff1a;color:var(--color-text-primary)}.layer-action-btn.active[data-v-dbdb0af4]{color:var(--color-accent)}.breakpoint-suffix[data-v-dbdb0af4]{opacity:.5;font-size:11px;text-transform:uppercase}.empty-state[data-v-dbdb0af4]{padding:16px;text-align:center;color:var(--color-text-secondary);font-size:12px}.fill-editor[data-v-028bc1d1]{display:flex;flex-direction:column;gap:10px}.tab-bar[data-v-028bc1d1]{display:flex;gap:4px;background:var(--color-bg-tertiary);border-radius:6px;padding:2px}.tab[data-v-028bc1d1]{flex:1;padding:6px 8px;font-size:11px;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.tab[data-v-028bc1d1]:hover{color:var(--color-text-primary)}.tab.active[data-v-028bc1d1]{background:var(--color-bg-secondary);color:var(--color-text-primary)}.fill-content[data-v-028bc1d1]{display:flex;flex-direction:column;gap:10px}.color-row[data-v-028bc1d1]{display:flex;align-items:center;gap:8px}.color-picker[data-v-028bc1d1]{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;padding:0;flex-shrink:0}.color-picker.small[data-v-028bc1d1]{width:24px;height:24px}.eyedropper-btn[data-v-028bc1d1]{width:28px;height:28px;flex-shrink:0;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);cursor:pointer;transition:all .15s ease}.eyedropper-btn[data-v-028bc1d1]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.color-input[data-v-028bc1d1]{flex:1;padding:6px 8px;font-size:12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-family:monospace}.color-input.small[data-v-028bc1d1]{width:70px;flex:none}.gradient-preview[data-v-028bc1d1]{height:24px;border-radius:4px;border:1px solid var(--color-border)}.gradient-stops[data-v-028bc1d1]{display:flex;flex-direction:column;gap:8px}.stops-bar[data-v-028bc1d1]{position:relative;height:16px;background:var(--color-bg-tertiary);border-radius:4px;border:1px solid var(--color-border)}.stop-handle[data-v-028bc1d1]{position:absolute;width:12px;height:12px;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000004d;cursor:pointer;padding:0}.stop-handle.selected[data-v-028bc1d1]{box-shadow:0 0 0 2px var(--color-accent),0 1px 3px #0000004d}.stops-actions[data-v-028bc1d1]{display:flex;gap:8px}.action-btn[data-v-028bc1d1]{flex:1;padding:4px 8px;font-size:11px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer}.action-btn[data-v-028bc1d1]:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.action-btn[data-v-028bc1d1]:disabled{opacity:.5;cursor:not-allowed}.stop-controls[data-v-028bc1d1]{display:flex;flex-direction:column;gap:8px}.control-row[data-v-028bc1d1]{display:flex;align-items:center;gap:8px}.control-row label[data-v-028bc1d1]{font-size:11px;color:var(--color-text-secondary);width:50px;flex-shrink:0}.control-row .color-picker[data-v-028bc1d1]{width:24px;height:24px}.control-row .color-input[data-v-028bc1d1]{flex:1}.control-row .number-input[data-v-028bc1d1]{width:48px}.slider-row[data-v-028bc1d1]{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;overflow:hidden}.slider-row label[data-v-028bc1d1]{font-size:11px;color:var(--color-text-secondary);width:50px;min-width:50px;flex-shrink:0}.slider-row input[type=range][data-v-028bc1d1]{flex:1;min-width:0;height:4px;accent-color:var(--color-accent)}.slider-row .value-input[data-v-028bc1d1]{width:44px;min-width:44px;padding:4px;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}.slider-row .unit[data-v-028bc1d1]{font-size:11px;color:var(--color-text-secondary);width:12px;min-width:12px;flex-shrink:0}.number-input[data-v-028bc1d1]{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}.unit[data-v-028bc1d1]{font-size:11px;color:var(--color-text-secondary);margin-left:2px}.effects-editor[data-v-cdd39725]{display:flex;flex-direction:column;gap:8px}.effects-list[data-v-cdd39725]{display:flex;flex-direction:column;gap:4px}.effect-item[data-v-cdd39725]{background:var(--color-bg-tertiary);border-radius:6px;overflow:hidden}.effect-header[data-v-cdd39725]{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;transition:background .15s ease}.effect-header[data-v-cdd39725]:hover{background:var(--color-bg-secondary)}.visibility-btn[data-v-cdd39725]{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-cdd39725]{opacity:.4}.effect-icon[data-v-cdd39725]{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-cdd39725]{flex:1;font-size:12px;color:var(--color-text-primary)}.effect-summary[data-v-cdd39725]{font-size:11px;color:var(--color-text-secondary);font-family:monospace}.remove-btn[data-v-cdd39725]{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-cdd39725]{opacity:1}.remove-btn[data-v-cdd39725]:hover{color:#f44}.effect-details[data-v-cdd39725]{padding:8px 12px 12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.control-row[data-v-cdd39725]{display:flex;align-items:center;gap:8px}.control-row label[data-v-cdd39725]{font-size:11px;color:var(--color-text-secondary);min-width:60px}.number-input[data-v-cdd39725]{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-cdd39725]{width:48px}.slider[data-v-cdd39725]{flex:1;height:4px;accent-color:var(--color-accent)}.color-picker[data-v-cdd39725]{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;padding:0}.color-input[data-v-cdd39725]{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}.empty-state[data-v-cdd39725]{padding:12px;text-align:center;font-size:12px;color:var(--color-text-secondary)}.add-effect[data-v-cdd39725]{position:relative}.add-btn[data-v-cdd39725]{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-cdd39725]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-style:solid}.add-menu[data-v-cdd39725]{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-cdd39725]{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-cdd39725]:hover{background:var(--color-bg-tertiary)}.add-menu button[data-v-cdd39725]:not(:last-child){border-bottom:1px solid var(--color-border)}.text-style-panel[data-v-c77076fc]{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.panel-header[data-v-c77076fc]{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-c77076fc]{padding:12px}.property-row[data-v-c77076fc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px}.property-row label[data-v-c77076fc]{color:var(--color-text-secondary);font-size:11px;min-width:60px}.property-row.two-col[data-v-c77076fc]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property-row.two-col .property[data-v-c77076fc]{display:flex;flex-direction:column;gap:4px}.font-select[data-v-c77076fc],.weight-select[data-v-c77076fc]{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}.font-select[data-v-c77076fc]:focus,.weight-select[data-v-c77076fc]:focus{outline:none;border-color:var(--color-accent)}.size-input[data-v-c77076fc],.small-input[data-v-c77076fc]{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}.size-input[data-v-c77076fc]:focus,.small-input[data-v-c77076fc]:focus{outline:none;border-color:var(--color-accent)}.style-toggles[data-v-c77076fc],.align-buttons[data-v-c77076fc]{display:flex;gap:4px}.toggle-btn[data-v-c77076fc],.align-btn[data-v-c77076fc]{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-c77076fc]:hover,.align-btn[data-v-c77076fc]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.toggle-btn.active[data-v-c77076fc],.align-btn.active[data-v-c77076fc]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.line-height-input[data-v-c77076fc]{display:flex;gap:4px;align-items:center}.auto-btn[data-v-c77076fc]{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-c77076fc]{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-c77076fc]:hover{background:var(--color-bg-secondary)}.auto-toggle.active[data-v-c77076fc]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.styles-section[data-v-caa31cf1]{padding:0 12px}.section-header[data-v-caa31cf1]{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-caa31cf1]{font-size:10px;color:var(--color-text-secondary);width:12px}.section-title[data-v-caa31cf1]{flex:1;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.add-btn[data-v-caa31cf1]{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-caa31cf1]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.section-content[data-v-caa31cf1]{display:flex;flex-direction:column;gap:4px;padding-bottom:8px}.empty-state[data-v-caa31cf1]{font-size:11px;color:var(--color-text-secondary);padding:8px 0;text-align:center}.style-form[data-v-caa31cf1]{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--color-bg-tertiary);border-radius:6px}.form-row[data-v-caa31cf1]{display:flex;align-items:center;gap:8px}.color-swatch[data-v-caa31cf1]{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;padding:0;flex-shrink:0}.name-input[data-v-caa31cf1]{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)}.form-actions[data-v-caa31cf1]{display:flex;gap:6px}.btn-create[data-v-caa31cf1],.btn-cancel[data-v-caa31cf1]{flex:1;padding:4px 8px;font-size:11px;border-radius:4px;border:none;cursor:pointer}.btn-create[data-v-caa31cf1]{background:var(--color-accent);color:#fff}.btn-cancel[data-v-caa31cf1]{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.style-item[data-v-caa31cf1]{display:flex;align-items:center;justify-content:space-between;border-radius:4px;transition:background .1s}.style-item[data-v-caa31cf1]:hover{background:var(--color-bg-tertiary)}.style-display[data-v-caa31cf1]{display:flex;align-items:center;gap:8px;padding:4px 6px;cursor:pointer;flex:1;min-width:0}.color-preview[data-v-caa31cf1]{width:16px;height:16px;border-radius:3px;border:1px solid var(--color-border);flex-shrink:0}.style-name[data-v-caa31cf1]{font-size:12px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-actions[data-v-caa31cf1]{display:flex;gap:2px;opacity:0;transition:opacity .15s;padding-right:4px}.style-item:hover .style-actions[data-v-caa31cf1]{opacity:1}.action-btn[data-v-caa31cf1]{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-caa31cf1]:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.action-btn.delete[data-v-caa31cf1]:hover{color:#ef4444}.inspector-panel[data-v-bbb52ea3]{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-bbb52ea3]{width:32px}.panel-header[data-v-bbb52ea3]{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-bbb52ea3]{padding:12px 8px;justify-content:center;border-bottom:none}.panel-collapse-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.panel-collapse-btn .chevron-collapsed[data-v-bbb52ea3]{transform:rotate(180deg)}.panel-collapse-btn svg[data-v-bbb52ea3]{transition:transform .15s ease}.inspector-content[data-v-bbb52ea3]{flex:1;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.inspector-content[data-v-bbb52ea3]::-webkit-scrollbar{width:6px}.inspector-content[data-v-bbb52ea3]::-webkit-scrollbar-track{background:transparent}.inspector-content[data-v-bbb52ea3]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.inspector-content[data-v-bbb52ea3]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.section[data-v-bbb52ea3]{margin-bottom:12px}.section[data-v-bbb52ea3]:last-child{margin-bottom:0}.section-title[data-v-bbb52ea3]{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:8px}.section-label[data-v-bbb52ea3]{font-size:11px;color:var(--color-text-secondary);margin-bottom:6px}.alignment-row[data-v-bbb52ea3]{display:flex;align-items:center;gap:2px}.align-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.align-divider[data-v-bbb52ea3]{width:1px;height:20px;background:var(--color-border);margin:0 4px}.property-row-inline[data-v-bbb52ea3]{display:flex;align-items:center;gap:8px;overflow:hidden}.property-inline[data-v-bbb52ea3]{display:flex;align-items:center;gap:4px;flex:1}.property-inline label[data-v-bbb52ea3]{font-size:11px;color:var(--color-text-secondary);min-width:14px}.property-inline label.scrub-label[data-v-bbb52ea3]{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.property-inline label.scrub-label[data-v-bbb52ea3]:hover{color:var(--color-accent)}.property-inline input[type=number][data-v-bbb52ea3]{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;max-width:70px}.property-inline input[data-v-bbb52ea3]:focus{outline:none;border-color:var(--color-accent)}.property-inline .unit[data-v-bbb52ea3]{font-size:11px;color:var(--color-text-secondary)}.constraint-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.constraint-btn.active[data-v-bbb52ea3]{color:var(--color-accent)}.slider-property[data-v-bbb52ea3]{margin-bottom:10px}.slider-property>label[data-v-bbb52ea3]{display:block;font-size:11px;color:var(--color-text-secondary);margin-bottom:6px}.slider-row[data-v-bbb52ea3]{display:flex;align-items:center;gap:8px}.slider-row input[type=range][data-v-bbb52ea3]{flex:1;height:4px;accent-color:var(--color-accent);min-width:0}.slider-row .value-input[data-v-bbb52ea3]{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-bbb52ea3]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.property[data-v-bbb52ea3]{display:flex;flex-direction:column;gap:4px}.property label[data-v-bbb52ea3]{font-size:11px;color:var(--color-text-secondary)}.property input[data-v-bbb52ea3]{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-bbb52ea3]:focus{outline:none;border-color:var(--color-accent)}.property .input-with-unit[data-v-bbb52ea3]{display:flex;align-items:center;gap:2px;width:100%}.property .input-with-unit input[data-v-bbb52ea3]{flex:1;min-width:0}.property .input-with-unit .unit[data-v-bbb52ea3]{font-size:11px;color:var(--color-text-secondary);flex-shrink:0}.fill-preview[data-v-bbb52ea3]{display:flex;align-items:center;gap:8px;padding:8px;background:var(--color-bg-tertiary);border-radius:4px}.color-input[data-v-bbb52ea3]{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;padding:0}.collapsible-section[data-v-bbb52ea3]{border-top:1px solid var(--color-border);padding-top:10px;margin-top:0}.section-header[data-v-bbb52ea3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-header .section-title[data-v-bbb52ea3]{margin-bottom:0}.section-actions[data-v-bbb52ea3]{display:flex;align-items:center;gap:8px}.icon-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.icon-btn.dropdown-toggle[data-v-bbb52ea3]{border-radius:4px}.icon-btn.dropdown-toggle.active[data-v-bbb52ea3]{background:var(--color-accent);color:#fff}.icon-btn.dropdown-toggle.active[data-v-bbb52ea3]:hover{background:var(--color-accent-hover, #0b87e0)}.icon-btn-small[data-v-bbb52ea3]{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-bbb52ea3]:hover{color:var(--color-text-primary)}.dropdown-container[data-v-bbb52ea3]{position:relative}.dropdown-menu[data-v-bbb52ea3]{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-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-accent)}.effect-icon[data-v-bbb52ea3]{font-size:14px;opacity:.7}.empty-section-text[data-v-bbb52ea3]{font-size:12px;color:var(--color-text-secondary);text-align:center;padding:8px 0}.export-list[data-v-bbb52ea3],.effects-list[data-v-bbb52ea3]{margin-top:8px}.export-item[data-v-bbb52ea3]{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:12px;margin-bottom:4px}.export-scale[data-v-bbb52ea3],.export-format[data-v-bbb52ea3]{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-bbb52ea3]{width:50px}.export-format[data-v-bbb52ea3]{flex:1}.export-options-btn[data-v-bbb52ea3],.export-remove-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover,.export-remove-btn[data-v-bbb52ea3]:hover{color:var(--color-text-primary)}.export-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-accent);border-color:var(--color-accent)}.empty-state[data-v-bbb52ea3]{padding:16px;text-align:center;color:var(--color-text-secondary);font-size:12px}.section-title[data-v-bbb52ea3]{display:flex;justify-content:space-between;align-items:center}.toggle-switch[data-v-bbb52ea3]{position:relative;display:inline-block;width:32px;height:18px}.toggle-switch input[data-v-bbb52ea3]{opacity:0;width:0;height:0}.toggle-slider[data-v-bbb52ea3]{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);border-radius:9px;transition:.2s}.toggle-slider[data-v-bbb52ea3]: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-bbb52ea3]{background-color:var(--color-accent)}.toggle-switch input:checked+.toggle-slider[data-v-bbb52ea3]:before{transform:translate(14px)}.property-row[data-v-bbb52ea3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px}.property-row label[data-v-bbb52ea3]{color:var(--color-text-secondary);font-size:11px}.button-group[data-v-bbb52ea3]{display:flex;gap:4px}.button-group button[data-v-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-bg-secondary)}.button-group button.active[data-v-bbb52ea3]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.small-input[data-v-bbb52ea3]{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-bbb52ea3]:focus{outline:none;border-color:var(--color-accent)}.padding-inputs[data-v-bbb52ea3]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.padding-inputs input[data-v-bbb52ea3]{width:36px}.alignment-grid[data-v-bbb52ea3]{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--color-bg-tertiary);padding:4px;border-radius:4px}.alignment-cell[data-v-bbb52ea3]{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-bbb52ea3]:hover{border-color:var(--color-text-secondary)}.alignment-cell.active[data-v-bbb52ea3]{background:var(--color-accent);border-color:var(--color-accent)}.alignment-cell.active[data-v-bbb52ea3]:after{content:"";width:6px;height:6px;background:#fff;border-radius:50%}.sizing-select[data-v-bbb52ea3]{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-bbb52ea3]:focus{outline:none;border-color:var(--color-accent)}.html-tag-select[data-v-bbb52ea3]{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-bbb52ea3]:focus{outline:none;border-color:var(--color-accent)}.html-tag-select optgroup[data-v-bbb52ea3]{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:11px;color:var(--color-text-secondary)}.html-tag-select option[data-v-bbb52ea3]{font-family:SF Mono,Menlo,Monaco,monospace;padding:2px 4px}.stroke-editor[data-v-bbb52ea3]{display:flex;flex-direction:column;gap:8px}.stroke-row[data-v-bbb52ea3]{display:flex;align-items:center;gap:8px}.stroke-row label[data-v-bbb52ea3]{font-size:11px;color:var(--color-text-secondary);min-width:45px}.color-hex-input[data-v-bbb52ea3]{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-bbb52ea3]:focus{outline:none;border-color:var(--color-accent)}.weight-input[data-v-bbb52ea3]{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-bbb52ea3]:focus{outline:none;border-color:var(--color-accent)}.component-count-controls[data-v-bbb52ea3]{display:flex;align-items:center;gap:4px}.count-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-accent)}.count-btn[data-v-bbb52ea3]:disabled{opacity:.3;cursor:default}.count-value[data-v-bbb52ea3]{font-size:12px;color:var(--color-text-primary);min-width:24px;text-align:center}.component-variant-label[data-v-bbb52ea3]{font-size:11px;color:var(--color-text-secondary)}.bg-mode-toggle[data-v-bbb52ea3]{display:flex;gap:0;margin-bottom:8px;border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.bg-mode-btn[data-v-bbb52ea3]{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-bbb52ea3]:first-child{border-right:1px solid var(--color-border)}.bg-mode-btn.active[data-v-bbb52ea3]{background:var(--color-accent);color:#fff}.bg-mode-btn[data-v-bbb52ea3]:hover:not(.active){background:var(--color-bg-secondary)}.bg-color-editor[data-v-bbb52ea3]{margin-top:4px}.bg-image-editor[data-v-bbb52ea3]{display:flex;flex-direction:column;gap:8px;margin-top:4px}.bg-image-pick-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-bg-secondary);border-color:var(--color-accent)}.bg-image-preview[data-v-bbb52ea3]{border-radius:4px;overflow:hidden;border:1px solid var(--color-border)}.bg-image-preview img[data-v-bbb52ea3]{width:100%;height:60px;-o-object-fit:cover;object-fit:cover;display:block}.text-color-section[data-v-bbb52ea3]{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.text-color-label[data-v-bbb52ea3]{font-size:11px;color:var(--color-text-secondary);margin-bottom:4px;display:block}.grid-add-buttons[data-v-bbb52ea3]{display:flex;gap:2px}.icon-btn-small[data-v-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.icon-btn-small.opacity-30[data-v-bbb52ea3]{opacity:.3}.layout-grid-item[data-v-bbb52ea3]{border:1px solid var(--color-border);border-radius:4px;margin-bottom:6px;overflow:hidden}.layout-grid-header[data-v-bbb52ea3]{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--color-bg-tertiary)}.layout-grid-color-swatch[data-v-bbb52ea3]{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.15);flex-shrink:0}.grid-pattern-select[data-v-bbb52ea3]{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-bbb52ea3]{background:var(--color-bg-secondary)}.delete-grid[data-v-bbb52ea3]{margin-left:auto}.delete-grid[data-v-bbb52ea3]:hover{color:#f44747}.layout-grid-details[data-v-bbb52ea3]{padding:6px 8px;display:flex;flex-direction:column;gap:4px}.layout-grid-details .property-row[data-v-bbb52ea3]{padding:0}.color-input-small[data-v-bbb52ea3]{width:28px;height:22px;padding:0;border:1px solid var(--color-border);border-radius:3px;background:transparent;cursor:pointer}.empty-hint[data-v-bbb52ea3]{color:var(--color-text-secondary);font-size:10px;text-align:center;padding:8px 0;opacity:.6}.inspector-content input[type=number][data-v-bbb52ea3]::-webkit-inner-spin-button,.inspector-content input[type=number][data-v-bbb52ea3]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inspector-content input[type=number][data-v-bbb52ea3]{-moz-appearance:textfield}.num-input-wrap[data-v-bbb52ea3]{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-bbb52ea3]:focus-within{border-color:var(--color-accent)}.num-input-wrap input[type=number][data-v-bbb52ea3]{width:100%;padding-right:16px;border:none!important;background:transparent!important;outline:none!important}.num-input-btns[data-v-bbb52ea3]{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-bbb52ea3]{display:flex}.num-input-btn[data-v-bbb52ea3]{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-bbb52ea3]:hover{background:var(--color-accent);color:#fff}.num-input-btn svg[data-v-bbb52ea3]{width:8px;height:8px}.styles-section-toggle[data-v-bbb52ea3]{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-bbb52ea3]{margin-bottom:0}.styles-section-toggle:hover .section-title[data-v-bbb52ea3]{color:var(--color-text-primary)}.styles-chevron[data-v-bbb52ea3]{transition:transform .15s ease;color:var(--color-text-secondary)}.styles-chevron.expanded[data-v-bbb52ea3]{transform:rotate(180deg)}.styles-section-body[data-v-bbb52ea3]{margin-top:8px}.styles-subsection[data-v-bbb52ea3]{margin-bottom:12px}.styles-subsection[data-v-bbb52ea3]:last-child{margin-bottom:0}.toolbar[data-v-859175aa]{flex:1;height:var(--toolbar-height);display:flex;align-items:center;padding:0 12px;gap:8px;min-width:0}.toolbar-section[data-v-859175aa]{display:flex;align-items:center;gap:4px}.toolbar-section.spacer[data-v-859175aa]{flex:1}.toolbar-section.disabled[data-v-859175aa]{opacity:.5;pointer-events:none}.toolbar-divider[data-v-859175aa]{width:1px;height:24px;background:var(--color-border);margin:0 4px}.tool-button[data-v-859175aa]{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-859175aa]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tool-button.active[data-v-859175aa]{background:var(--color-accent);color:#fff}.undo-controls[data-v-859175aa]{gap:2px}.zoom-controls[data-v-859175aa]{gap:4px}.action-button[data-v-859175aa]{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-859175aa]:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.action-button[data-v-859175aa]:disabled{opacity:.5;cursor:not-allowed}.action-button.fit-button[data-v-859175aa]{width:auto;padding:0 8px;font-size:11px}.action-button svg[data-v-859175aa]{width:16px;height:16px}.zoom-level[data-v-859175aa]{font-size:12px;color:var(--color-text-secondary);padding:0 8px;min-width:48px;text-align:center;cursor:pointer}.zoom-level[data-v-859175aa]:hover{color:var(--color-text-primary)}.alignment[data-v-859175aa],.distribution[data-v-859175aa]{gap:2px}.present-button[data-v-859175aa]{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-859175aa]:hover{opacity:.9}.present-button svg[data-v-859175aa]{width:14px;height:14px}.shape-dropdown-container[data-v-859175aa]{position:relative}.shape-tool-button[data-v-859175aa]{display:flex;align-items:center;gap:0;padding-right:2px}.dropdown-arrow[data-v-859175aa]{font-size:6px;opacity:.5;margin-left:1px}.shape-dropdown[data-v-859175aa]{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-859175aa]{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-859175aa]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.shape-dropdown-item.active[data-v-859175aa]{background:var(--color-accent);color:#fff}.shape-icon[data-v-859175aa]{width:20px;text-align:center;font-size:16px}.shape-icon-svg[data-v-859175aa]{width:20px;display:flex;align-items:center;justify-content:center}.shape-icon-svg svg[data-v-859175aa]{width:16px;height:16px}.shape-label[data-v-859175aa]{flex:1}.shape-shortcut[data-v-859175aa]{font-size:11px;opacity:.6;font-family:monospace}.frame-dropdown-container[data-v-859175aa]{position:relative}.frame-tool-button[data-v-859175aa]{display:flex;align-items:center;gap:0;padding-right:2px}.frame-dropdown[data-v-859175aa]{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}.frame-dropdown-item[data-v-859175aa]{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-859175aa]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.frame-dropdown-item.active[data-v-859175aa]{background:var(--color-accent);color:#fff}.frame-icon[data-v-859175aa]{width:20px;text-align:center;font-size:16px}.frame-icon-svg[data-v-859175aa]{width:20px;display:flex;align-items:center;justify-content:center}.frame-icon-svg svg[data-v-859175aa]{width:16px;height:16px}.frame-label[data-v-859175aa]{flex:1}.frame-shortcut[data-v-859175aa]{font-size:11px;opacity:.6;font-family:monospace}.move-dropdown-container[data-v-859175aa]{position:relative}.move-tool-button[data-v-859175aa]{display:flex;align-items:center;gap:0;padding-right:2px}.move-tool-button svg[data-v-859175aa]{width:16px;height:16px}.move-dropdown[data-v-859175aa]{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-859175aa]{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-859175aa]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.move-dropdown-item.active[data-v-859175aa]{background:var(--color-accent);color:#fff}.move-icon-svg[data-v-859175aa]{width:20px;display:flex;align-items:center;justify-content:center}.move-icon-svg svg[data-v-859175aa]{width:16px;height:16px}.move-label[data-v-859175aa]{flex:1}.move-shortcut[data-v-859175aa]{font-size:11px;opacity:.6;font-family:monospace}.draw-dropdown-container[data-v-859175aa]{position:relative}.draw-tool-button[data-v-859175aa]{display:flex;align-items:center;gap:0;padding-right:2px}.draw-dropdown[data-v-859175aa]{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-859175aa]{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-859175aa]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.draw-dropdown-item.active[data-v-859175aa]{background:var(--color-accent);color:#fff}.draw-icon-svg[data-v-859175aa]{width:20px;display:flex;align-items:center;justify-content:center}.draw-icon-svg svg[data-v-859175aa]{width:16px;height:16px}.draw-label[data-v-859175aa]{flex:1}.draw-shortcut[data-v-859175aa]{font-size:11px;opacity:.6;font-family:monospace}.flowbite-dropdown-container[data-v-859175aa]{position:relative}.flowbite-button[data-v-859175aa],.library-button[data-v-859175aa]{padding:6px 8px!important}.library-icon[data-v-859175aa]{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-859175aa],.library-button.active .library-icon[data-v-859175aa]{color:var(--color-accent);background:var(--color-accent);color:#fff}.flowbite-logo[data-v-859175aa]{filter:grayscale(1) brightness(.7);transition:filter .15s ease}.flowbite-button:hover .flowbite-logo[data-v-859175aa],.flowbite-logo.colored[data-v-859175aa]{filter:none}.flowbite-dropdown[data-v-859175aa]{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-859175aa]{max-height:66vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.flowbite-dropdown-scroll[data-v-859175aa]::-webkit-scrollbar{width:6px}.flowbite-dropdown-scroll[data-v-859175aa]::-webkit-scrollbar-track{background:transparent}.flowbite-dropdown-scroll[data-v-859175aa]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.flowbite-dropdown-scroll[data-v-859175aa]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.flowbite-category[data-v-859175aa]{position:relative}.flowbite-dropdown-item[data-v-859175aa]{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-859175aa]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.flowbite-item-label[data-v-859175aa]{flex:1}.flowbite-arrow[data-v-859175aa]{font-size:10px;opacity:.5}.flowbite-submenu[data-v-859175aa]{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}.file-menu-container[data-v-969041e5]{position:relative}.file-menu-button[data-v-969041e5]{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-969041e5]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.file-menu-dropdown[data-v-969041e5]{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-969041e5]{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-969041e5]:hover{background:var(--color-bg-tertiary)}.menu-label[data-v-969041e5]{flex:1}.menu-shortcut[data-v-969041e5]{color:var(--color-text-secondary);font-size:11px;margin-left:16px}.menu-divider[data-v-969041e5]{height:1px;background:var(--color-border);margin:4px 0}.menu-section-label[data-v-969041e5]{padding:4px 12px 2px;font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.recent-item .menu-label[data-v-969041e5]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-zone-overlay[data-v-969041e5]{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-969041e5]{padding:48px 64px;background:var(--color-bg-secondary);border:2px dashed var(--color-accent);border-radius:16px}.drop-icon[data-v-969041e5]{font-size:18px;color:var(--color-text-primary)}.version-overlay[data-v-969041e5]{position:fixed;inset:0;z-index:10000;background:#00000080;display:flex;align-items:center;justify-content:center}.version-panel[data-v-969041e5]{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-969041e5]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.version-header h3[data-v-969041e5]{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary)}.version-close[data-v-969041e5]{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0 4px}.version-close[data-v-969041e5]:hover{color:var(--color-text-primary)}.version-list[data-v-969041e5]{overflow-y:auto;padding:8px;flex:1}.version-empty[data-v-969041e5]{padding:32px 16px;text-align:center;color:var(--color-text-secondary);font-size:13px}.version-item[data-v-969041e5]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:6px;transition:background .1s}.version-item[data-v-969041e5]:hover{background:var(--color-bg-tertiary)}.version-info[data-v-969041e5]{display:flex;flex-direction:column;gap:2px;min-width:0}.version-name[data-v-969041e5]{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-time[data-v-969041e5]{font-size:11px;color:var(--color-text-secondary)}.version-actions[data-v-969041e5]{display:flex;gap:6px;flex-shrink:0}.version-btn[data-v-969041e5]{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-969041e5]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.version-btn.restore[data-v-969041e5]:hover{opacity:.9}.version-btn.delete[data-v-969041e5]{background:transparent;color:var(--color-text-secondary)}.version-btn.delete[data-v-969041e5]:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.edit-menu-container[data-v-019e94d2]{position:relative}.edit-menu-button[data-v-019e94d2]{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-019e94d2]:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.edit-menu-dropdown[data-v-019e94d2]{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-019e94d2]{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-019e94d2]:hover:not(:disabled){background:var(--color-bg-tertiary)}.menu-item[data-v-019e94d2]:disabled{opacity:.4;cursor:default}.menu-label[data-v-019e94d2]{flex:1}.menu-shortcut[data-v-019e94d2]{color:var(--color-text-secondary);font-size:11px;margin-left:16px}.menu-divider[data-v-019e94d2]{height:1px;background:var(--color-border);margin:4px 0}.replace-font-panel[data-v-019e94d2]{padding:12px;min-width:240px}.replace-font-title[data-v-019e94d2]{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.replace-font-row[data-v-019e94d2]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.replace-font-row label[data-v-019e94d2]{font-size:11px;color:var(--color-text-secondary);width:36px;flex-shrink:0}.font-select[data-v-019e94d2]{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-019e94d2]{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.rf-btn[data-v-019e94d2]{padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid var(--color-border)}.rf-btn.cancel[data-v-019e94d2]{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.rf-btn.apply[data-v-019e94d2]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.rf-btn.apply[data-v-019e94d2]:disabled{opacity:.4;cursor:default}.rf-btn[data-v-019e94d2]: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-b416827e]{position:fixed;bottom:16px;left:16px;display:flex;flex-direction:column-reverse;gap:8px;z-index:10001;pointer-events:none}.toast[data-v-b416827e]{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-b416827e]{font-size:14px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-info .toast-icon[data-v-b416827e]{background:#0d99ff;color:#fff}.toast-success .toast-icon[data-v-b416827e]{background:#22c55e;color:#fff}.toast-warning .toast-icon[data-v-b416827e]{background:#f59e0b;color:#fff}.toast-error .toast-icon[data-v-b416827e]{background:#ef4444;color:#fff}.toast-message[data-v-b416827e]{flex:1}.toast-close[data-v-b416827e]{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-b416827e]:hover{color:#fff;background:#ffffff1a}.toast-enter-active[data-v-b416827e]{animation:toast-in-b416827e .3s ease-out}.toast-leave-active[data-v-b416827e]{animation:toast-out-b416827e .2s ease-in forwards}@keyframes toast-in-b416827e{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out-b416827e{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.modal-backdrop[data-v-6104e69f]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10002}.modal-content[data-v-6104e69f]{background:var(--color-bg-secondary, #2d2d2d);border-radius:12px;max-width:800px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006}.modal-header[data-v-6104e69f]{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-6104e69f]{display:flex;gap:0}.tab[data-v-6104e69f]{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-6104e69f]:hover{color:var(--color-text-primary, #fff)}.tab.active[data-v-6104e69f]{color:var(--color-accent, #0d99ff);border-bottom-color:var(--color-accent, #0d99ff)}.close-button[data-v-6104e69f]{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-6104e69f]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.modal-body[data-v-6104e69f]{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.modal-body[data-v-6104e69f]::-webkit-scrollbar{width:6px}.modal-body[data-v-6104e69f]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-6104e69f]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.modal-body[data-v-6104e69f]::-webkit-scrollbar-thumb:hover{background:#ffffff40}.shortcuts-grid[data-v-6104e69f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.shortcut-section[data-v-6104e69f]{background:var(--color-bg-tertiary, #1a1a1a);padding:16px;border-radius:8px}.section-title[data-v-6104e69f]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent, #0d99ff);margin:0 0 12px}.shortcut-row[data-v-6104e69f]{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px}.shortcut-description[data-v-6104e69f]{color:var(--color-text-primary, #fff)}.shortcut-keys[data-v-6104e69f]{display:flex;gap:3px}kbd[data-v-6104e69f]{display:inline-block;padding:2px 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:10px;color:var(--color-text-secondary, #888);min-width:18px;text-align:center}.help-content[data-v-6104e69f]{display:flex;flex-direction:column;gap:20px}.help-section[data-v-6104e69f]{background:var(--color-bg-tertiary, #1a1a1a);padding:16px;border-radius:8px}.help-list[data-v-6104e69f]{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:6px}.help-list li[data-v-6104e69f]{font-size:13px;color:var(--color-text-primary, #ccc);line-height:1.5}.modal-footer[data-v-6104e69f]{padding:10px 20px;border-top:1px solid var(--color-border, #404040);text-align:center}.hint[data-v-6104e69f]{font-size:11px;color:var(--color-text-secondary, #888)}.hint kbd[data-v-6104e69f]{margin:0 3px}.modal-enter-active[data-v-6104e69f]{animation:modal-in-6104e69f .2s ease-out}.modal-leave-active[data-v-6104e69f]{animation:modal-out-6104e69f .15s ease-in forwards}@keyframes modal-in-6104e69f{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-out-6104e69f{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.status-bar[data-v-58eef567]{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-58eef567],.status-center[data-v-58eef567],.status-right[data-v-58eef567]{display:flex;align-items:center;gap:8px}.status-left[data-v-58eef567]{flex:1}.status-center[data-v-58eef567]{flex:2;justify-content:center}.status-right[data-v-58eef567]{flex:1;justify-content:flex-end}.status-item[data-v-58eef567]{display:flex;align-items:center;gap:4px}.status-icon[data-v-58eef567]{font-size:12px}.status-divider[data-v-58eef567]{color:var(--color-border, #404040);margin:0 4px}.status-button[data-v-58eef567]{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-58eef567]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.status-button.active[data-v-58eef567]{color:var(--color-accent, #0d99ff)}.help-trigger[data-v-58eef567]{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.help-trigger kbd[data-v-58eef567]{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-58eef567]{background:#ffffff1a;border-color:#ffffff40;color:var(--color-text-primary, #fff)}.claude-icon[data-v-58eef567]{display:block;opacity:.7;transition:opacity .15s ease}.status-button:hover .claude-icon[data-v-58eef567],.status-button.active .claude-icon[data-v-58eef567]{opacity:1}.selection-info[data-v-58eef567]{color:var(--color-text-primary, #fff)}.coordinates[data-v-58eef567],.dimensions[data-v-58eef567]{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-b2a118e9]{display:flex;flex-direction:column;background:var(--color-bg-primary);border-top:1px solid var(--color-border, #404040);flex-shrink:0;position:relative}.resize-handle[data-v-b2a118e9]{display:flex;align-items:center;justify-content:center;height:8px;cursor:ns-resize;flex-shrink:0}.resize-handle:hover .resize-grip[data-v-b2a118e9],.resize-handle:active .resize-grip[data-v-b2a118e9]{background:var(--color-text-secondary, #888)}.resize-grip[data-v-b2a118e9]{width:36px;height:3px;border-radius:2px;background:var(--color-border, #404040);transition:background .15s ease}.terminal-header[data-v-b2a118e9]{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-b2a118e9]{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-b2a118e9]{display:block}.status-dot[data-v-b2a118e9]{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.connecting[data-v-b2a118e9]{background:#dcdcaa;animation:pulse-b2a118e9 1s ease-in-out infinite}.status-dot.connected[data-v-b2a118e9]{background:#6a9955}.status-dot.disconnected[data-v-b2a118e9]{background:#f44747}@keyframes pulse-b2a118e9{0%,to{opacity:.4}50%{opacity:1}}.terminal-close[data-v-b2a118e9]{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-b2a118e9]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.terminal-container[data-v-b2a118e9]{flex:1;padding:4px 0 0 4px;overflow:hidden}.terminal-container[data-v-b2a118e9] .xterm{padding:0}.terminal-container[data-v-b2a118e9] .xterm-viewport{overflow-y:auto!important}.terminal-container[data-v-b2a118e9] .xterm-viewport::-webkit-scrollbar{width:8px}.terminal-container[data-v-b2a118e9] .xterm-viewport::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.terminal-container[data-v-b2a118e9] .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-8228e43a]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.export-panel[data-v-8228e43a]{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-8228e43a]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.panel-header h2[data-v-8228e43a]{margin:0;font-size:16px;font-weight:600}.close-button[data-v-8228e43a]{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1}.close-button[data-v-8228e43a]:hover{color:var(--color-text-primary)}.panel-content[data-v-8228e43a]{padding:20px;overflow-y:auto;flex:1}.preview-section[data-v-8228e43a]{margin-bottom:20px}.preview-container[data-v-8228e43a]{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-8228e43a]{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-8228e43a]{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:13px}.preview-image[data-v-8228e43a]{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain}.preview-placeholder[data-v-8228e43a]{color:var(--color-text-secondary);font-size:13px}.preview-dimensions[data-v-8228e43a]{text-align:center;margin-top:8px;font-size:12px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.options-section[data-v-8228e43a]{display:flex;flex-direction:column;gap:16px}.option-group[data-v-8228e43a]{display:flex;flex-direction:column;gap:8px}.option-label[data-v-8228e43a]{font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.filename-input[data-v-8228e43a]{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-8228e43a]:focus{outline:none;border-color:var(--color-accent)}.format-buttons[data-v-8228e43a]{display:flex;gap:8px}.format-button[data-v-8228e43a]{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-8228e43a]:hover{background:var(--color-bg-primary)}.format-button.selected[data-v-8228e43a]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.scale-buttons[data-v-8228e43a]{display:flex;gap:6px}.scale-button[data-v-8228e43a]{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-8228e43a]:hover{background:var(--color-bg-primary)}.scale-button.selected[data-v-8228e43a]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.scope-buttons[data-v-8228e43a]{display:flex;gap:8px}.scope-button[data-v-8228e43a]{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-8228e43a]:hover:not(.disabled){background:var(--color-bg-primary)}.scope-button.selected[data-v-8228e43a]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.scope-button.disabled[data-v-8228e43a]{opacity:.5;cursor:not-allowed}.checkbox-label[data-v-8228e43a]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--color-text-primary)}.checkbox-input[data-v-8228e43a]{display:none}.checkbox-custom[data-v-8228e43a]{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-8228e43a]{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-input:checked+.checkbox-custom[data-v-8228e43a]: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-8228e43a]{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-8228e43a]{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-8228e43a]:hover:not(:disabled){background:var(--color-bg-primary)}.cancel-button[data-v-8228e43a]:disabled{opacity:.5;cursor:not-allowed}.export-button[data-v-8228e43a]{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-8228e43a]:hover:not(:disabled){filter:brightness(1.1)}.export-button[data-v-8228e43a]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-8228e43a]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-8228e43a 1s linear infinite}.spinner.small[data-v-8228e43a]{width:14px;height:14px}@keyframes spin-8228e43a{to{transform:rotate(360deg)}}.modal-overlay[data-v-1dd31f42]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.export-panel[data-v-1dd31f42]{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-1dd31f42]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.panel-header h2[data-v-1dd31f42]{margin:0;font-size:16px;font-weight:600}.close-button[data-v-1dd31f42]{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1}.close-button[data-v-1dd31f42]:hover{color:var(--color-text-primary)}.panel-content[data-v-1dd31f42]{padding:20px;overflow-y:auto;flex:1}.scope-indicator[data-v-1dd31f42]{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-1dd31f42]{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.option-group[data-v-1dd31f42]{display:flex;flex-direction:column;gap:6px}.option-label[data-v-1dd31f42]{font-size:11px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.name-input[data-v-1dd31f42]{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-1dd31f42]:focus{outline:none;border-color:var(--color-accent)}.toggle-buttons[data-v-1dd31f42]{display:flex;gap:6px}.toggle-button[data-v-1dd31f42]{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-1dd31f42]:hover{background:var(--color-bg-primary)}.toggle-button.selected[data-v-1dd31f42]{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1)}.preview-section[data-v-1dd31f42]{display:flex;flex-direction:column;gap:6px}.preview-header[data-v-1dd31f42]{display:flex;justify-content:space-between;align-items:center}.copy-button[data-v-1dd31f42]{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-1dd31f42]:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.code-preview[data-v-1dd31f42]{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-1dd31f42]{font-family:inherit}.panel-footer[data-v-1dd31f42]{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-1dd31f42]{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-1dd31f42]:hover:not(:disabled){background:var(--color-bg-primary)}.cancel-button[data-v-1dd31f42]:disabled{opacity:.5;cursor:not-allowed}.export-button[data-v-1dd31f42]{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-1dd31f42]:hover:not(:disabled){filter:brightness(1.1)}.export-button[data-v-1dd31f42]:disabled{opacity:.5;cursor:not-allowed}.spinner[data-v-1dd31f42]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-1dd31f42 1s linear infinite}.spinner.small[data-v-1dd31f42]{width:14px;height:14px}@keyframes spin-1dd31f42{to{transform:rotate(360deg)}}.modal-backdrop[data-v-62df56fb]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10002}.modal-content[data-v-62df56fb]{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-62df56fb]{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-62df56fb]{display:flex;gap:0}.tab[data-v-62df56fb]{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-62df56fb]:hover{color:var(--color-text-primary, #fff)}.tab.active[data-v-62df56fb]{color:var(--color-accent, #0d99ff);border-bottom-color:var(--color-accent, #0d99ff)}.close-button[data-v-62df56fb]{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-62df56fb]:hover{background:#ffffff1a;color:var(--color-text-primary, #fff)}.modal-body[data-v-62df56fb]{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.modal-body[data-v-62df56fb]::-webkit-scrollbar{width:6px}.modal-body[data-v-62df56fb]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-62df56fb]::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.prefs-content[data-v-62df56fb]{display:flex;flex-direction:column;gap:24px}.prefs-section[data-v-62df56fb]{background:var(--color-bg-tertiary, #1a1a1a);padding:16px;border-radius:8px}.section-title[data-v-62df56fb]{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-62df56fb]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.pref-row+.pref-row[data-v-62df56fb]{border-top:1px solid rgba(255,255,255,.05)}.pref-info[data-v-62df56fb]{display:flex;flex-direction:column;gap:2px}.pref-label[data-v-62df56fb]{font-size:13px;color:var(--color-text-primary, #fff)}.pref-desc[data-v-62df56fb]{font-size:11px;color:var(--color-text-secondary, #888)}.toggle-switch[data-v-62df56fb]{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-62df56fb]{background:var(--color-accent, #0d99ff)}.toggle-knob[data-v-62df56fb]{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-62df56fb]{transform:translate(16px)}.components-content[data-v-62df56fb]{display:flex;flex-direction:column;gap:20px}.lib-section[data-v-62df56fb]{background:var(--color-bg-tertiary, #1a1a1a);padding:16px;border-radius:8px}.lib-header[data-v-62df56fb]{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.lib-header-left[data-v-62df56fb]{display:flex;align-items:center;gap:8px}.lib-name[data-v-62df56fb]{font-size:14px;font-weight:600;color:var(--color-text-primary, #fff);margin:0}.lib-count[data-v-62df56fb]{font-size:11px;color:var(--color-text-secondary, #888);background:#ffffff14;padding:2px 8px;border-radius:10px}.lib-desc[data-v-62df56fb]{font-size:12px;color:var(--color-text-secondary, #aaa);margin:0 0 12px;line-height:1.4}.component-grid[data-v-62df56fb]{display:flex;flex-wrap:wrap;gap:6px}.lib-disabled-note[data-v-62df56fb]{font-size:12px;color:var(--color-text-secondary, #888);font-style:italic;margin:0}.component-chip[data-v-62df56fb]{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-62df56fb]{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 12px;overflow-x:auto}.code-block code[data-v-62df56fb]{font-size:11px;font-family:SF Mono,Menlo,Monaco,monospace;color:var(--color-text-primary, #ccc);white-space:nowrap}.about-content[data-v-62df56fb]{display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:8px}.about-brand[data-v-62df56fb]{display:flex;align-items:center;gap:12px;margin-bottom:4px}.about-logo-img[data-v-62df56fb]{width:40px;height:40px}.about-title[data-v-62df56fb]{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-62df56fb]{font-size:13px;color:var(--color-text-secondary, #888);margin:0}.about-divider[data-v-62df56fb]{width:200px;height:1px;background:var(--color-border, #404040);margin:12px 0}.about-info[data-v-62df56fb]{text-align:center}.about-info p[data-v-62df56fb]{margin:4px 0;font-size:14px;color:var(--color-text-secondary, #aaa)}.about-info strong[data-v-62df56fb]{color:var(--color-text-primary, #fff)}.about-details[data-v-62df56fb]{background:var(--color-bg-tertiary, #1a1a1a);border-radius:8px;padding:12px 20px;width:300px;margin-top:4px}.about-row[data-v-62df56fb]{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.about-label[data-v-62df56fb]{color:var(--color-text-secondary, #888)}.about-value[data-v-62df56fb]{color:var(--color-text-primary, #ccc)}.modal-enter-active[data-v-62df56fb]{animation:modal-in-62df56fb .2s ease-out}.modal-leave-active[data-v-62df56fb]{animation:modal-out-62df56fb .15s ease-in forwards}@keyframes modal-in-62df56fb{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-out-62df56fb{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.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)}}.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}.oxel-app[data-v-75fdad8d]{display:flex;flex-direction:column;height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}.top-bar[data-v-75fdad8d]{display:flex;align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.top-bar-left[data-v-75fdad8d]{display:flex;align-items:center;padding-right:8px}.app-logo[data-v-75fdad8d]{display:flex;align-items:center;gap:8px;padding:4px 12px}.top-bar-divider[data-v-75fdad8d]{width:1px;height:24px;background:var(--color-border)}.logo-icon[data-v-75fdad8d]{height:24px;width:auto}.logo-text[data-v-75fdad8d]{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-75fdad8d]{display:flex;flex:1;overflow:hidden}.canvas-area[data-v-75fdad8d]{display:flex;flex-direction:column;flex:1;overflow:hidden}.mobile-overlay[data-v-75fdad8d]{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-75fdad8d]{max-width:360px;display:flex;flex-direction:column;align-items:center}.mobile-brand[data-v-75fdad8d]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.mobile-logo[data-v-75fdad8d]{width:48px;height:48px}.mobile-title[data-v-75fdad8d]{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-75fdad8d]{font-size:16px;color:var(--color-text-primary);margin:0 0 8px}.mobile-hint[data-v-75fdad8d]{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.auth-loading[data-v-75fdad8d]{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--color-bg-primary)}.auth-loading-logo[data-v-75fdad8d]{height:48px;width:auto;opacity:.5;animation:pulse-75fdad8d 1.5s ease-in-out infinite}@keyframes pulse-75fdad8d{0%,to{opacity:.3}50%{opacity:.7}}@media(max-width:899px){.mobile-overlay[data-v-75fdad8d]{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%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.flex-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}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.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)}.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)}*{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)}: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)}