.modal[data-v-880b97ef]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;z-index:1001}.modal-header[data-v-880b97ef]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.modal-header h2[data-v-880b97ef]{font-size:18px;font-weight:600;color:#1f2937}.close-btn[data-v-880b97ef]{padding:4px;background:transparent;border:none;cursor:pointer;color:#6b7280;transition:color .2s}.close-btn[data-v-880b97ef]:hover{color:#1f2937}.modal-body[data-v-880b97ef]{padding:24px}.export-options[data-v-880b97ef]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.option[data-v-880b97ef]{display:flex;flex-direction:column;gap:4px}.option input[type=checkbox][data-v-880b97ef]{margin-right:8px}.option small[data-v-880b97ef]{color:#9ca3af;font-size:12px;margin-left:24px}.option select[data-v-880b97ef]{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;margin-top:4px}.preview-section h3[data-v-880b97ef]{font-size:14px;font-weight:600;color:#4b5563;margin-bottom:12px}.file-list[data-v-880b97ef]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:8px}.file-item[data-v-880b97ef]{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}.modal-footer[data-v-880b97ef]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #E5E7EB}.btn-cancel[data-v-880b97ef],.btn-export[data-v-880b97ef]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-880b97ef]{background:#fff;color:#6b7280;border:1px solid #D1D5DB}.btn-cancel[data-v-880b97ef]:hover{background:#f9fafb}.btn-export[data-v-880b97ef]{background:#3b82f6;color:#fff;border:none}.btn-export[data-v-880b97ef]:hover:not(:disabled){background:#2563eb}.btn-export[data-v-880b97ef]:disabled{opacity:.6;cursor:not-allowed}.modal[data-v-cd2224ae]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;z-index:1001}.modal-header[data-v-cd2224ae]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.modal-header h2[data-v-cd2224ae]{font-size:18px;font-weight:600;color:#1f2937}.modal-body[data-v-cd2224ae]{padding:24px;min-height:200px}.token-section p[data-v-cd2224ae]{color:#6b7280;margin-bottom:16px}.steps[data-v-cd2224ae]{margin:16px 0 24px 20px;color:#4b5563;font-size:14px}.steps li[data-v-cd2224ae]{margin-bottom:8px}.steps a[data-v-cd2224ae]{color:#3b82f6;text-decoration:underline}.form-group[data-v-cd2224ae]{margin-bottom:16px}.form-group label[data-v-cd2224ae]{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#4b5563}.form-group input[data-v-cd2224ae]{width:100%;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px}.ready-section[data-v-cd2224ae],.deploying-section[data-v-cd2224ae],.success-section[data-v-cd2224ae]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.ready-icon[data-v-cd2224ae]{color:#8b5cf6;margin-bottom:16px}.deploying-section[data-v-cd2224ae]{color:#6b7280}.success-section[data-v-cd2224ae]{color:#10b981}.ready-section h3[data-v-cd2224ae],.deploying-section h3[data-v-cd2224ae],.success-section h3[data-v-cd2224ae]{font-size:20px;font-weight:600;margin-bottom:8px;color:#1f2937}.ready-section code[data-v-cd2224ae]{margin-top:12px;padding:8px 16px;background:#f3f4f6;border-radius:6px;font-family:monospace;font-size:14px;color:#4b5563}.deployment-link[data-v-cd2224ae]{margin-top:12px;padding:8px 16px;background:#eff6ff;border-radius:6px;color:#3b82f6;text-decoration:none;font-weight:500}.deployment-link[data-v-cd2224ae]:hover{background:#dbeafe}.modal-footer[data-v-cd2224ae]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #E5E7EB}.btn-cancel[data-v-cd2224ae],.btn-deploy[data-v-cd2224ae]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-cd2224ae]{background:#fff;color:#6b7280;border:1px solid #D1D5DB}.btn-deploy[data-v-cd2224ae]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-deploy[data-v-cd2224ae]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-deploy[data-v-cd2224ae]:disabled{opacity:.6;cursor:not-allowed}.toast-container[data-v-8181fae5]{position:fixed;bottom:20px;right:20px;z-index:10000}.toast[data-v-8181fae5]{display:flex;align-items:center;gap:12px;min-width:300px;padding:14px 16px;margin-bottom:12px;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;font-size:14px}.toast-success[data-v-8181fae5]{border-left:4px solid #10B981;color:#059669}.toast-error[data-v-8181fae5]{border-left:4px solid #EF4444;color:#dc2626}.toast-warning[data-v-8181fae5]{border-left:4px solid #F59E0B;color:#d97706}.toast-info[data-v-8181fae5]{border-left:4px solid #3B82F6;color:#2563eb}.toast-close[data-v-8181fae5]{margin-left:auto;padding:4px;background:transparent;border:none;cursor:pointer;color:#9ca3af;transition:color .2s}.toast-close[data-v-8181fae5]:hover{color:#4b5563}.toast-enter-active[data-v-8181fae5],.toast-leave-active[data-v-8181fae5]{transition:all .3s ease}.toast-enter-from[data-v-8181fae5],.toast-leave-to[data-v-8181fae5]{transform:translate(100%);opacity:0}.template-preview-container[data-v-c91d632b]{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;background:#f8fafc}.mini-canvas[data-v-c91d632b]{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;gap:4px}.preview-overlay[data-v-c91d632b]{position:absolute;inset:0;pointer-events:none}.preview-component[data-v-c91d632b]{position:relative;flex-shrink:0}.nav-preview[data-v-c91d632b]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#fff;border-bottom:1px solid #e5e7eb}.nav-logo[data-v-c91d632b]{font-size:.625rem;font-weight:700;color:#1f2937;padding:2px 6px;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links[data-v-c91d632b]{display:flex;gap:6px}.nav-link[data-v-c91d632b]{font-size:.5rem;color:#6b7280;padding:2px 4px;white-space:nowrap}.hero-preview[data-v-c91d632b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;gap:4px;min-height:70px}.hero-title[data-v-c91d632b]{font-size:.75rem;font-weight:700;color:#fffffff2;text-align:center;margin:0;line-height:1.2}.hero-subtitle[data-v-c91d632b]{font-size:.5rem;color:#ffffffd9;text-align:center;margin:0;line-height:1.3}.hero-button[data-v-c91d632b]{padding:4px 10px;background:#fffffff2;color:#5b21b6;border:none;border-radius:4px;font-size:.5rem;font-weight:600;margin-top:3px;cursor:default}.features-preview[data-v-c91d632b]{display:flex;gap:6px;padding:10px 8px;justify-content:center;background:#fff}.feature-item[data-v-c91d632b]{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;max-width:60px}.feature-icon[data-v-c91d632b]{width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.icon-text[data-v-c91d632b]{font-size:.625rem}.feature-title[data-v-c91d632b]{font-size:.5rem;font-weight:600;color:#1f2937;margin:0;text-align:center;line-height:1.2}.feature-desc[data-v-c91d632b]{font-size:.4rem;color:#6b7280;margin:0;text-align:center;line-height:1.2}.cta-preview[data-v-c91d632b]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:#f8fafc}.cta-title[data-v-c91d632b]{font-size:.625rem;font-weight:600;color:#1f2937;text-align:center;margin:0;line-height:1.3}.cta-button[data-v-c91d632b]{padding:3px 8px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.5rem;font-weight:600;cursor:default}.footer-preview[data-v-c91d632b]{padding:6px 8px;background:#1f2937;margin-top:auto}.footer-content[data-v-c91d632b]{display:flex;align-items:center;justify-content:center}.footer-text[data-v-c91d632b]{font-size:.45rem;color:#ffffffb3;text-align:center;margin:0}.section-preview[data-v-c91d632b]{padding:12px;background:#f9fafb}.section-content[data-v-c91d632b]{width:100%;height:20px;background:#e5e7eb;border-radius:4px}.container-preview[data-v-c91d632b]{padding:8px}.container-content[data-v-c91d632b]{width:100%;height:16px;background:#f3f4f6;border-radius:4px}.preview-heading[data-v-c91d632b]{font-size:.625rem;font-weight:600;margin:2px 0;line-height:1.3}.preview-text[data-v-c91d632b]{font-size:.5rem;margin:2px 0;line-height:1.4;opacity:.8}.preview-button[data-v-c91d632b]{padding:3px 8px;border:none;border-radius:4px;font-size:.5rem;font-weight:600;cursor:default;margin:3px 0}.preview-image[data-v-c91d632b]{display:flex;align-items:center;justify-content:center;padding:8px;background:#f3f4f6;border-radius:4px;min-height:30px;margin:2px 0}.placeholder-icon[data-v-c91d632b]{width:16px;height:16px;color:#d1d5db}.generic-preview[data-v-c91d632b]{width:100%;height:12px;background:#e5e7eb;border-radius:4px;margin:2px 0}.template-preview-container:hover .mini-canvas[data-v-c91d632b]{transform:scale(1.02);transition:transform .3s ease}[data-v-38c6ee44]:root{--modal-bg: rgba(0, 0, 0, .5);--content-bg: #ffffff;--border-subtle: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--primary: #5b21b6;--primary-dark: #4c1d95;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280}@keyframes slideInUp-38c6ee44{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn-38c6ee44{0%{opacity:0}to{opacity:1}}@keyframes pulse-38c6ee44{0%,to{opacity:1}50%{opacity:.8}}.modal-fade-enter-active[data-v-38c6ee44],.modal-fade-leave-active[data-v-38c6ee44]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-38c6ee44],.modal-fade-leave-to[data-v-38c6ee44]{opacity:0}.slide-fade-enter-active[data-v-38c6ee44]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-38c6ee44]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-38c6ee44]{transform:translate(-20px);opacity:0}.slide-fade-leave-to[data-v-38c6ee44]{transform:translate(20px);opacity:0}.template-fade-enter-active[data-v-38c6ee44],.template-fade-leave-active[data-v-38c6ee44],.template-fade-move[data-v-38c6ee44]{transition:all .3s ease}.template-fade-enter-from[data-v-38c6ee44],.template-fade-leave-to[data-v-38c6ee44]{opacity:0;transform:scale(.9)}.template-library-modal[data-v-38c6ee44]{position:fixed;inset:0;background:var(--modal-bg);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-38c6ee44 .3s ease}.template-library-content[data-v-38c6ee44]{background:var(--content-bg);border-radius:24px;width:95vw;max-width:1400px;height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideInUp-38c6ee44 .4s ease}.template-header[data-v-38c6ee44]{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:1.75rem 2rem;color:#fff;border-bottom:none}.header-content[data-v-38c6ee44]{display:flex;align-items:center;justify-content:space-between}.header-left[data-v-38c6ee44]{display:flex;align-items:center;gap:1rem}.header-icon[data-v-38c6ee44]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:12px;color:#fff}.template-header h2[data-v-38c6ee44]{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.025em;color:#fff}.header-subtitle[data-v-38c6ee44]{font-size:.875rem;color:#cbd5e1;margin-top:.25rem}.close-btn[data-v-38c6ee44]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s}.close-btn[data-v-38c6ee44]:hover{background:#fff3;transform:scale(1.05)}.template-filters[data-v-38c6ee44]{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.filters-container[data-v-38c6ee44]{display:flex;gap:1.5rem;align-items:center}.search-wrapper[data-v-38c6ee44]{flex:1;max-width:400px}.search-bar[data-v-38c6ee44]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:12px;border:2px solid transparent;box-shadow:var(--shadow-sm);transition:all .3s}.search-bar.focused[data-v-38c6ee44]{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.search-icon[data-v-38c6ee44]{color:var(--text-muted)}.search-input[data-v-38c6ee44]{flex:1;background:none;border:none;outline:none;font-size:.9375rem;color:var(--text-primary)}.clear-search[data-v-38c6ee44]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f1f5f9;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.clear-search[data-v-38c6ee44]:hover{background:#e2e8f0;color:var(--text-primary)}.category-section[data-v-38c6ee44]{flex:1}.category-pills[data-v-38c6ee44]{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:2px}.category-pills[data-v-38c6ee44]::-webkit-scrollbar{height:2px}.category-pills[data-v-38c6ee44]::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.category-pill[data-v-38c6ee44]{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .2s;white-space:nowrap}.category-pill[data-v-38c6ee44]:hover{background:#f8fafc;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.category-pill.active[data-v-38c6ee44]{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #667eea40}.category-icon[data-v-38c6ee44]{opacity:.8}.category-count[data-v-38c6ee44]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;background:#0000001a;border-radius:10px;font-size:.75rem;font-weight:600}.category-pill.active .category-count[data-v-38c6ee44]{background:#ffffff40}.view-toggle[data-v-38c6ee44]{display:flex;background:#fff;border-radius:10px;padding:4px;box-shadow:var(--shadow-sm)}.view-btn[data-v-38c6ee44]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.view-btn[data-v-38c6ee44]:hover{color:var(--text-secondary)}.view-btn.active[data-v-38c6ee44]{background:var(--primary);color:#fff}.template-body[data-v-38c6ee44]{flex:1;overflow-y:auto;padding:1.5rem 2rem;background:#fafafa}.stats-bar[data-v-38c6ee44]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.stats-left[data-v-38c6ee44]{display:flex;align-items:center;gap:1.5rem}.stat-item[data-v-38c6ee44]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.sort-dropdown[data-v-38c6ee44]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border-subtle);border-radius:8px;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .2s}.sort-dropdown[data-v-38c6ee44]:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.template-grid[data-v-38c6ee44]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.template-card[data-v-38c6ee44]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.template-card[data-v-38c6ee44]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:var(--primary)}.template-card.selected[data-v-38c6ee44]{border:2px solid var(--primary);box-shadow:0 0 0 3px #5b21b61a}.template-thumbnail[data-v-38c6ee44]{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px 12px 0 0}.template-hover-overlay[data-v-38c6ee44]{position:absolute;inset:0;background:#000000b3;opacity:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:opacity .3s}.template-card:hover .template-hover-overlay[data-v-38c6ee44]{opacity:1}.preview-btn[data-v-38c6ee44]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--text-primary);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;transform:translateY(10px);opacity:0;animation:slideUp-38c6ee44 .3s forwards;animation-delay:.1s}@keyframes slideUp-38c6ee44{to{transform:translateY(0);opacity:1}}.preview-btn[data-v-38c6ee44]:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.badge-container[data-v-38c6ee44]{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;z-index:10}.badge[data-v-38c6ee44]{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.badge.premium[data-v-38c6ee44]{background:#f59e0b;color:#fff;box-shadow:0 2px 4px #0000001a}.badge.new[data-v-38c6ee44]{background:#10b981;color:#fff;box-shadow:0 2px 4px #0000001a}.badge.popular[data-v-38c6ee44]{background:#ef4444;color:#fff;box-shadow:0 2px 4px #0000001a}.template-info[data-v-38c6ee44]{padding:1.5rem}.info-header[data-v-38c6ee44]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.template-info h3[data-v-38c6ee44]{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.025em}.favorite-btn[data-v-38c6ee44]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8fafc;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s}.favorite-btn[data-v-38c6ee44]:hover{background:#fee2e2;color:#ef4444;transform:scale(1.1)}.template-description[data-v-38c6ee44]{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-meta[data-v-38c6ee44]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.meta-tags[data-v-38c6ee44]{display:flex;gap:.375rem;flex-wrap:wrap}.meta-tag[data-v-38c6ee44]{padding:.25rem .625rem;background:#f1f5f9;border-radius:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.meta-tag[data-v-38c6ee44]:hover{background:#e2e8f0;color:var(--primary)}.meta-tag.more[data-v-38c6ee44]{background:#e0e7ff;color:var(--primary)}.meta-stats[data-v-38c6ee44]{display:flex;align-items:center;gap:1rem}.meta-stats .stat[data-v-38c6ee44]{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.template-actions[data-v-38c6ee44]{display:flex;gap:.75rem}.action-select[data-v-38c6ee44]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#f8fafc;border:2px solid var(--border-subtle);border-radius:10px;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s}.action-select[data-v-38c6ee44]:hover,.action-select.selected[data-v-38c6ee44]{background:var(--primary);border-color:var(--primary);color:#fff}.empty-state[data-v-38c6ee44]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;background:#fff;border-radius:16px;margin-top:2rem}.empty-icon[data-v-38c6ee44]{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:#f8fafc;border-radius:24px;margin-bottom:1.5rem;color:var(--text-muted)}.empty-state h3[data-v-38c6ee44]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.empty-state p[data-v-38c6ee44]{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem}.reset-btn[data-v-38c6ee44]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn[data-v-38c6ee44]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 10px 20px #667eea33}.template-footer[data-v-38c6ee44]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fff;border-top:1px solid var(--border-subtle)}.footer-left[data-v-38c6ee44]{flex:1}.selected-info[data-v-38c6ee44]{display:flex;align-items:center;gap:1rem}.selected-preview[data-v-38c6ee44]{width:60px;height:45px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.selected-preview img[data-v-38c6ee44]{width:100%;height:100%;object-fit:cover}.selected-details[data-v-38c6ee44]{display:flex;flex-direction:column}.selected-label[data-v-38c6ee44]{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.selected-name[data-v-38c6ee44]{font-size:1rem;font-weight:600;color:var(--text-primary)}.footer-actions[data-v-38c6ee44]{display:flex;gap:1rem}.btn-primary[data-v-38c6ee44],.btn-secondary[data-v-38c6ee44]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-38c6ee44]{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-primary[data-v-38c6ee44]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.btn-primary[data-v-38c6ee44]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary[data-v-38c6ee44]{background:#f8fafc;color:var(--text-primary);border:2px solid var(--border-subtle)}.btn-secondary[data-v-38c6ee44]:hover{background:#f1f5f9;border-color:var(--text-muted)}.arrow-icon[data-v-38c6ee44]{transition:transform .2s}.btn-primary:hover .arrow-icon[data-v-38c6ee44]{transform:translate(2px)}.template-list[data-v-38c6ee44]{display:flex;flex-direction:column;gap:1rem}.template-card.list[data-v-38c6ee44]{display:flex;height:auto}.template-card.list .template-thumbnail[data-v-38c6ee44]{width:280px;height:180px;flex-shrink:0}.template-card.list .template-info[data-v-38c6ee44]{flex:1;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 1024px){.template-grid[data-v-38c6ee44]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.filters-container[data-v-38c6ee44]{flex-direction:column;gap:1rem}.search-wrapper[data-v-38c6ee44]{max-width:100%}.category-section[data-v-38c6ee44]{width:100%}}@media (max-width: 768px){.template-library-content[data-v-38c6ee44]{width:100%;height:100vh;border-radius:0}.template-grid[data-v-38c6ee44]{grid-template-columns:1fr;gap:1rem}.template-header[data-v-38c6ee44]{padding:1.25rem 1rem}.template-filters[data-v-38c6ee44],.template-body[data-v-38c6ee44]{padding:1rem}.template-footer[data-v-38c6ee44]{padding:1rem;flex-direction:column;gap:1rem}.footer-actions[data-v-38c6ee44]{width:100%}.btn-primary[data-v-38c6ee44],.btn-secondary[data-v-38c6ee44]{flex:1;justify-content:center}.template-card.list[data-v-38c6ee44]{flex-direction:column}.template-card.list .template-thumbnail[data-v-38c6ee44]{width:100%;height:200px}}.theme-selector[data-v-2cb5c5c7]{padding:1.5rem;background:var(--bg-primary);border-radius:8px;margin-bottom:1rem}.theme-header[data-v-2cb5c5c7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.theme-header h3[data-v-2cb5c5c7]{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.customize-btn[data-v-2cb5c5c7]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .2s}.customize-btn[data-v-2cb5c5c7]:hover{background:var(--bg-tertiary)}.preset-themes[data-v-2cb5c5c7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.theme-option[data-v-2cb5c5c7]{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.theme-option[data-v-2cb5c5c7]:hover{background:var(--bg-tertiary)}.theme-option.active[data-v-2cb5c5c7]{border-color:var(--primary);background:var(--bg-tertiary)}.theme-preview[data-v-2cb5c5c7]{margin-bottom:.5rem}.color-dots[data-v-2cb5c5c7]{display:flex;gap:4px}.color-dot[data-v-2cb5c5c7]{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #0000001a}.theme-name[data-v-2cb5c5c7]{font-size:.75rem;color:var(--text-secondary)}.theme-customizer[data-v-2cb5c5c7]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.customizer-section[data-v-2cb5c5c7]{margin-bottom:2rem}.customizer-section h4[data-v-2cb5c5c7]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.color-grid[data-v-2cb5c5c7]{display:grid;gap:.75rem}.color-input[data-v-2cb5c5c7]{display:flex;align-items:center;justify-content:space-between}.color-input label[data-v-2cb5c5c7]{font-size:.813rem;color:var(--text-secondary)}.color-picker[data-v-2cb5c5c7]{display:flex;align-items:center;gap:.5rem}.color-picker input[type=color][data-v-2cb5c5c7]{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer}.color-picker input[type=text][data-v-2cb5c5c7]{width:90px;padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.813rem;font-family:monospace}.typography-controls[data-v-2cb5c5c7]{display:flex;flex-direction:column;gap:1rem}.control-group[data-v-2cb5c5c7]{display:flex;flex-direction:column;gap:.5rem}.control-group label[data-v-2cb5c5c7]{font-size:.813rem;color:var(--text-secondary)}.control-group input[type=range][data-v-2cb5c5c7]{width:100%}.control-group select[data-v-2cb5c5c7]{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary)}.radius-controls[data-v-2cb5c5c7]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.radius-preset[data-v-2cb5c5c7]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.radius-preset[data-v-2cb5c5c7]:hover{background:var(--bg-tertiary)}.radius-preset.active[data-v-2cb5c5c7]{border-color:var(--primary)}.radius-preview[data-v-2cb5c5c7]{width:40px;height:40px;background:var(--primary);opacity:.2}.radius-preset span[data-v-2cb5c5c7]{font-size:.75rem;color:var(--text-secondary)}.slide-enter-active[data-v-2cb5c5c7],.slide-leave-active[data-v-2cb5c5c7]{transition:all .3s ease}.slide-enter-from[data-v-2cb5c5c7],.slide-leave-to[data-v-2cb5c5c7]{opacity:0;transform:translateY(-10px)}.theme-modal[data-v-58fc4dbc]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}.theme-modal-content[data-v-58fc4dbc]{background:var(--bg-primary);border-radius:12px;width:90vw;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (max-width: 768px){.theme-modal[data-v-58fc4dbc]{align-items:flex-end}.theme-modal-content[data-v-58fc4dbc]{width:100%;max-height:85vh;border-radius:16px 16px 0 0}}.modal-header[data-v-58fc4dbc]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-58fc4dbc]{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.close-btn[data-v-58fc4dbc]{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:6px;color:var(--text-secondary);transition:all .2s}.close-btn[data-v-58fc4dbc]:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body[data-v-58fc4dbc]{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer[data-v-58fc4dbc]{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.btn-primary[data-v-58fc4dbc],.btn-secondary[data-v-58fc4dbc]{padding:.75rem 1.5rem;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-58fc4dbc]{background:var(--primary);color:#fff}.btn-primary[data-v-58fc4dbc]:hover{opacity:.9}.btn-secondary[data-v-58fc4dbc]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary[data-v-58fc4dbc]:hover{background:var(--bg-primary)}.global-code-modal[data-v-076bfb16]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-076bfb16]{background:var(--bg-primary);border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d}.modal-header[data-v-076bfb16]{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-076bfb16]{margin:0;font-size:20px}.close-btn[data-v-076bfb16]{padding:8px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:6px}.close-btn[data-v-076bfb16]:hover{background:var(--hover-bg)}.code-tabs[data-v-076bfb16]{display:flex;gap:8px;padding:0 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.tab-btn[data-v-076bfb16]{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;transition:all .2s}.tab-btn.active[data-v-076bfb16]{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn[data-v-076bfb16]:hover:not(.active){color:var(--text-primary)}.code-content[data-v-076bfb16]{flex:1;overflow-y:auto;padding:1.5rem}.tab-content[data-v-076bfb16]{display:flex;flex-direction:column;gap:16px;height:100%}.editor-info[data-v-076bfb16]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--info-bg, #EBF5FF);border-radius:6px;font-size:13px;color:var(--info-text, #1E40AF)}.editor-container[data-v-076bfb16]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;flex:1}.modal-footer[data-v-076bfb16]{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.secondary-btn[data-v-076bfb16],.primary-btn[data-v-076bfb16]{padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.secondary-btn[data-v-076bfb16]{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.secondary-btn[data-v-076bfb16]:hover{background:var(--hover-bg)}.primary-btn[data-v-076bfb16]{background:var(--primary);border:none;color:#fff}.primary-btn[data-v-076bfb16]:hover{background:var(--primary-dark)}[data-v-076bfb16] .cm-editor{height:100%;font-family:Monaco,Menlo,Ubuntu Mono,monospace}[data-v-076bfb16] .cm-focused{outline:none}[data-v-076bfb16] .cm-scroller{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.pages-manager[data-v-35f58116]{padding:16px;background:#fff}.manager-header[data-v-35f58116]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-title[data-v-35f58116]{display:flex;align-items:center;gap:8px}.header-title h3[data-v-35f58116]{font-size:16px;font-weight:600;color:#111827}.add-page-btn[data-v-35f58116]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#5b21b6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-page-btn[data-v-35f58116]:hover{background:#4c1d95}.pages-section[data-v-35f58116],.navigation-section[data-v-35f58116]{margin-bottom:24px}.pages-section h4[data-v-35f58116],.navigation-section h4[data-v-35f58116]{font-size:13px;font-weight:600;color:#374151;margin-bottom:12px}.pages-list[data-v-35f58116]{display:flex;flex-direction:column;gap:8px}.page-item[data-v-35f58116]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.page-item[data-v-35f58116]:hover{background:#f3f4f6;border-color:#d1d5db}.page-item.active[data-v-35f58116]{background:#f3f0ff;border-color:#5b21b6}.page-info[data-v-35f58116]{display:flex;flex-direction:column;gap:4px}.page-header[data-v-35f58116]{display:flex;align-items:center;gap:6px}.page-name[data-v-35f58116]{font-size:14px;font-weight:500;color:#111827}.home-badge[data-v-35f58116]{padding:2px 6px;background:#5b21b6;color:#fff;border-radius:4px;font-size:10px;font-weight:600}.page-path[data-v-35f58116]{font-size:12px;color:#6b7280;margin-left:20px}.page-actions[data-v-35f58116]{display:flex;gap:4px}.action-btn[data-v-35f58116]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn[data-v-35f58116]:hover{background:#fff;color:#374151}.action-btn.delete[data-v-35f58116]:hover{background:#fee2e2;color:#dc2626}.nav-tabs[data-v-35f58116]{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:6px;margin-bottom:12px}.nav-tab[data-v-35f58116]{flex:1;padding:6px 12px;background:transparent;border:none;border-radius:4px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.nav-tab[data-v-35f58116]:hover{background:#fff;color:#374151}.nav-tab.active[data-v-35f58116]{background:#fff;color:#5b21b6;box-shadow:0 1px 2px #0000000d}.nav-items[data-v-35f58116]{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.nav-item[data-v-35f58116]{display:flex;align-items:center;gap:8px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s}.nav-item[data-v-35f58116]:hover{background:#f3f4f6;border-color:#d1d5db}.drag-handle[data-v-35f58116]{display:flex;align-items:center;color:#9ca3af;cursor:move}.nav-item-info[data-v-35f58116]{flex:1;display:flex;flex-direction:column;gap:2px}.nav-label[data-v-35f58116]{font-size:13px;font-weight:500;color:#111827}.nav-path[data-v-35f58116]{font-size:11px;color:#6b7280}.nav-item-actions[data-v-35f58116]{display:flex;gap:4px}.add-nav-btn[data-v-35f58116]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:#fff;border:2px dashed #d1d5db;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.add-nav-btn[data-v-35f58116]:hover{border-color:#5b21b6;color:#5b21b6;background:#f9f7ff}.modal-overlay[data-v-35f58116]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-35f58116]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.small[data-v-35f58116]{max-width:400px}.modal-header[data-v-35f58116]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-35f58116]{font-size:18px;font-weight:600;color:#111827}.close-btn[data-v-35f58116]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.close-btn[data-v-35f58116]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-35f58116]{flex:1;padding:20px;overflow-y:auto}.form-group[data-v-35f58116]{margin-bottom:16px}.form-group label[data-v-35f58116]{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input[type=text][data-v-35f58116],.form-group input[type=url][data-v-35f58116],.form-group select[data-v-35f58116]{width:100%;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.form-group input[type=checkbox][data-v-35f58116]{margin-right:6px}.slug-input[data-v-35f58116]{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.slug-input span[data-v-35f58116]{padding:8px 12px;background:#f9fafb;border-right:1px solid #e5e7eb;font-size:13px;color:#6b7280}.slug-input input[data-v-35f58116]{flex:1;border:none;padding:8px 12px}.radio-group[data-v-35f58116]{display:flex;gap:16px}.radio-group label[data-v-35f58116]{display:flex;align-items:center;font-size:13px;cursor:pointer}.radio-group input[type=radio][data-v-35f58116]{margin-right:6px}.modal-footer[data-v-35f58116]{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb}.btn-cancel[data-v-35f58116],.btn-save[data-v-35f58116]{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel[data-v-35f58116]{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.btn-cancel[data-v-35f58116]:hover{background:#f9fafb}.btn-save[data-v-35f58116]{background:#5b21b6;color:#fff}.btn-save[data-v-35f58116]:hover{background:#4c1d95}.modal-enter-active[data-v-35f58116],.modal-leave-active[data-v-35f58116]{transition:opacity .3s ease}.modal-enter-from[data-v-35f58116],.modal-leave-to[data-v-35f58116]{opacity:0}.modal-enter-active .modal-content[data-v-35f58116],.modal-leave-active .modal-content[data-v-35f58116]{transition:transform .3s ease}.modal-enter-from .modal-content[data-v-35f58116],.modal-leave-to .modal-content[data-v-35f58116]{transform:scale(.9)}.seo-panel[data-v-bb609909]{background:#fff;border-radius:8px;margin-bottom:16px;border:1px solid #e5e7eb}.panel-header[data-v-bb609909]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb}.header-title[data-v-bb609909]{display:flex;align-items:center;gap:8px}.header-title h3[data-v-bb609909]{font-size:14px;font-weight:600;color:#374151}.toggle-btn[data-v-bb609909]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.toggle-btn[data-v-bb609909]:hover{background:#f3f4f6}.toggle-btn svg[data-v-bb609909]{transition:transform .2s}.toggle-btn svg.rotated[data-v-bb609909]{transform:rotate(180deg)}.panel-content[data-v-bb609909]{padding:16px}.seo-section[data-v-bb609909]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.seo-section[data-v-bb609909]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.seo-section h4[data-v-bb609909]{font-size:13px;font-weight:600;color:#111827;margin-bottom:16px}.input-group[data-v-bb609909]{margin-bottom:16px}.input-group label[data-v-bb609909]{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:#374151;margin-bottom:6px}.char-count[data-v-bb609909]{font-size:11px;color:#9ca3af}.input-group input[data-v-bb609909],.input-group textarea[data-v-bb609909],.input-group select[data-v-bb609909]{width:100%;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;transition:all .2s}.input-group input[data-v-bb609909]:focus,.input-group textarea[data-v-bb609909]:focus,.input-group select[data-v-bb609909]:focus{outline:none;border-color:#5b21b6;box-shadow:0 0 0 3px #5b21b61a}.input-group textarea[data-v-bb609909]{resize:vertical;font-family:inherit}.hint[data-v-bb609909]{display:block;font-size:11px;color:#9ca3af;margin-top:4px}.url-input[data-v-bb609909]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.url-base[data-v-bb609909]{padding:8px 12px;background:#f9fafb;border-right:1px solid #e5e7eb;font-size:12px;color:#6b7280}.url-input input[data-v-bb609909]{flex:1;border:none;padding:8px 12px}.url-input input[data-v-bb609909]:focus{outline:none}.image-upload[data-v-bb609909]{display:flex;gap:4px}.image-upload input[data-v-bb609909]{flex:1}.browse-btn[data-v-bb609909]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.browse-btn[data-v-bb609909]:hover{background:#f9fafb;border-color:#d1d5db}.social-tabs[data-v-bb609909]{display:flex;gap:4px;margin-bottom:16px;background:#f9fafb;padding:4px;border-radius:8px}.tab-btn[data-v-bb609909]{display:flex;align-items:center;gap:6px;flex:1;padding:8px;background:transparent;border:none;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.tab-btn[data-v-bb609909]:hover{background:#fff;color:#374151}.tab-btn.active[data-v-bb609909]{background:#fff;color:#5b21b6;box-shadow:0 1px 2px #0000000d}.social-preview[data-v-bb609909]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:16px}.facebook-preview[data-v-bb609909]{display:flex}.facebook-preview .preview-image[data-v-bb609909]{width:160px;height:160px;background:#e5e7eb;flex-shrink:0}.twitter-preview.summary_large_image .preview-image[data-v-bb609909]{width:100%;height:160px}.preview-image img[data-v-bb609909]{width:100%;height:100%;object-fit:cover}.placeholder-image[data-v-bb609909]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.preview-content[data-v-bb609909]{padding:12px;flex:1}.preview-domain[data-v-bb609909]{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.preview-content h5[data-v-bb609909]{font-size:14px;font-weight:600;color:#111827;margin:4px 0}.preview-content p[data-v-bb609909]{font-size:12px;color:#6b7280;line-height:1.4;margin:0}.checkbox-group[data-v-bb609909]{display:flex;flex-direction:column;gap:8px}.checkbox-group label[data-v-bb609909]{display:flex;align-items:center;font-size:13px;color:#374151;cursor:pointer}.checkbox-group input[type=checkbox][data-v-bb609909]{margin-right:8px;width:auto}.seo-score[data-v-bb609909]{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;margin-bottom:16px}.score-circle[data-v-bb609909]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:80px;height:80px;border-radius:50%;border:4px solid #e5e7eb;background:#fff}.score-circle.good[data-v-bb609909]{border-color:#10b981}.score-circle.fair[data-v-bb609909]{border-color:#f59e0b}.score-circle.poor[data-v-bb609909]{border-color:#ef4444}.score-value[data-v-bb609909]{font-size:24px;font-weight:700;color:#111827}.score-label[data-v-bb609909]{font-size:11px;color:#6b7280}.score-details h5[data-v-bb609909]{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px}.score-details p[data-v-bb609909]{font-size:12px;color:#6b7280;margin:0}.seo-issues[data-v-bb609909]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.issue-item[data-v-bb609909]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;font-size:12px}.issue-item.error[data-v-bb609909]{background:#fee2e2;color:#dc2626}.issue-item.warning[data-v-bb609909]{background:#fef3c7;color:#d97706}.issue-item.info[data-v-bb609909]{background:#dbeafe;color:#1d4ed8}.issue-item.success[data-v-bb609909]{background:#d1fae5;color:#059669}.action-btn[data-v-bb609909]{display:flex;align-items:center;gap:6px;width:100%;padding:10px;background:#5b21b6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;justify-content:center}.action-btn[data-v-bb609909]:hover{background:#4c1d95}.expand-enter-active[data-v-bb609909],.expand-leave-active[data-v-bb609909]{transition:all .3s ease}.expand-enter-from[data-v-bb609909],.expand-leave-to[data-v-bb609909]{max-height:0;opacity:0}.app-header[data-v-45111feb]{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;background:#fff;border-bottom:1px solid #E5E7EB}.header-left[data-v-45111feb]{display:flex;align-items:center;gap:24px}.logo[data-v-45111feb]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937}.logo svg[data-v-45111feb]{color:#3b82f6}.project-name input[data-v-45111feb]{padding:6px 12px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:500;background:transparent;transition:all .2s}.project-name input[data-v-45111feb]:hover{background:#f9fafb}.project-name input[data-v-45111feb]:focus{outline:none;background:#fff;border-color:#3b82f6}.header-center[data-v-45111feb]{flex:1;display:flex;justify-content:center}.action-buttons[data-v-45111feb]{display:flex;align-items:center;gap:4px;padding:4px;background:#f9fafb;border-radius:6px}.action-buttons button[data-v-45111feb]{padding:8px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.action-buttons button[data-v-45111feb]:hover:not(:disabled){background:#fff;color:#1f2937}.action-buttons button[data-v-45111feb]:disabled{opacity:.4;cursor:not-allowed}.action-buttons button.active[data-v-45111feb]{background:#fff;color:#3b82f6}.separator[data-v-45111feb]{width:1px;height:20px;background:#d1d5db;margin:0 4px}.header-right[data-v-45111feb]{display:flex;align-items:center;gap:12px}.btn-secondary[data-v-45111feb],.btn-primary[data-v-45111feb],.btn-deploy[data-v-45111feb]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-v-45111feb]{background:#fff;color:#4b5563;border:1px solid #D1D5DB}.btn-secondary[data-v-45111feb]:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary[data-v-45111feb]{background:#3b82f6;color:#fff}.btn-primary[data-v-45111feb]:hover{background:#2563eb;transform:translateY(-1px)}.btn-deploy[data-v-45111feb]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-deploy[data-v-45111feb]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.template-btn[data-v-45111feb]{display:flex!important;align-items:center;gap:4px;padding:8px 12px!important}.btn-label[data-v-45111feb]{font-size:13px;font-weight:500;display:none}@media (min-width: 1024px){.btn-label[data-v-45111feb]{display:inline}}.mobile-menu-btn[data-v-45111feb]{display:none;padding:8px;background:transparent;border:none;border-radius:4px;cursor:pointer}.modal-overlay[data-v-45111feb]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content-large[data-v-45111feb]{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;position:relative}.pages-manager-modal[data-v-45111feb]{max-width:900px}.modal-close-btn[data-v-45111feb]{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s;z-index:10}.modal-close-btn[data-v-45111feb]:hover{background:#f3f4f6;color:#374151}@media (max-width: 768px){.app-header[data-v-45111feb]{padding:0 12px;gap:8px}.logo span[data-v-45111feb]{display:none}.project-name[data-v-45111feb]{max-width:120px}.header-center[data-v-45111feb]{display:none}.header-right[data-v-45111feb]{gap:8px}.header-right button span[data-v-45111feb]{display:none}.mobile-menu-btn[data-v-45111feb]{display:block}}.section-library[data-v-0ff35245]{padding:16px;border-bottom:1px solid #e5e7eb}.library-header[data-v-0ff35245]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.library-header h3[data-v-0ff35245]{font-size:14px;font-weight:600;color:#374151}.toggle-btn[data-v-0ff35245]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s}.toggle-btn[data-v-0ff35245]:hover{background:#f3f4f6}.toggle-btn svg[data-v-0ff35245]{transition:transform .2s}.toggle-btn svg.rotated[data-v-0ff35245]{transform:rotate(180deg)}.sections-content[data-v-0ff35245]{margin-top:12px}.section-search[data-v-0ff35245]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px}.section-search input[data-v-0ff35245]{flex:1;background:none;border:none;outline:none;font-size:13px;color:#374151}.section-search input[data-v-0ff35245]::placeholder{color:#9ca3af}.category-tabs[data-v-0ff35245]{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.category-tabs[data-v-0ff35245]::-webkit-scrollbar{height:2px}.category-tabs[data-v-0ff35245]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.category-tab[data-v-0ff35245]{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab[data-v-0ff35245]:hover{background:#f9fafb;color:#374151}.category-tab.active[data-v-0ff35245]{background:#5b21b6;color:#fff;border-color:#5b21b6}.sections-grid[data-v-0ff35245]{display:grid;grid-template-columns:1fr;gap:8px;max-height:400px;overflow-y:auto}.section-card[data-v-0ff35245]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:move;transition:all .2s}.section-card[data-v-0ff35245]:hover{background:#f9fafb;border-color:#5b21b6;transform:translate(2px)}.section-preview[data-v-0ff35245]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;color:#6b7280}.section-info[data-v-0ff35245]{flex:1;display:flex;flex-direction:column;gap:2px}.section-name[data-v-0ff35245]{font-size:13px;font-weight:500;color:#111827}.section-category[data-v-0ff35245]{font-size:11px;color:#9ca3af;text-transform:capitalize}.section-actions[data-v-0ff35245]{display:flex;gap:4px}.action-btn[data-v-0ff35245]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn[data-v-0ff35245]:hover{background:#e5e7eb;color:#374151}.empty-state[data-v-0ff35245]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:#9ca3af}.empty-state p[data-v-0ff35245]{font-size:13px}.modal-overlay[data-v-0ff35245]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-0ff35245]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-0ff35245]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-0ff35245]{font-size:18px;font-weight:600;color:#111827}.close-btn[data-v-0ff35245]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.close-btn[data-v-0ff35245]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-0ff35245]{flex:1;padding:20px;overflow-y:auto}.variations-grid[data-v-0ff35245]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.variation-card[data-v-0ff35245]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f9fafb;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.variation-card[data-v-0ff35245]:hover{background:#fff;border-color:#5b21b6}.variation-preview[data-v-0ff35245]{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;position:relative}.style-badge[data-v-0ff35245]{padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.style-badge.modern[data-v-0ff35245]{background:#5b21b6;color:#fff}.style-badge.minimal[data-v-0ff35245]{background:#f3f4f6;color:#374151}.style-badge.classic[data-v-0ff35245]{background:#1e40af;color:#fff}.style-badge.bold[data-v-0ff35245]{background:#dc2626;color:#fff}.variation-name[data-v-0ff35245]{font-size:13px;font-weight:500;color:#374151;text-align:center}.expand-enter-active[data-v-0ff35245],.expand-leave-active[data-v-0ff35245]{transition:all .3s ease}.expand-enter-from[data-v-0ff35245],.expand-leave-to[data-v-0ff35245]{max-height:0;opacity:0}.modal-enter-active[data-v-0ff35245],.modal-leave-active[data-v-0ff35245]{transition:opacity .3s ease}.modal-enter-from[data-v-0ff35245],.modal-leave-to[data-v-0ff35245]{opacity:0}.modal-enter-active .modal-content[data-v-0ff35245],.modal-leave-active .modal-content[data-v-0ff35245]{transition:transform .3s ease}.modal-enter-from .modal-content[data-v-0ff35245],.modal-leave-to .modal-content[data-v-0ff35245]{transform:scale(.9)}.form-builder[data-v-7a65b28f]{padding:16px;border-bottom:1px solid #e5e7eb}.builder-header[data-v-7a65b28f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.builder-header h3[data-v-7a65b28f]{font-size:14px;font-weight:600;color:#374151}.toggle-btn[data-v-7a65b28f]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.toggle-btn[data-v-7a65b28f]:hover{background:#f3f4f6}.toggle-btn svg[data-v-7a65b28f]{transition:transform .2s}.toggle-btn svg.rotated[data-v-7a65b28f]{transform:rotate(180deg)}.builder-content[data-v-7a65b28f]{margin-top:12px}.quick-add[data-v-7a65b28f]{margin-bottom:20px}.quick-add h5[data-v-7a65b28f],.form-templates h5[data-v-7a65b28f],.form-settings h5[data-v-7a65b28f],.field-editor h5[data-v-7a65b28f],.form-preview h5[data-v-7a65b28f]{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.element-grid[data-v-7a65b28f]{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.element-btn[data-v-7a65b28f]{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.element-btn[data-v-7a65b28f]:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.form-templates[data-v-7a65b28f]{margin-bottom:20px}.template-list[data-v-7a65b28f]{display:flex;flex-direction:column;gap:4px}.template-btn[data-v-7a65b28f]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s;text-align:left}.template-btn[data-v-7a65b28f]:hover{background:#f9fafb;border-color:#5b21b6;color:#374151}.form-settings[data-v-7a65b28f],.field-editor[data-v-7a65b28f]{margin-bottom:20px}.setting-group[data-v-7a65b28f]{margin-bottom:12px}.setting-group label[data-v-7a65b28f]{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.setting-group input[type=text][data-v-7a65b28f],.setting-group input[type=email][data-v-7a65b28f],.setting-group select[data-v-7a65b28f]{width:100%;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px}.setting-group input[type=checkbox][data-v-7a65b28f]{margin-right:6px}.test-btn[data-v-7a65b28f]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#5b21b6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.test-btn[data-v-7a65b28f]:hover{background:#4c1d95}.expand-enter-active[data-v-7a65b28f],.expand-leave-active[data-v-7a65b28f]{transition:all .3s ease}.expand-enter-from[data-v-7a65b28f],.expand-leave-to[data-v-7a65b28f]{max-height:0;opacity:0}.component-library[data-v-1909791c]{height:100%;display:flex;flex-direction:column}.library-divider[data-v-1909791c]{height:1px;background:#e5e7eb;margin:0}.library-header[data-v-1909791c]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.library-header h3[data-v-1909791c]{font-size:16px;font-weight:600;color:#1f2937}.view-toggle[data-v-1909791c]{padding:6px;background:#fff;border:1px solid #D1D5DB;border-radius:4px;cursor:pointer;transition:all .2s}.view-toggle[data-v-1909791c]:hover{background:#f3f4f6}.search-box[data-v-1909791c]{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #E5E7EB;background:#f9fafb}.search-box input[data-v-1909791c]{flex:1;margin-left:8px;padding:6px 8px;border:none;background:transparent;font-size:14px;outline:none}.library-content[data-v-1909791c]{flex:1;overflow-y:auto;padding:12px}.category[data-v-1909791c]{margin-bottom:16px}.category-header[data-v-1909791c]{display:flex;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;cursor:pointer;user-select:none;transition:background .2s}.category-header[data-v-1909791c]:hover{background:#f3f4f6}.category-header svg[data-v-1909791c]{transition:transform .2s;margin-right:8px}.category-header svg.rotated[data-v-1909791c]{transform:rotate(-90deg)}.category-header span[data-v-1909791c]{flex:1;font-size:13px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.category-count[data-v-1909791c]{font-size:11px;padding:2px 6px;background:#fff;border-radius:10px;color:#9ca3af}.component-grid[data-v-1909791c]{padding:8px 0}.component-grid.grid[data-v-1909791c]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.component-grid.list[data-v-1909791c]{display:flex;flex-direction:column;gap:6px}.component-item[data-v-1909791c]{display:flex;align-items:center;padding:10px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;cursor:grab;transition:all .2s}.component-item[data-v-1909791c]:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.component-item.dragging[data-v-1909791c]{opacity:.5;cursor:grabbing}.component-icon[data-v-1909791c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border-radius:4px;margin-right:10px;color:#6b7280}.component-grid.grid .component-icon[data-v-1909791c]{margin-right:8px}.component-info[data-v-1909791c]{flex:1;min-width:0}.component-name[data-v-1909791c]{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-desc[data-v-1909791c]{font-size:11px;color:#9ca3af;margin-top:2px}.component-grid.grid .component-info[data-v-1909791c]{overflow:hidden}.component-grid.grid .component-name[data-v-1909791c]{font-size:12px}.expand-enter-active[data-v-1909791c],.expand-leave-active[data-v-1909791c]{transition:all .2s ease;overflow:hidden}.expand-enter-from[data-v-1909791c],.expand-leave-to[data-v-1909791c]{opacity:0;max-height:0}.component-wrapper[data-v-2b03979e]{position:relative;outline:2px solid transparent;transition:outline .2s;margin:4px 0}.component-wrapper.is-hovered[data-v-2b03979e]{outline-color:#93c5fd}.component-wrapper.is-selected[data-v-2b03979e]{outline-color:#3b82f6}.component-controls[data-v-2b03979e]{position:absolute;top:-32px;right:0;display:flex;gap:4px;background:#3b82f6;border-radius:4px;padding:4px;z-index:100}.control-btn[data-v-2b03979e]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:3px;cursor:pointer;transition:all .2s}.control-btn[data-v-2b03979e]:hover{background:#f3f4f6}.drag-handle[data-v-2b03979e]{cursor:move}.component-label[data-v-2b03979e]{position:absolute;top:-24px;left:0;font-size:11px;color:#3b82f6;font-weight:500;padding:2px 6px;background:#fff;border-radius:3px;border:1px solid #3B82F6;z-index:99}.empty-container[data-v-2b03979e]{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #D1D5DB;border-radius:8px;color:#9ca3af;margin:8px}.drop-indicator[data-v-2b03979e]{position:absolute;left:0;right:0;height:3px;background:#3b82f6;border-radius:2px}.hero-content[data-v-2b03979e]{text-align:center;padding:60px 20px}.hero-content h1[data-v-2b03979e]{font-size:48px;margin-bottom:16px}.hero-content p[data-v-2b03979e]{font-size:20px;margin-bottom:24px;color:#6b7280}.hero-button[data-v-2b03979e],.cta-button[data-v-2b03979e]{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}.features-grid[data-v-2b03979e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding:20px}.feature-item[data-v-2b03979e]{text-align:center}.feature-icon[data-v-2b03979e]{font-size:36px;margin-bottom:12px}.nav-content[data-v-2b03979e]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.nav-logo[data-v-2b03979e]{font-size:20px;font-weight:700}.nav-links[data-v-2b03979e]{display:flex;gap:24px}.nav-links a[data-v-2b03979e]{color:#4b5563;text-decoration:none}.footer-content[data-v-2b03979e]{text-align:center;padding:32px 20px}.footer-links[data-v-2b03979e]{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.footer-links a[data-v-2b03979e]{color:#6b7280;text-decoration:none}.cta-content[data-v-2b03979e]{text-align:center;padding:60px 20px}.cta-content h2[data-v-2b03979e]{font-size:32px;margin-bottom:12px}.cta-content p[data-v-2b03979e]{font-size:18px;margin-bottom:24px;color:#6b7280}.canvas-wrapper[data-v-739e855f]{height:100%;display:flex;flex-direction:column;background:#f9fafb}.canvas-toolbar[data-v-739e855f]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #E5E7EB}.viewport-controls[data-v-739e855f]{display:flex;gap:8px}.viewport-btn[data-v-739e855f]{padding:8px;border:1px solid #E5E7EB;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.viewport-btn[data-v-739e855f]:hover{background:#f3f4f6}.viewport-btn.active[data-v-739e855f]{background:#3b82f6;color:#fff;border-color:#3b82f6}.zoom-controls[data-v-739e855f]{display:flex;align-items:center;gap:12px}.zoom-controls button[data-v-739e855f]{padding:6px;border:1px solid #E5E7EB;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.zoom-controls button[data-v-739e855f]:hover{background:#f3f4f6}.zoom-level[data-v-739e855f]{font-size:14px;font-weight:500;min-width:50px;text-align:center}.canvas-container[data-v-739e855f]{flex:1;overflow:auto;position:relative;padding:40px 20px}.canvas-viewport[data-v-739e855f]{background:#fff;min-height:600px;position:relative}.empty-state[data-v-739e855f]{display:flex;align-items:center;justify-content:center;min-height:600px;padding:40px}.empty-state-content[data-v-739e855f]{max-width:600px;text-align:center}.icon-wrapper[data-v-739e855f]{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:24px}.empty-state h3[data-v-739e855f]{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.subtitle[data-v-739e855f]{font-size:16px;color:#6b7280;margin:0 0 32px}.start-options[data-v-739e855f]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.option-card[data-v-739e855f]{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.option-card[data-v-739e855f]:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.template-option[data-v-739e855f]{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf60d,#8b5cf61a)}.option-icon[data-v-739e855f]{width:48px;height:48px;background:#f3f4f6;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#6b7280}.template-option .option-icon[data-v-739e855f]{background:#ede9fe;color:#8b5cf6}.option-content h4[data-v-739e855f]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.option-content p[data-v-739e855f]{font-size:14px;color:#6b7280;margin:0}.recommended[data-v-739e855f]{position:absolute;top:-10px;right:16px;background:#8b5cf6;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase}.drag-hint[data-v-739e855f]{padding:24px;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb;transition:all .3s}.drag-hint.active[data-v-739e855f]{background:#ede9fe;border-color:#8b5cf6}.drag-area[data-v-739e855f]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af}.drag-hint.active .drag-area[data-v-739e855f]{color:#8b5cf6}.highlight-pulse{animation:highlightPulse-739e855f 1s ease 3}@keyframes highlightPulse-739e855f{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #8b5cf666}}.template-cta[data-v-739e855f]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.separator-text[data-v-739e855f]{display:block;margin:20px 0 16px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#d1d5db}.hint[data-v-739e855f]{font-size:13px!important;color:#9ca3af!important}.canvas-content[data-v-739e855f]{min-height:600px;padding:20px;width:100%;position:relative}.grid-overlay[data-v-739e855f]{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 19px,#E5E7EB 19px,#E5E7EB 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,#E5E7EB 19px,#E5E7EB 20px);pointer-events:none;opacity:.3}.components-enter-active[data-v-739e855f],.components-leave-active[data-v-739e855f]{transition:all .3s ease}.components-enter-from[data-v-739e855f]{opacity:0;transform:translateY(10px)}.components-leave-to[data-v-739e855f]{opacity:0;transform:scale(.9)}.snap-guides[data-v-739e855f]{position:absolute;inset:0;pointer-events:none;z-index:1000}.snap-guide[data-v-739e855f]{position:absolute;background:#6366f1;z-index:1000;pointer-events:none}.snap-guide.vertical[data-v-739e855f]{width:1px;height:100%;box-shadow:0 0 4px #6366f180}.snap-guide.horizontal[data-v-739e855f]{width:100%;height:1px;box-shadow:0 0 4px #6366f180}.drop-preview[data-v-739e855f]{position:absolute;pointer-events:none;z-index:999;transform:translate(-50%,-50%)}.preview-content[data-v-739e855f]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#6366f1f2;color:#fff;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #6366f166;backdrop-filter:blur(8px);animation:dropPreviewPulse-739e855f 1.5s ease-in-out infinite}@keyframes dropPreviewPulse-739e855f{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.marquee-selection[data-v-739e855f]{position:absolute;border:2px solid #6366F1;background:#6366f11a;pointer-events:none;z-index:998;border-radius:4px;transition:all .05s ease-out}.marquee-selection[data-v-739e855f]:before{content:"";position:absolute;inset:-2px;border:1px dashed #A5B4FC;border-radius:4px;animation:marqueeRotate-739e855f 20s linear infinite}@keyframes marqueeRotate-739e855f{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.variant-selector[data-v-5a5fc0c0]{padding:1rem 0;border-top:1px solid var(--border-color)}.section-header[data-v-5a5fc0c0]{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem;letter-spacing:.05em}.variant-grid[data-v-5a5fc0c0]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.variant-option[data-v-5a5fc0c0]{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.variant-option[data-v-5a5fc0c0]:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.variant-option.active[data-v-5a5fc0c0]{background:var(--bg-tertiary);border-color:var(--primary)}.variant-preview[data-v-5a5fc0c0]{width:100%;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;overflow:hidden}.preview-element[data-v-5a5fc0c0]{max-width:100%;text-align:center;transition:none}.variant-name[data-v-5a5fc0c0]{font-size:.75rem;color:var(--text-secondary);text-align:center}.preview-element[style*=background-clip][data-v-5a5fc0c0]{-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.modal-overlay[data-v-d1fd3471]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-d1fd3471]{width:90%;max-width:900px;max-height:90vh;background:var(--bg-primary);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003}.modal-header[data-v-d1fd3471]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-d1fd3471]{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.close-btn[data-v-d1fd3471]{padding:8px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.close-btn[data-v-d1fd3471]:hover{background:var(--bg-secondary);color:var(--text-primary)}.library-tabs[data-v-d1fd3471]{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);overflow-x:auto}.tab[data-v-d1fd3471]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tab[data-v-d1fd3471]:hover{background:var(--bg-hover);color:var(--text-primary)}.tab.active[data-v-d1fd3471]{background:var(--primary);color:#fff;border-color:var(--primary)}.library-content[data-v-d1fd3471]{flex:1;overflow-y:auto;padding:20px}.animation-grid[data-v-d1fd3471]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.animation-card[data-v-d1fd3471]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.animation-card[data-v-d1fd3471]:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.animation-preview[data-v-d1fd3471]{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:var(--bg-primary);border-radius:6px;overflow:hidden}.preview-box[data-v-d1fd3471]{width:60px;height:60px;background:var(--primary);border-radius:8px}.animation-card h3[data-v-d1fd3471]{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.animation-card p[data-v-d1fd3471]{margin:0 0 12px;font-size:13px;color:var(--text-secondary);line-height:1.4}.animation-tags[data-v-d1fd3471]{display:flex;gap:6px}.tag[data-v-d1fd3471]{padding:4px 8px;background:var(--bg-hover);border-radius:4px;font-size:11px;color:var(--text-secondary)}@keyframes fadeIn-d1fd3471{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft-d1fd3471{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight-d1fd3471{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp-d1fd3471{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn-d1fd3471{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceIn-d1fd3471{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9);opacity:1}to{transform:scale(1)}}@keyframes pulse-d1fd3471{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake-d1fd3471{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes swing-d1fd3471{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes flash-d1fd3471{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes rubberBand-d1fd3471{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes jello-d1fd3471{0%,11.1%,to{transform:skew(0) skewY(0)}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes fadeOut-d1fd3471{0%{opacity:1}to{opacity:0}}@keyframes slideOutLeft-d1fd3471{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes zoomOut-d1fd3471{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes heartBeat-d1fd3471{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes flipInX-d1fd3471{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px) rotateX(0)}}@keyframes lightSpeedIn-d1fd3471{0%{transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{transform:skew(20deg);opacity:1}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate[data-v-d1fd3471]{animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite}.animate.fadeIn[data-v-d1fd3471]{animation-name:fadeIn-d1fd3471}.animate.slideInLeft[data-v-d1fd3471]{animation-name:slideInLeft-d1fd3471}.animate.slideInRight[data-v-d1fd3471]{animation-name:slideInRight-d1fd3471}.animate.slideInUp[data-v-d1fd3471]{animation-name:slideInUp-d1fd3471}.animate.scaleIn[data-v-d1fd3471]{animation-name:scaleIn-d1fd3471}.animate.bounceIn[data-v-d1fd3471]{animation-name:bounceIn-d1fd3471}.animate.pulse[data-v-d1fd3471]{animation-name:pulse-d1fd3471}.animate.shake[data-v-d1fd3471]{animation-name:shake-d1fd3471}.animate.swing[data-v-d1fd3471]{animation-name:swing-d1fd3471}.animate.flash[data-v-d1fd3471]{animation-name:flash-d1fd3471}.animate.rubberBand[data-v-d1fd3471]{animation-name:rubberBand-d1fd3471}.animate.jello[data-v-d1fd3471]{animation-name:jello-d1fd3471}.animate.fadeOut[data-v-d1fd3471]{animation-name:fadeOut-d1fd3471}.animate.slideOutLeft[data-v-d1fd3471]{animation-name:slideOutLeft-d1fd3471}.animate.zoomOut[data-v-d1fd3471]{animation-name:zoomOut-d1fd3471}.animate.heartBeat[data-v-d1fd3471]{animation-name:heartBeat-d1fd3471}.animate.flipInX[data-v-d1fd3471]{animation-name:flipInX-d1fd3471}.animate.lightSpeedIn[data-v-d1fd3471]{animation-name:lightSpeedIn-d1fd3471}.animation-editor[data-v-5db45d0b]{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.editor-header[data-v-5db45d0b]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.header-title[data-v-5db45d0b]{display:flex;align-items:center;gap:8px}.header-title h3[data-v-5db45d0b]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.header-actions[data-v-5db45d0b]{display:flex;gap:8px}.action-btn[data-v-5db45d0b]{padding:8px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.action-btn[data-v-5db45d0b]:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.primary[data-v-5db45d0b]{background:var(--primary);color:#fff}.action-btn.primary[data-v-5db45d0b]:hover{background:var(--primary-dark)}.empty-state[data-v-5db45d0b]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.empty-icon[data-v-5db45d0b]{margin-bottom:16px;color:var(--text-muted)}.empty-state p[data-v-5db45d0b]{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.browse-btn[data-v-5db45d0b]{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.browse-btn[data-v-5db45d0b]:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.editor-content[data-v-5db45d0b]{flex:1;display:flex;flex-direction:column;overflow:hidden}.playback-controls[data-v-5db45d0b]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.play-btn[data-v-5db45d0b]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer;transition:all .2s}.play-btn[data-v-5db45d0b]:hover{background:var(--primary-dark)}.control-btn[data-v-5db45d0b]{padding:6px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.control-btn[data-v-5db45d0b]:hover{background:var(--bg-hover);color:var(--text-primary)}.timeline-time[data-v-5db45d0b]{display:flex;align-items:center;gap:4px;margin-left:16px;font-family:monospace;font-size:12px;color:var(--text-secondary)}.divider[data-v-5db45d0b]{color:var(--text-muted)}.timeline-zoom[data-v-5db45d0b]{margin-left:auto;display:flex;align-items:center;gap:8px}.zoom-btn[data-v-5db45d0b]{padding:4px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.zoom-btn[data-v-5db45d0b]:hover{background:var(--bg-hover);color:var(--text-primary)}.zoom-level[data-v-5db45d0b]{font-size:12px;color:var(--text-secondary);min-width:40px;text-align:center}.timeline-container[data-v-5db45d0b]{flex:1;overflow:auto;background:var(--bg-secondary);position:relative}.timeline-ruler[data-v-5db45d0b]{height:40px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.time-markers[data-v-5db45d0b]{position:relative;height:100%}.time-marker[data-v-5db45d0b]{position:absolute;top:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.marker-line[data-v-5db45d0b]{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--border-color)}.marker-text[data-v-5db45d0b]{font-size:11px;color:var(--text-muted);padding:0 4px 4px;transform:translate(-50%)}.playhead[data-v-5db45d0b]{position:absolute;top:0;bottom:0;width:1px;background:var(--error);cursor:ew-resize;z-index:20}.playhead-handle[data-v-5db45d0b]{position:absolute;top:0;left:-6px;width:12px;height:12px;background:var(--error);border-radius:50%;box-shadow:0 2px 4px #0003}.animation-tracks[data-v-5db45d0b]{padding:8px 0}.animation-track[data-v-5db45d0b]{display:flex;align-items:stretch;border:1px solid transparent;border-radius:4px;margin:0 8px 4px;transition:all .2s}.animation-track[data-v-5db45d0b]:hover{background:var(--bg-hover)}.animation-track.active[data-v-5db45d0b]{border-color:var(--primary);background:var(--bg-hover)}.track-header[data-v-5db45d0b]{width:200px;padding:8px 12px;border-right:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.track-info[data-v-5db45d0b]{display:flex;flex-direction:column;gap:2px}.track-name[data-v-5db45d0b]{font-size:13px;font-weight:500;color:var(--text-primary)}.track-type[data-v-5db45d0b]{font-size:11px;color:var(--text-muted)}.track-controls[data-v-5db45d0b]{display:flex;gap:4px;opacity:0;transition:opacity .2s}.animation-track:hover .track-controls[data-v-5db45d0b]{opacity:1}.track-btn[data-v-5db45d0b]{padding:4px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.track-btn[data-v-5db45d0b]:hover{background:var(--bg-secondary);color:var(--text-primary)}.track-btn.delete[data-v-5db45d0b]:hover{background:var(--error-light);color:var(--error)}.track-btn.disabled[data-v-5db45d0b]{opacity:.5}.track-timeline[data-v-5db45d0b]{flex:1;position:relative;height:40px;margin:4px 0}.animation-bar[data-v-5db45d0b]{position:absolute;top:8px;height:24px;border-radius:4px;cursor:move;transition:opacity .2s;opacity:.8}.animation-bar[data-v-5db45d0b]:hover{opacity:1}.bar-handle[data-v-5db45d0b]{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.bar-handle.left[data-v-5db45d0b]{left:0;border-radius:4px 0 0 4px}.bar-handle.right[data-v-5db45d0b]{right:0;border-radius:0 4px 4px 0}.keyframe[data-v-5db45d0b]{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:move}.keyframe-dot[data-v-5db45d0b]{width:8px;height:8px;background:#fff;border:2px solid var(--primary);border-radius:50%}.animation-properties[data-v-5db45d0b]{padding:16px;border-top:1px solid var(--border-color);background:var(--bg-primary);max-height:400px;overflow-y:auto}.properties-title[data-v-5db45d0b]{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.property-group[data-v-5db45d0b]{margin-bottom:16px}.property-group label[data-v-5db45d0b]{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.property-group input[data-v-5db45d0b],.property-group select[data-v-5db45d0b]{width:100%;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.property-row[data-v-5db45d0b]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.input-unit[data-v-5db45d0b]{display:flex;align-items:center;gap:4px}.input-unit input[data-v-5db45d0b]{flex:1}.input-unit span[data-v-5db45d0b]{font-size:12px;color:var(--text-muted)}.checkbox-label[data-v-5db45d0b]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary)}.easing-preview[data-v-5db45d0b]{margin:16px 0;padding:8px;background:var(--bg-secondary);border-radius:4px;display:flex;justify-content:center}.easing-preview canvas[data-v-5db45d0b]{border:1px solid var(--border-color);border-radius:4px;background:#fff}.custom-code-editor[data-v-3b3793d7]{border-top:1px solid var(--border-color);height:100%;display:flex;flex-direction:column}.code-header[data-v-3b3793d7]{padding:1rem;border-bottom:1px solid var(--border-color)}.code-header h3[data-v-3b3793d7]{margin:0 0 12px;font-size:14px;font-weight:600}.code-tabs[data-v-3b3793d7]{display:flex;gap:8px}.tab-btn[data-v-3b3793d7]{padding:6px 12px;background:none;border:1px solid var(--border-color);border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--text-secondary);transition:all .2s}.tab-btn.active[data-v-3b3793d7]{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-btn[data-v-3b3793d7]:hover:not(.active){background:var(--hover-bg)}.code-content[data-v-3b3793d7]{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}.editor-section[data-v-3b3793d7]{display:flex;flex-direction:column;gap:12px}.editor-info[data-v-3b3793d7]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--info-bg, #EBF5FF);border-radius:6px;font-size:12px;color:var(--info-text, #1E40AF)}.editor-container[data-v-3b3793d7]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-width:100%;box-sizing:border-box}.event-handlers[data-v-3b3793d7],.lifecycle-hooks[data-v-3b3793d7]{display:flex;flex-direction:column;gap:16px}.event-handler[data-v-3b3793d7],.lifecycle-hook[data-v-3b3793d7]{display:flex;flex-direction:column;gap:8px}.event-handler label[data-v-3b3793d7],.lifecycle-hook label[data-v-3b3793d7]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.code-templates[data-v-3b3793d7]{border-top:1px solid var(--border-color);padding:1rem}.code-templates h4[data-v-3b3793d7]{margin:0 0 12px;font-size:13px;font-weight:600}.template-grid[data-v-3b3793d7]{display:grid;gap:8px}.template-btn[data-v-3b3793d7]{padding:10px 12px;background:var(--surface);border:1px solid var(--border-color);border-radius:6px;text-align:left;cursor:pointer;transition:all .2s}.template-btn[data-v-3b3793d7]:hover{background:var(--hover-bg);border-color:var(--primary)}.template-name[data-v-3b3793d7]{display:block;font-size:12px;font-weight:500;margin-bottom:2px}.template-desc[data-v-3b3793d7]{display:block;font-size:11px;color:var(--text-secondary)}[data-v-3b3793d7] .cm-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace}[data-v-3b3793d7] .cm-focused{outline:none}.quick-style-switcher[data-v-eae483ba]{padding:16px;border-top:1px solid #e5e7eb}.switcher-header[data-v-eae483ba]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.switcher-header h4[data-v-eae483ba]{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.toggle-btn[data-v-eae483ba]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.toggle-btn[data-v-eae483ba]:hover{background:#f3f4f6;color:#374151}.style-presets[data-v-eae483ba]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.preset-btn[data-v-eae483ba]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.preset-btn[data-v-eae483ba]:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.preset-btn.active[data-v-eae483ba]{background:#5b21b6;border-color:#5b21b6;color:#fff}.color-schemes[data-v-eae483ba]{margin-bottom:20px}.color-schemes h5[data-v-eae483ba],.font-pairings h5[data-v-eae483ba],.spacing-presets h5[data-v-eae483ba],.animation-presets h5[data-v-eae483ba]{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.scheme-grid[data-v-eae483ba]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scheme-btn[data-v-eae483ba]{padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.scheme-btn[data-v-eae483ba]:hover{border-color:#5b21b6;transform:scale(1.05)}.scheme-preview[data-v-eae483ba]{display:flex;gap:2px}.color-dot[data-v-eae483ba]{width:12px;height:12px;border-radius:50%}.font-pairings[data-v-eae483ba]{margin-bottom:20px}.font-select[data-v-eae483ba]{width:100%;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#374151;cursor:pointer;transition:all .2s}.font-select[data-v-eae483ba]:hover{border-color:#d1d5db}.font-select[data-v-eae483ba]:focus{outline:none;border-color:#5b21b6;box-shadow:0 0 0 3px #5b21b61a}.spacing-presets[data-v-eae483ba]{margin-bottom:20px}.spacing-options[data-v-eae483ba]{display:flex;gap:4px}.spacing-btn[data-v-eae483ba]{flex:1;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .2s}.spacing-btn[data-v-eae483ba]:hover{background:#f9fafb;color:#374151}.spacing-btn.active[data-v-eae483ba]{background:#5b21b6;border-color:#5b21b6;color:#fff}.animation-options[data-v-eae483ba]{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.animation-btn[data-v-eae483ba]{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .2s}.animation-btn[data-v-eae483ba]:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.responsive-editor[data-v-d3d5d566]{padding:16px;border-top:1px solid #e5e7eb}.editor-header[data-v-d3d5d566]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.editor-header h4[data-v-d3d5d566]{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.device-switcher[data-v-d3d5d566]{display:flex;gap:4px;background:#f3f4f6;border-radius:6px;padding:2px}.device-btn[data-v-d3d5d566]{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.device-btn[data-v-d3d5d566]:hover{background:#fff;color:#374151}.device-btn.active[data-v-d3d5d566]{background:#fff;color:#5b21b6;box-shadow:0 1px 2px #0000000d}.visibility-section[data-v-d3d5d566],.spacing-section[data-v-d3d5d566],.typography-section[data-v-d3d5d566],.layout-section[data-v-d3d5d566],.breakpoint-preview[data-v-d3d5d566]{margin-bottom:24px}h5[data-v-d3d5d566]{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.visibility-controls[data-v-d3d5d566]{display:flex;flex-direction:column;gap:8px}.visibility-item[data-v-d3d5d566]{display:flex}.visibility-label[data-v-d3d5d566]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;flex:1}.visibility-label[data-v-d3d5d566]:hover{background:#f9fafb;border-color:#d1d5db}.visibility-label input[type=checkbox][data-v-d3d5d566]{margin:0}.visibility-label span[data-v-d3d5d566]{font-size:12px;color:#374151}.control-group[data-v-d3d5d566]{margin-bottom:16px}.control-group label[data-v-d3d5d566]{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:6px}.spacing-inputs[data-v-d3d5d566]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.spacing-inputs input[data-v-d3d5d566]{padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;text-align:center}.spacing-inputs input[data-v-d3d5d566]:focus{outline:none;border-color:#5b21b6}.size-control[data-v-d3d5d566]{display:flex;gap:4px}.size-control input[data-v-d3d5d566]{flex:1;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px}.size-control select[data-v-d3d5d566]{padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;cursor:pointer}select[data-v-d3d5d566]{width:100%;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;cursor:pointer}select[data-v-d3d5d566]:focus{outline:none;border-color:#5b21b6}.breakpoint-list[data-v-d3d5d566]{display:flex;flex-direction:column;gap:4px}.breakpoint-item[data-v-d3d5d566]{display:flex;justify-content:space-between;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;transition:all .2s}.breakpoint-item.active[data-v-d3d5d566]{background:#5b21b6;border-color:#5b21b6;color:#fff}.bp-label[data-v-d3d5d566]{font-size:12px;font-weight:500}.bp-value[data-v-d3d5d566]{font-size:11px;opacity:.8}.typography-controls input[type=number][data-v-d3d5d566]{width:100%;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px}.image-editor[data-v-0422ebac]{padding:16px;border-top:1px solid #e5e7eb}.editor-header[data-v-0422ebac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.editor-header h4[data-v-0422ebac]{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.toggle-btn[data-v-0422ebac]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.toggle-btn[data-v-0422ebac]:hover{background:#f3f4f6}.toggle-btn svg[data-v-0422ebac]{transition:transform .2s}.toggle-btn svg.rotated[data-v-0422ebac]{transform:rotate(180deg)}.image-source[data-v-0422ebac]{margin-bottom:20px}.image-source label[data-v-0422ebac]{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:6px}.source-input[data-v-0422ebac]{display:flex;gap:4px;margin-bottom:12px}.source-input input[data-v-0422ebac]{flex:1;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px}.source-input input[data-v-0422ebac]:focus{outline:none;border-color:#5b21b6}.browse-btn[data-v-0422ebac]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.browse-btn[data-v-0422ebac]:hover{background:#f9fafb;border-color:#d1d5db}.drop-zone[data-v-0422ebac]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;transition:all .2s;cursor:pointer}.drop-zone[data-v-0422ebac]:hover,.drop-zone.dragging[data-v-0422ebac]{background:#f3f4f6;border-color:#5b21b6}.drop-zone p[data-v-0422ebac]{font-size:13px;color:#6b7280}.drop-zone span[data-v-0422ebac]{font-size:12px;color:#9ca3af}.upload-btn[data-v-0422ebac]{padding:6px 12px;background:#5b21b6;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.upload-btn[data-v-0422ebac]:hover{background:#4c1d95}.quick-sources[data-v-0422ebac]{margin-bottom:20px}.quick-sources h5[data-v-0422ebac],.image-adjustments h5[data-v-0422ebac],.image-filters h5[data-v-0422ebac],.image-settings h5[data-v-0422ebac],.cropping-tool h5[data-v-0422ebac]{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.source-buttons[data-v-0422ebac]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.source-btn[data-v-0422ebac]{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .2s}.source-btn[data-v-0422ebac]:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.image-adjustments[data-v-0422ebac]{margin-bottom:20px}.adjustment-controls[data-v-0422ebac]{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.control-group[data-v-0422ebac]{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:8px}.control-group label[data-v-0422ebac]{display:flex;align-items:center;gap:4px;font-size:11px;color:#374151}.control-group input[type=range][data-v-0422ebac]{width:100%;cursor:pointer}.control-group span[data-v-0422ebac]{font-size:11px;color:#6b7280;text-align:right}.reset-btn[data-v-0422ebac]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.reset-btn[data-v-0422ebac]:hover{background:#f9fafb;border-color:#d1d5db}.image-filters[data-v-0422ebac]{margin-bottom:20px}.filter-grid[data-v-0422ebac]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.filter-btn[data-v-0422ebac]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.filter-btn[data-v-0422ebac]:hover{background:#f9fafb;border-color:#d1d5db}.filter-btn.active[data-v-0422ebac]{border-color:#5b21b6;background:#f3f0ff}.filter-preview[data-v-0422ebac]{width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.filter-btn span[data-v-0422ebac]{font-size:10px;color:#6b7280}.setting-group[data-v-0422ebac]{margin-bottom:12px}.setting-group label[data-v-0422ebac]{display:flex;align-items:center;gap:6px;font-size:12px;color:#374151;margin-bottom:6px}.setting-group input[type=text][data-v-0422ebac],.setting-group select[data-v-0422ebac]{width:100%;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px}.setting-group input[type=checkbox][data-v-0422ebac]{margin-right:6px}.crop-presets[data-v-0422ebac]{display:flex;gap:4px;margin-bottom:12px}.ratio-btn[data-v-0422ebac]{flex:1;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .2s}.ratio-btn[data-v-0422ebac]:hover{background:#f9fafb;border-color:#d1d5db}.apply-btn[data-v-0422ebac],.cancel-btn[data-v-0422ebac]{width:100%;padding:8px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:6px}.apply-btn[data-v-0422ebac]{background:#5b21b6;color:#fff}.apply-btn[data-v-0422ebac]:hover{background:#4c1d95}.cancel-btn[data-v-0422ebac]{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.cancel-btn[data-v-0422ebac]:hover{background:#f9fafb}.responsive-toggle[data-v-25b7280e]{display:flex;gap:2px;padding:2px;background:#f3f4f6;border-radius:6px}.breakpoint-btn[data-v-25b7280e]{padding:4px 6px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.breakpoint-btn[data-v-25b7280e]:hover{background:#fff;color:#4b5563}.breakpoint-btn.active[data-v-25b7280e]{background:#fff;color:#3b82f6;box-shadow:0 1px 2px #0000000d}.layout-properties[data-v-8478e6bd]{display:flex;flex-direction:column;gap:20px}.property-group[data-v-8478e6bd]{display:flex;flex-direction:column;gap:10px}.property-group label[data-v-8478e6bd]{font-size:12px;font-weight:600;color:#4b5563}.display-options[data-v-8478e6bd]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.display-btn[data-v-8478e6bd]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .2s}.display-btn[data-v-8478e6bd]:hover{background:#f9fafb;border-color:#d1d5db}.display-btn.active[data-v-8478e6bd]{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.dimension-inputs[data-v-8478e6bd],.constraint-inputs[data-v-8478e6bd],.grid-inputs[data-v-8478e6bd],.input-row[data-v-8478e6bd],.overflow-xy[data-v-8478e6bd]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input-group[data-v-8478e6bd]{display:flex;align-items:center;gap:6px}.input-label[data-v-8478e6bd]{font-size:11px;color:#9ca3af;min-width:30px}.input-group input[data-v-8478e6bd],.input-group select[data-v-8478e6bd]{flex:1;padding:6px 8px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.input-group input[data-v-8478e6bd]:focus,.input-group select[data-v-8478e6bd]:focus{border-color:#3b82f6}.unit-select[data-v-8478e6bd]{width:60px;flex:none}.constraints[data-v-8478e6bd]{margin-top:8px}.toggle-btn[data-v-8478e6bd]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;font-size:12px;color:#6b7280;cursor:pointer;transition:color .2s}.toggle-btn[data-v-8478e6bd]:hover{color:#4b5563}.toggle-btn.small[data-v-8478e6bd]{padding:4px}.toggle-btn svg[data-v-8478e6bd]{transition:transform .2s}.toggle-btn svg.rotated[data-v-8478e6bd]{transform:rotate(90deg)}.constraint-inputs[data-v-8478e6bd]{margin-top:8px}.flex-controls[data-v-8478e6bd]{display:flex;align-items:center;gap:12px}.control-label[data-v-8478e6bd]{font-size:11px;color:#6b7280;min-width:60px}.button-group[data-v-8478e6bd]{display:flex;border:1px solid #E5E7EB;border-radius:6px;overflow:hidden;flex:1}.button-group button[data-v-8478e6bd]{flex:1;padding:6px 8px;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.button-group button[data-v-8478e6bd]:not(:last-child){border-right:1px solid #E5E7EB}.button-group button[data-v-8478e6bd]:hover{background:#f9fafb}.button-group button.active[data-v-8478e6bd]{background:#eff6ff;color:#3b82f6}.checkbox[data-v-8478e6bd]{display:flex;align-items:center;gap:6px;font-size:12px;color:#4b5563;cursor:pointer}.checkbox input[data-v-8478e6bd]{cursor:pointer}.grid-templates[data-v-8478e6bd]{display:flex;gap:6px;margin-top:4px}.template-btn[data-v-8478e6bd]{padding:4px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .2s}.template-btn[data-v-8478e6bd]:hover{background:#f9fafb;border-color:#d1d5db}.full-select[data-v-8478e6bd]{width:100%;padding:6px 10px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.full-select[data-v-8478e6bd]:focus{border-color:#3b82f6}.position-inputs[data-v-8478e6bd]{margin-top:8px}.overflow-controls[data-v-8478e6bd]{display:flex;gap:8px}.overflow-select[data-v-8478e6bd]{flex:1;padding:6px 10px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.overflow-select[data-v-8478e6bd]:focus{border-color:#3b82f6}.spacing-properties[data-v-92447ab0]{display:flex;flex-direction:column;gap:20px}.box-model[data-v-92447ab0]{position:relative;padding:20px;background:#f9fafb;border-radius:8px}.box-label[data-v-92447ab0]{position:absolute;top:4px;left:8px;font-size:10px;text-transform:uppercase;color:#9ca3af;font-weight:500;letter-spacing:.5px}.box-margin[data-v-92447ab0]{position:relative;background:#e5e7eb;border-radius:6px;padding:32px;min-height:180px}.box-padding[data-v-92447ab0]{position:relative;background:#d1d5db;border-radius:4px;padding:32px;height:100%;min-height:116px}.padding-label[data-v-92447ab0]{top:4px;left:8px}.box-content[data-v-92447ab0]{background:#fff;border:1px solid #9CA3AF;border-radius:3px;height:100%;min-height:52px;display:flex;align-items:center;justify-content:center}.content-size[data-v-92447ab0]{font-size:11px;color:#6b7280;font-family:monospace}.spacing-input[data-v-92447ab0]{position:absolute;width:36px;padding:2px;text-align:center;font-size:11px;border:1px solid transparent;background:#fffc;border-radius:3px;outline:none}.spacing-input[data-v-92447ab0]:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61a}.spacing-input.top[data-v-92447ab0]{top:8px;left:50%;transform:translate(-50%)}.spacing-input.right[data-v-92447ab0]{right:8px;top:50%;transform:translateY(-50%)}.spacing-input.bottom[data-v-92447ab0]{bottom:8px;left:50%;transform:translate(-50%)}.spacing-input.left[data-v-92447ab0]{left:8px;top:50%;transform:translateY(-50%)}.spacing-input.padding[data-v-92447ab0]{background:#ffffffe6}.quick-actions[data-v-92447ab0]{display:flex;align-items:center;gap:4px;padding:0 4px}.link-btn[data-v-92447ab0],.reset-btn[data-v-92447ab0]{padding:6px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.link-btn[data-v-92447ab0]:hover,.reset-btn[data-v-92447ab0]:hover{background:#f3f4f6;border-color:#d1d5db}.link-btn.linked[data-v-92447ab0]{background:#eff6ff;color:#3b82f6;border-color:#3b82f6}.spacer[data-v-92447ab0]{flex:1}.presets label[data-v-92447ab0]{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:8px}.preset-grid[data-v-92447ab0]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset-btn[data-v-92447ab0]{padding:6px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.preset-btn[data-v-92447ab0]:hover{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.gap-control[data-v-92447ab0]{padding-top:16px;border-top:1px solid #E5E7EB}.gap-control label[data-v-92447ab0]{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:8px}.gap-inputs[data-v-92447ab0]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input-group[data-v-92447ab0]{display:flex;align-items:center;gap:6px}.input-label[data-v-92447ab0]{font-size:11px;color:#9ca3af;min-width:40px}.input-group input[data-v-92447ab0]{flex:1;padding:6px 8px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.input-group input[data-v-92447ab0]:focus{border-color:#3b82f6}.typography-properties[data-v-a0ca88db]{display:flex;flex-direction:column;gap:16px;padding:4px}.property-group[data-v-a0ca88db]{display:flex;flex-direction:column;gap:8px}.property-group label[data-v-a0ca88db]{font-size:11px;color:#666;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.property-row[data-v-a0ca88db]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.font-selector[data-v-a0ca88db]{display:flex;flex-direction:column;gap:8px}.font-selector select[data-v-a0ca88db]{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px;color:var(--text-primary);cursor:pointer}.custom-font-input[data-v-a0ca88db]{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}.input-unit[data-v-a0ca88db]{display:flex;gap:4px}.input-unit input[data-v-a0ca88db]{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px;min-width:0}.input-unit select[data-v-a0ca88db]{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:11px;color:var(--text-primary);cursor:pointer}.button-group[data-v-a0ca88db]{display:flex;gap:4px}.button-group.full-width[data-v-a0ca88db]{display:grid;grid-template-columns:repeat(4,1fr)}.button-group button[data-v-a0ca88db]{flex:1;padding:6px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.button-group button[data-v-a0ca88db]:hover{background:var(--bg-secondary);color:var(--text-primary)}.button-group button.active[data-v-a0ca88db]{background:var(--primary);color:#fff;border-color:var(--primary)}select[data-v-a0ca88db]{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px;color:var(--text-primary);cursor:pointer;width:100%}.color-input[data-v-a0ca88db]{display:flex;gap:8px;align-items:center}.color-preview[data-v-a0ca88db]{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;position:relative;overflow:hidden}.color-preview[data-v-a0ca88db]:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;opacity:.1}.color-input input[data-v-a0ca88db]{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}.appearance-properties[data-v-3f111a18]{display:flex;flex-direction:column;gap:24px;padding:4px}.property-section[data-v-3f111a18]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-3f111a18]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;margin:0;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.property-group[data-v-3f111a18]{display:flex;flex-direction:column;gap:8px}.property-group label[data-v-3f111a18]{font-size:11px;color:#666;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.property-row[data-v-3f111a18]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-input[data-v-3f111a18]{display:flex;gap:8px;align-items:center}.color-preview[data-v-3f111a18]{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;position:relative;overflow:hidden}.color-preview.small[data-v-3f111a18]{width:24px;height:24px}.color-preview[data-v-3f111a18]:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;opacity:.1}.color-input input[data-v-3f111a18]{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}.clear-btn[data-v-3f111a18]{padding:6px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.gradient-controls[data-v-3f111a18]{display:flex;flex-direction:column;gap:12px}.gradient-stops[data-v-3f111a18]{display:flex;flex-direction:column;gap:8px}.gradient-stop[data-v-3f111a18]{display:flex;gap:8px;align-items:center}.stop-color[data-v-3f111a18]{display:flex;gap:8px;align-items:center;flex:1}.stop-position[data-v-3f111a18]{width:60px;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}.remove-stop[data-v-3f111a18]{padding:4px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.add-stop[data-v-3f111a18]{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s}.add-stop[data-v-3f111a18]:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.image-controls[data-v-3f111a18]{display:flex;flex-direction:column;gap:12px}.border-shortcuts[data-v-3f111a18]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset-btn[data-v-3f111a18]{padding:6px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s}.preset-btn[data-v-3f111a18]:hover{background:var(--bg-secondary);color:var(--text-primary)}.radius-controls[data-v-3f111a18]{display:flex;gap:8px;align-items:center}.radius-input[data-v-3f111a18]{flex:1;display:flex;align-items:center;gap:4px}.radius-input input[data-v-3f111a18]{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}.radius-toggle[data-v-3f111a18]{padding:6px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.radius-toggle.active[data-v-3f111a18]{background:var(--primary);color:#fff;border-color:var(--primary)}.individual-radius[data-v-3f111a18]{margin-top:8px}.radius-grid[data-v-3f111a18]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.radius-grid input[data-v-3f111a18]{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}.slider-control[data-v-3f111a18]{display:flex;gap:8px;align-items:center}.slider-control input[type=range][data-v-3f111a18]{flex:1}.slider-value[data-v-3f111a18]{width:60px;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}select[data-v-3f111a18]{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px;color:var(--text-primary);cursor:pointer;width:100%}input[data-v-3f111a18]{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px;width:100%}button[data-v-3f111a18]{border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.effects-properties[data-v-e31fbefc]{display:flex;flex-direction:column;gap:24px;padding:4px}.property-section[data-v-e31fbefc]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-e31fbefc]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;margin:0;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.property-group[data-v-e31fbefc]{display:flex;flex-direction:column;gap:8px}.property-group label[data-v-e31fbefc]{font-size:11px;color:#666;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.property-row[data-v-e31fbefc]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shadow-presets[data-v-e31fbefc]{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.preset-btn[data-v-e31fbefc]{padding:8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);cursor:pointer;transition:all .2s}.preset-btn[data-v-e31fbefc]:hover{background:var(--bg-secondary);border-color:var(--primary)}.shadow-preview[data-v-e31fbefc]{width:24px;height:24px;background:#fff;border-radius:4px;margin:0 auto}.shadow-item[data-v-e31fbefc]{padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.shadow-header[data-v-e31fbefc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:500}.shadow-controls[data-v-e31fbefc]{display:flex;flex-direction:column;gap:10px}.shadow-controls .property-row[data-v-e31fbefc]{gap:6px}.shadow-controls .property-group[data-v-e31fbefc]{min-width:0}.input-unit[data-v-e31fbefc]{display:flex;align-items:center;gap:4px}.input-unit input[data-v-e31fbefc]{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}.input-unit span[data-v-e31fbefc]{font-size:11px;color:#666}.color-input[data-v-e31fbefc]{display:flex;gap:8px;align-items:center}.color-preview[data-v-e31fbefc]{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);cursor:pointer}.color-input input[data-v-e31fbefc]{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}.checkbox-label[data-v-e31fbefc]{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.checkbox-label input[data-v-e31fbefc]{width:auto;cursor:pointer}.add-btn[data-v-e31fbefc],.reset-btn[data-v-e31fbefc]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s}.add-btn[data-v-e31fbefc]:hover,.reset-btn[data-v-e31fbefc]:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.remove-btn[data-v-e31fbefc]{padding:4px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}.transform-controls[data-v-e31fbefc]{display:flex;gap:8px;align-items:center}.transform-slider[data-v-e31fbefc]{flex:1}.slider-control[data-v-e31fbefc]{display:flex;gap:8px;align-items:center}.slider-control input[type=range][data-v-e31fbefc]{flex:1}.filter-controls[data-v-e31fbefc]{display:flex;flex-direction:column;gap:16px}select[data-v-e31fbefc]{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px;color:var(--text-primary);cursor:pointer;width:100%}input[data-v-e31fbefc]{padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);font-size:13px}button[data-v-e31fbefc]{border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}input[type=range][data-v-e31fbefc]{-webkit-appearance:none;height:4px;background:var(--border-color);border-radius:2px;outline:none}input[type=range][data-v-e31fbefc]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}input[type=range][data-v-e31fbefc]::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}.property-editor[data-v-9bb43993]{height:100%;display:flex;flex-direction:column;background:#fafbfc}.editor-header[data-v-9bb43993]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #E5E7EB}.header-title[data-v-9bb43993]{display:flex;align-items:center;gap:8px;color:#1f2937}.header-title h3[data-v-9bb43993]{font-size:15px;font-weight:600;margin:0}.header-actions[data-v-9bb43993]{display:flex;gap:4px}.action-btn[data-v-9bb43993]{padding:6px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn[data-v-9bb43993]:hover{background:#f3f4f6;color:#4b5563;border-color:#d1d5db}.action-btn.delete[data-v-9bb43993]{color:#ef4444;border-color:#fee2e2}.action-btn.delete[data-v-9bb43993]:hover{background:#fee2e2;border-color:#fca5a5}.empty-state[data-v-9bb43993]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.empty-icon[data-v-9bb43993]{width:64px;height:64px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#9ca3af}.empty-state p[data-v-9bb43993]{margin:0 0 4px;font-size:14px;font-weight:500;color:#4b5563}.empty-state .hint[data-v-9bb43993]{font-size:13px;color:#9ca3af}.editor-content[data-v-9bb43993]{flex:1;overflow-y:auto;overflow-x:hidden}.search-box[data-v-9bb43993]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #E5E7EB}.search-box input[data-v-9bb43993]{flex:1;padding:6px 8px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.search-box input[data-v-9bb43993]:focus{border-color:#3b82f6}.property-section[data-v-9bb43993]{background:#fff;border-bottom:1px solid #E5E7EB}.section-header[data-v-9bb43993]{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;user-select:none;transition:background-color .2s}.section-header[data-v-9bb43993]:hover{background-color:#f9fafb}.section-header svg[data-v-9bb43993]{color:#6b7280;transition:transform .2s}.section-header svg.rotated[data-v-9bb43993]{transform:rotate(-90deg)}.section-title[data-v-9bb43993]{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1f2937}.section-title svg[data-v-9bb43993]{color:#6b7280}.component-type[data-v-9bb43993]{font-size:11px;padding:2px 8px;background:#eff6ff;color:#3b82f6;border-radius:4px;font-weight:500}.count[data-v-9bb43993]{font-size:11px;padding:2px 6px;background:#f3f4f6;color:#6b7280;border-radius:4px;font-weight:500}.section-content[data-v-9bb43993]{padding:16px;border-top:1px solid #F3F4F6}.section-content.no-padding[data-v-9bb43993]{padding:0}.no-content-editor[data-v-9bb43993]{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.info-grid[data-v-9bb43993]{display:grid;gap:12px}.info-item label[data-v-9bb43993]{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px}.info-item input[data-v-9bb43993]{width:100%;padding:6px 10px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none;transition:border-color .2s}.info-item input[data-v-9bb43993]:focus{border-color:#3b82f6}.id-display[data-v-9bb43993]{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px}.id-display code[data-v-9bb43993]{flex:1;font-family:monospace;font-size:12px;color:#6b7280}.copy-btn[data-v-9bb43993]{padding:4px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s}.copy-btn[data-v-9bb43993]:hover{background:#e5e7eb;color:#4b5563}.editor-content[data-v-9bb43993]::-webkit-scrollbar{width:6px}.editor-content[data-v-9bb43993]::-webkit-scrollbar-track{background:#f3f4f6}.editor-content[data-v-9bb43993]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.editor-content[data-v-9bb43993]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.code-viewer-overlay[data-v-3670481e]{position:fixed;inset:0;background:#000c;z-index:2000}.code-viewer[data-v-3670481e]{position:absolute;inset:40px;background:#1f2937;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.viewer-header[data-v-3670481e]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#111827;border-bottom:1px solid #374151}.tabs[data-v-3670481e]{display:flex;gap:8px}.tab[data-v-3670481e]{padding:6px 14px;background:transparent;color:#9ca3af;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab[data-v-3670481e]:hover{background:#1f2937;color:#fff}.tab.active[data-v-3670481e]{background:#374151;color:#fff;border-color:#4b5563}.actions[data-v-3670481e]{display:flex;align-items:center;gap:12px}.action-btn[data-v-3670481e]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#374151;color:#fff;border:1px solid #4B5563;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.action-btn[data-v-3670481e]:hover{background:#4b5563}.close-btn[data-v-3670481e]{padding:6px;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.close-btn[data-v-3670481e]:hover{color:#fff}.viewer-body[data-v-3670481e]{flex:1;overflow:hidden}.code-editor[data-v-3670481e],.code-editor[data-v-3670481e] .cm-editor{height:100%}.error-boundary[data-v-193118b8]{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px}.error-content[data-v-193118b8]{text-align:center;max-width:400px}.error-content svg[data-v-193118b8]{color:#ef4444;margin-bottom:16px}.error-content h2[data-v-193118b8]{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:8px}.error-content p[data-v-193118b8]{color:#6b7280;margin-bottom:24px}.reset-btn[data-v-193118b8]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.reset-btn[data-v-193118b8]:hover{background:#2563eb;transform:translateY(-1px)}.asset-manager-modal[data-v-ddec6843]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.asset-manager-content[data-v-ddec6843]{background:var(--bg-primary);border-radius:8px;width:90vw;max-width:900px;height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.asset-manager-header[data-v-ddec6843]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.asset-manager-header h2[data-v-ddec6843]{font-size:1.25rem;font-weight:600;margin:0}.close-btn[data-v-ddec6843]{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:4px;color:var(--text-secondary);transition:all .2s}.close-btn[data-v-ddec6843]:hover{background:var(--bg-secondary);color:var(--text-primary)}.asset-manager-tabs[data-v-ddec6843]{display:flex;gap:1rem;padding:0 1.5rem;border-bottom:1px solid var(--border-color)}.tab-btn[data-v-ddec6843]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--text-secondary);transition:all .2s;font-size:.875rem}.tab-btn[data-v-ddec6843]:hover{color:var(--text-primary)}.tab-btn.active[data-v-ddec6843]{color:var(--primary);border-bottom-color:var(--primary)}.asset-manager-body[data-v-ddec6843]{flex:1;overflow-y:auto;padding:1.5rem}.upload-zone[data-v-ddec6843]{border:2px dashed var(--border-color);border-radius:8px;padding:3rem;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.upload-zone[data-v-ddec6843]:hover,.upload-zone.dragging[data-v-ddec6843]{border-color:var(--primary);background:var(--bg-secondary)}.upload-zone i[data-v-ddec6843]{font-size:3rem;color:var(--text-secondary);margin-bottom:1rem;display:block}.upload-zone p[data-v-ddec6843]{margin:.5rem 0;color:var(--text-secondary)}.upload-zone .text-muted[data-v-ddec6843]{font-size:.875rem;color:var(--text-muted)}.upload-progress[data-v-ddec6843]{margin-bottom:1.5rem;text-align:center}.progress-bar[data-v-ddec6843]{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-ddec6843]{height:100%;background:var(--primary);transition:width .3s ease}.search-bar[data-v-ddec6843]{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.search-bar i[data-v-ddec6843]{color:var(--text-secondary)}.search-bar input[data-v-ddec6843]{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.search-btn[data-v-ddec6843]{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:opacity .2s}.search-btn[data-v-ddec6843]:hover{opacity:.9}.asset-grid[data-v-ddec6843]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.asset-item[data-v-ddec6843]{position:relative;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s;background:var(--bg-secondary)}.asset-item[data-v-ddec6843]:hover{border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.asset-item.selected[data-v-ddec6843]{border-color:var(--primary)}.asset-item img[data-v-ddec6843]{width:100%;height:150px;object-fit:cover}.asset-info[data-v-ddec6843]{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.asset-name[data-v-ddec6843]{font-size:.875rem;font-weight:500;color:var(--text-primary)}.asset-size[data-v-ddec6843]{font-size:.75rem;color:var(--text-secondary)}.delete-btn[data-v-ddec6843]{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .2s}.asset-item:hover .delete-btn[data-v-ddec6843]{opacity:1}.delete-btn[data-v-ddec6843]:hover{background:#dc2626e6}.asset-item.external[data-v-ddec6843]{position:relative}.asset-overlay[data-v-ddec6843]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1rem;opacity:0;transition:opacity .2s}.asset-item:hover .asset-overlay[data-v-ddec6843]{opacity:1}.asset-author[data-v-ddec6843]{font-size:.75rem;color:#fff}.empty-state[data-v-ddec6843],.loading-state[data-v-ddec6843],.coming-soon[data-v-ddec6843]{text-align:center;padding:4rem 2rem}.empty-state i[data-v-ddec6843],.loading-state i[data-v-ddec6843],.coming-soon i[data-v-ddec6843]{font-size:3rem;color:var(--text-muted);margin-bottom:1rem;display:block}.empty-state p[data-v-ddec6843],.loading-state p[data-v-ddec6843],.coming-soon p[data-v-ddec6843]{color:var(--text-secondary);margin:.5rem 0}.coming-soon h3[data-v-ddec6843]{font-size:1.25rem;margin:1rem 0 .5rem;color:var(--text-primary)}.pagination[data-v-ddec6843]{margin-top:2rem;text-align:center}.pagination button[data-v-ddec6843]{padding:.75rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all .2s}.pagination button[data-v-ddec6843]:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary)}.pagination button[data-v-ddec6843]:disabled{opacity:.5;cursor:not-allowed}.asset-manager-footer[data-v-ddec6843]{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.btn-primary[data-v-ddec6843],.btn-secondary[data-v-ddec6843]{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-ddec6843]{background:var(--primary);color:#fff}.btn-primary[data-v-ddec6843]:hover:not(:disabled){opacity:.9}.btn-primary[data-v-ddec6843]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-ddec6843]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary[data-v-ddec6843]:hover{background:var(--bg-tertiary)}@keyframes spin-ddec6843{to{transform:rotate(360deg)}}.animate-spin[data-v-ddec6843]{animation:spin-ddec6843 1s linear infinite}.quick-actions-bar[data-v-1c89fc41]{position:fixed;display:flex;align-items:center;gap:4px;padding:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:9998;transform:translate(-50%);user-select:none}.drag-handle[data-v-1c89fc41]{display:flex;align-items:center;padding:4px;color:#9ca3af;cursor:move}.drag-handle[data-v-1c89fc41]:hover{color:#6b7280}.action-group[data-v-1c89fc41]{display:flex;gap:2px}.action-btn[data-v-1c89fc41]{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn[data-v-1c89fc41]:hover{background:#f3f4f6;color:#111827}.action-btn[data-v-1c89fc41]:disabled{opacity:.4;cursor:not-allowed}.action-btn.delete[data-v-1c89fc41]:hover{background:#fee2e2;color:#dc2626}.action-btn.active[data-v-1c89fc41]{background:#5b21b6;color:#fff}.tooltip[data-v-1c89fc41]{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);padding:4px 8px;background:#1f2937;color:#fff;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.action-btn:hover .tooltip[data-v-1c89fc41]{opacity:1}.divider[data-v-1c89fc41]{width:1px;height:24px;background:#e5e7eb;margin:0 4px}.close-btn[data-v-1c89fc41]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .2s;margin-left:4px}.close-btn[data-v-1c89fc41]:hover{background:#f3f4f6;color:#6b7280}.context-menu[data-v-1c89fc41]{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px;box-shadow:0 4px 12px #00000026;z-index:9999;min-width:200px}.context-item[data-v-1c89fc41]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s}.context-item[data-v-1c89fc41]:hover{background:#f3f4f6}.context-item.delete[data-v-1c89fc41]{color:#dc2626}.context-item.delete[data-v-1c89fc41]:hover{background:#fee2e2}.shortcut[data-v-1c89fc41]{margin-left:auto;font-size:11px;color:#9ca3af}.context-divider[data-v-1c89fc41]{height:1px;background:#e5e7eb;margin:4px 0}.slide-enter-active[data-v-1c89fc41],.slide-leave-active[data-v-1c89fc41]{transition:all .3s ease}.slide-enter-from[data-v-1c89fc41]{transform:translate(-50%) translateY(-20px);opacity:0}.slide-leave-to[data-v-1c89fc41]{transform:translate(-50%) translateY(20px);opacity:0}.fade-enter-active[data-v-1c89fc41],.fade-leave-active[data-v-1c89fc41]{transition:opacity .2s ease}.fade-enter-from[data-v-1c89fc41],.fade-leave-to[data-v-1c89fc41]{opacity:0}.tutorial-overlay[data-v-29f8a048]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;pointer-events:none}.spotlight-svg[data-v-29f8a048]{position:absolute;top:0;left:0;pointer-events:auto}.spotlight-overlay[data-v-29f8a048]{transition:all .3s ease}.tutorial-tooltip[data-v-29f8a048]{position:fixed;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:0;max-width:400px;min-width:320px;z-index:100001;pointer-events:auto;border:1px solid rgba(0,0,0,.05)}.tooltip-progress[data-v-29f8a048]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.progress-dots[data-v-29f8a048]{display:flex;gap:8px}.progress-dot[data-v-29f8a048]{width:8px;height:8px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:all .2s;padding:0}.progress-dot[data-v-29f8a048]:hover:not(:disabled){transform:scale(1.2)}.progress-dot.active[data-v-29f8a048]{background:#3b82f6;width:24px;border-radius:4px}.progress-dot.completed[data-v-29f8a048]{background:#10b981}.progress-dot[data-v-29f8a048]:disabled{cursor:not-allowed;opacity:.5}.close-btn[data-v-29f8a048]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s}.close-btn[data-v-29f8a048]:hover{background:#e5e7eb;color:#374151}.tooltip-content[data-v-29f8a048]{padding:20px}.tooltip-title[data-v-29f8a048]{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.tooltip-description[data-v-29f8a048]{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 16px}.custom-content[data-v-29f8a048]{margin:16px 0}.action-hint[data-v-29f8a048]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#eff6ff;border-radius:6px;font-size:13px;color:#1e40af;margin-top:12px}.tooltip-actions[data-v-29f8a048]{display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.btn-primary[data-v-29f8a048],.btn-secondary[data-v-29f8a048],.btn-skip[data-v-29f8a048]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-primary[data-v-29f8a048]{background:#3b82f6;color:#fff;margin-left:auto}.btn-primary[data-v-29f8a048]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-primary[data-v-29f8a048]:disabled{opacity:.5;cursor:not-allowed}.btn-complete[data-v-29f8a048]{background:#10b981}.btn-complete[data-v-29f8a048]:hover:not(:disabled){background:#059669}.btn-secondary[data-v-29f8a048]{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-29f8a048]:hover{background:#f3f4f6}.btn-skip[data-v-29f8a048]{background:transparent;color:#6b7280;padding:8px 12px}.btn-skip[data-v-29f8a048]:hover{color:#374151;text-decoration:underline}.pulse-indicator[data-v-29f8a048]{position:fixed;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:#3b82f680;pointer-events:none;z-index:99999}.pulse-indicator[data-v-29f8a048]:before{content:"";position:absolute;inset:0;border-radius:50%;background:#3b82f680;animation:pulse-29f8a048 2s ease-out}@keyframes pulse-29f8a048{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.tutorial-fade-enter-active[data-v-29f8a048],.tutorial-fade-leave-active[data-v-29f8a048]{transition:opacity .3s ease}.tutorial-fade-enter-from[data-v-29f8a048],.tutorial-fade-leave-to[data-v-29f8a048]{opacity:0}.tutorial-tooltip-enter-active[data-v-29f8a048]{transition:all .3s ease}.tutorial-tooltip-leave-active[data-v-29f8a048]{transition:all .2s ease}.tutorial-tooltip-enter-from[data-v-29f8a048]{opacity:0;transform:scale(.9) translateY(10px)}.tutorial-tooltip-leave-to[data-v-29f8a048]{opacity:0;transform:scale(.9) translateY(-10px)}@media (prefers-color-scheme: dark){.tutorial-tooltip[data-v-29f8a048]{background:#1f2937;border-color:#ffffff1a;color:#fff}.tooltip-progress[data-v-29f8a048],.tooltip-actions[data-v-29f8a048]{background:#111827;border-color:#374151}.tooltip-title[data-v-29f8a048]{color:#f3f4f6}.tooltip-description[data-v-29f8a048]{color:#9ca3af}.action-hint[data-v-29f8a048]{background:#1e3a8a;color:#93c5fd}.close-btn[data-v-29f8a048]{color:#9ca3af}.close-btn[data-v-29f8a048]:hover{background:#374151;color:#f3f4f6}.btn-secondary[data-v-29f8a048]{background:#374151;color:#f3f4f6;border-color:#4b5563}.btn-secondary[data-v-29f8a048]:hover{background:#4b5563}.btn-skip[data-v-29f8a048]{color:#9ca3af}.btn-skip[data-v-29f8a048]:hover{color:#f3f4f6}.progress-dot[data-v-29f8a048]{background:#4b5563}}.tutorial-launcher-btn[data-v-a8613511]{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 10px 25px #667eea66;transition:all .3s ease;z-index:9990}.tutorial-launcher-btn[data-v-a8613511]:hover{transform:translateY(-2px);box-shadow:0 15px 30px #667eea80}.launcher-label[data-v-a8613511]{display:none}@media (min-width: 768px){.launcher-label[data-v-a8613511]{display:inline}}.notification-dot[data-v-a8613511]{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#ef4444;border:2px solid white;border-radius:50%;animation:pulse-dot-a8613511 2s infinite}@keyframes pulse-dot-a8613511{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.tutorial-panel[data-v-a8613511]{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9991;padding:20px}.panel-content[data-v-a8613511]{width:100%;max-width:900px;max-height:90vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.panel-header[data-v-a8613511]{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header-content[data-v-a8613511]{display:flex;align-items:center;gap:16px}.panel-title[data-v-a8613511]{font-size:20px;font-weight:700;margin:0}.panel-subtitle[data-v-a8613511]{font-size:14px;opacity:.9;margin:4px 0 0}.close-btn[data-v-a8613511]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.close-btn[data-v-a8613511]:hover{background:#ffffff4d}.progress-overview[data-v-a8613511]{display:flex;justify-content:space-around;padding:20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.progress-stat[data-v-a8613511]{text-align:center}.stat-value[data-v-a8613511]{display:block;font-size:24px;font-weight:700;color:#111827}.stat-label[data-v-a8613511]{display:block;font-size:12px;color:#6b7280;margin-top:4px}.search-filter[data-v-a8613511]{display:flex;gap:12px;padding:20px;background:#fff;border-bottom:1px solid #e5e7eb}.search-input[data-v-a8613511]{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:8px}.search-field[data-v-a8613511]{flex:1;background:none;border:none;outline:none;font-size:14px}.category-filter[data-v-a8613511]{padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;cursor:pointer}.categories-section[data-v-a8613511]{flex:1;overflow-y:auto;padding:20px}.recommended-section[data-v-a8613511]{padding:0 20px 20px}.section-title[data-v-a8613511]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#6b7280;margin:0 0 12px}.category-group[data-v-a8613511]{margin-bottom:32px}.category-title[data-v-a8613511]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.category-description[data-v-a8613511]{font-size:14px;color:#6b7280;margin:0 0 16px}.tutorials-grid[data-v-a8613511]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.tutorial-card[data-v-a8613511]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;position:relative}.tutorial-card[data-v-a8613511]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#667eea}.tutorial-card.recommended[data-v-a8613511]{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f0f4ff,#f5f0ff);border:2px solid #667eea}.tutorial-card.completed[data-v-a8613511]{background:#f0fdf4;border-color:#10b981}.tutorial-card.locked[data-v-a8613511]{opacity:.6;cursor:not-allowed}.tutorial-card.locked[data-v-a8613511]:hover{transform:none;box-shadow:none}.card-header[data-v-a8613511]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-icon[data-v-a8613511]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;color:#667eea}.recommended .card-icon[data-v-a8613511]{background:#fff}.completed-badge[data-v-a8613511],.locked-badge[data-v-a8613511]{color:#10b981}.locked-badge[data-v-a8613511]{color:#6b7280}.card-content[data-v-a8613511]{flex:1}.card-title[data-v-a8613511]{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.card-description[data-v-a8613511]{font-size:13px;color:#6b7280;line-height:1.5;margin:0 0 12px}.card-meta[data-v-a8613511]{display:flex;align-items:center;gap:12px}.card-footer[data-v-a8613511]{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6b7280}.duration[data-v-a8613511],.steps-count[data-v-a8613511]{display:flex;align-items:center;gap:4px}.difficulty[data-v-a8613511]{font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;background:#f3f4f6}.difficulty.basic[data-v-a8613511]{background:#dbeafe;color:#1e40af}.difficulty.intermediate[data-v-a8613511]{background:#fef3c7;color:#92400e}.difficulty.advanced[data-v-a8613511]{background:#fce7f3;color:#9f1239}.difficulty.power-user[data-v-a8613511]{background:#ede9fe;color:#6b21a8}.play-icon[data-v-a8613511]{color:#667eea}.resume-indicator[data-v-a8613511]{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e5e7eb;border-radius:0 0 12px 12px;overflow:hidden}.resume-progress[data-v-a8613511]{height:100%;background:#667eea;transition:width .3s ease}.resume-text[data-v-a8613511]{position:absolute;top:-20px;right:8px;font-size:11px;font-weight:600;color:#667eea}.panel-footer[data-v-a8613511]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb}.reset-btn[data-v-a8613511]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.reset-btn[data-v-a8613511]:hover{background:#fff;color:#ef4444;border-color:#ef4444}.auto-start-toggle[data-v-a8613511]{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;cursor:pointer}.auto-start-toggle input[data-v-a8613511]{cursor:pointer}.launcher-fade-enter-active[data-v-a8613511],.launcher-fade-leave-active[data-v-a8613511]{transition:all .3s ease}.launcher-fade-enter-from[data-v-a8613511],.launcher-fade-leave-to[data-v-a8613511]{opacity:0;transform:translateY(20px)}.panel-slide-enter-active[data-v-a8613511],.panel-slide-leave-active[data-v-a8613511]{transition:all .3s ease}.panel-slide-enter-from[data-v-a8613511],.panel-slide-leave-to[data-v-a8613511]{opacity:0}.panel-slide-enter-from .panel-content[data-v-a8613511],.panel-slide-leave-to .panel-content[data-v-a8613511]{transform:scale(.9) translateY(20px)}@media (prefers-color-scheme: dark){.panel-content[data-v-a8613511]{background:#1f2937}.panel-header[data-v-a8613511]{background:linear-gradient(135deg,#4c5fd5,#6b46c1)}.progress-overview[data-v-a8613511]{background:#111827;border-color:#374151}.stat-value[data-v-a8613511]{color:#f3f4f6}.stat-label[data-v-a8613511]{color:#9ca3af}.search-filter[data-v-a8613511]{background:#1f2937;border-color:#374151}.search-input[data-v-a8613511]{background:#374151;color:#f3f4f6}.search-field[data-v-a8613511]{color:#f3f4f6}.category-filter[data-v-a8613511]{background:#374151;color:#f3f4f6;border-color:#4b5563}.categories-section[data-v-a8613511]{background:#1f2937}.category-title[data-v-a8613511]{color:#f3f4f6}.category-description[data-v-a8613511]{color:#9ca3af}.tutorial-card[data-v-a8613511]{background:#374151;border-color:#4b5563}.tutorial-card[data-v-a8613511]:hover{border-color:#667eea}.tutorial-card.recommended[data-v-a8613511]{background:linear-gradient(135deg,#2d3748,#3a2d4a)}.tutorial-card.completed[data-v-a8613511]{background:#064e3b}.card-icon[data-v-a8613511]{background:#4b5563}.card-title[data-v-a8613511]{color:#f3f4f6}.card-description[data-v-a8613511],.card-footer[data-v-a8613511]{color:#9ca3af}.panel-footer[data-v-a8613511]{background:#111827;border-color:#374151}.reset-btn[data-v-a8613511]{border-color:#4b5563;color:#9ca3af}.reset-btn[data-v-a8613511]:hover{background:#374151}.auto-start-toggle[data-v-a8613511]{color:#9ca3af}}@media (max-width: 768px){.tutorial-panel[data-v-a8613511]{padding:0}.panel-content[data-v-a8613511]{max-width:100%;max-height:100vh;border-radius:0}.tutorials-grid[data-v-a8613511]{grid-template-columns:1fr}.progress-overview[data-v-a8613511]{padding:16px}.stat-value[data-v-a8613511]{font-size:20px}}.welcome-guide[data-v-330916a1]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn-330916a1 .3s ease}.guide-overlay[data-v-330916a1]{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.guide-content[data-v-330916a1]{position:relative;background:#fff;border-radius:16px;padding:32px;max-width:600px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp-330916a1 .4s ease}@keyframes fadeIn-330916a1{0%{opacity:0}to{opacity:1}}@keyframes slideUp-330916a1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guide-header[data-v-330916a1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.guide-header h2[data-v-330916a1]{font-size:24px;font-weight:700;color:#1f2937;margin:0}.close-btn[data-v-330916a1]{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.close-btn[data-v-330916a1]:hover{background:#f3f4f6;color:#1f2937}.guide-steps[data-v-330916a1]{display:flex;gap:16px;margin-bottom:32px}.step[data-v-330916a1]{flex:1;display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:2px solid transparent;transition:all .3s}.step.active[data-v-330916a1]{background:#ede9fe;border-color:#8b5cf6}.step-number[data-v-330916a1]{width:32px;height:32px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#6b7280;flex-shrink:0}.step.active .step-number[data-v-330916a1]{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.step-content h3[data-v-330916a1]{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.step-content p[data-v-330916a1]{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.guide-actions[data-v-330916a1]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-primary[data-v-330916a1],.btn-secondary[data-v-330916a1]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;width:100%}.btn-primary[data-v-330916a1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-330916a1]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea66}.btn-secondary[data-v-330916a1]{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.btn-secondary[data-v-330916a1]:hover{background:#f9fafb;border-color:#d1d5db}.guide-footer[data-v-330916a1]{padding-top:16px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.dont-show-again[data-v-330916a1]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#6b7280}.dont-show-again input[data-v-330916a1]{cursor:pointer}.guide-tip[data-v-330916a1]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4ff;border-radius:8px;font-size:13px;color:#4c5fd5}.guide-tip svg[data-v-330916a1]{flex-shrink:0}.floating-tooltips[data-v-330916a1]{position:fixed;inset:0;pointer-events:none;z-index:9998}.tooltip-pointer[data-v-330916a1]{position:absolute;animation:bounce-330916a1 2s infinite}@keyframes bounce-330916a1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.component-library-pointer[data-v-330916a1]{left:240px;top:50%;transform:translateY(-50%)}.canvas-pointer[data-v-330916a1]{left:50%;top:200px;transform:translate(-50%)}.properties-pointer[data-v-330916a1]{right:320px;top:50%;transform:translateY(-50%)}.tooltip-content[data-v-330916a1]{background:#1f2937;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:8px;white-space:nowrap}.tooltip-arrow[data-v-330916a1]{font-size:20px;animation:pulse-330916a1 1s infinite}@keyframes pulse-330916a1{0%,to{opacity:1}50%{opacity:.6}}.highlight-pulse{animation:highlightPulse-330916a1 1s ease 3}@keyframes highlightPulse-330916a1{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #8b5cf666}}.command-palette-overlay[data-v-c07a1a8c]{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:10000}.command-palette[data-v-c07a1a8c]{width:100%;max-width:640px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.command-search[data-v-c07a1a8c]{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB;gap:12px}.search-icon[data-v-c07a1a8c]{color:#9ca3af;flex-shrink:0}.search-input[data-v-c07a1a8c]{flex:1;border:none;outline:none;font-size:16px;color:#1f2937;background:transparent}.search-input[data-v-c07a1a8c]::placeholder{color:#9ca3af}.search-hint[data-v-c07a1a8c]{font-size:12px;color:#9ca3af;padding:4px 8px;background:#f3f4f6;border-radius:4px;font-family:monospace}.command-content[data-v-c07a1a8c]{flex:1;overflow-y:auto;min-height:200px;max-height:400px}.empty-state[data-v-c07a1a8c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.empty-state p[data-v-c07a1a8c]{margin:12px 0 4px;font-size:16px;font-weight:500;color:#6b7280}.hint[data-v-c07a1a8c]{font-size:13px;color:#9ca3af}.command-list[data-v-c07a1a8c]{padding:8px}.command-category[data-v-c07a1a8c]{margin-bottom:12px}.category-label[data-v-c07a1a8c]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;padding:8px 12px 4px}.command-item[data-v-c07a1a8c]{width:100%;display:flex;align-items:center;padding:10px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .15s;gap:12px;text-align:left}.command-item[data-v-c07a1a8c]:hover,.command-item.active[data-v-c07a1a8c]{background:#f3f4f6}.command-item.active[data-v-c07a1a8c]{background:#eef2ff;border-left:3px solid #6366F1}.command-icon[data-v-c07a1a8c]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f9fafb;border-radius:6px;color:#6b7280;flex-shrink:0}.command-item.active .command-icon[data-v-c07a1a8c]{background:#e0e7ff;color:#6366f1}.command-info[data-v-c07a1a8c]{flex:1;min-width:0}.command-name[data-v-c07a1a8c]{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:2px}.command-description[data-v-c07a1a8c]{font-size:12px;color:#9ca3af}.command-shortcut[data-v-c07a1a8c]{display:flex;gap:4px;flex-shrink:0}.command-shortcut kbd[data-v-c07a1a8c]{font-size:11px;font-family:monospace;padding:3px 6px;background:#f3f4f6;border:1px solid #D1D5DB;border-radius:4px;color:#6b7280}.command-footer[data-v-c07a1a8c]{padding:12px 20px;border-top:1px solid #E5E7EB;background:#f9fafb}.footer-label[data-v-c07a1a8c]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:8px}.recent-commands[data-v-c07a1a8c]{display:flex;flex-wrap:wrap;gap:6px}.recent-command[data-v-c07a1a8c]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .15s}.recent-command[data-v-c07a1a8c]:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff}.modal-fade-enter-active[data-v-c07a1a8c],.modal-fade-leave-active[data-v-c07a1a8c]{transition:opacity .2s ease}.modal-fade-enter-active .command-palette[data-v-c07a1a8c],.modal-fade-leave-active .command-palette[data-v-c07a1a8c]{transition:transform .2s ease,opacity .2s ease}.modal-fade-enter-from[data-v-c07a1a8c],.modal-fade-leave-to[data-v-c07a1a8c]{opacity:0}.modal-fade-enter-from .command-palette[data-v-c07a1a8c],.modal-fade-leave-to .command-palette[data-v-c07a1a8c]{transform:translateY(-20px);opacity:0}:root{--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 1000;--z-modal: 1001;--z-popover: 1100;--z-tooltip: 1200;--z-notification: 1300;--z-maximum: 9999}.app-header,.mobile-nav{z-index:var(--z-sticky)}.sidebar,.mobile-overlay{z-index:var(--z-dropdown)}.template-library-modal,.theme-modal,.global-code-modal,.asset-manager-modal{z-index:var(--z-modal)}.code-viewer-modal{z-index:calc(var(--z-modal) + 10)}.component-controls,.component-label{z-index:var(--z-base)!important}.navigation{z-index:var(--z-fixed)}:root{--color-primary: #3B82F6;--color-primary-dark: #2563EB;--color-secondary: #8B5CF6;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #E5E7EB;--primary: #3B82F6;--primary-hover: #2563EB;--primary-dark: #2563EB;--bg-hover: #F3F4F6;--error: #EF4444;--error-light: #FEE2E2;--success: #10B981;--warning: #F59E0B}@media (min-width: 1024px){.hide-on-desktop{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hide-on-tablet{display:none!important}}@media (max-width: 767px){.hide-on-mobile{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--color-gray-900);background:var(--color-gray-50)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.loading-spinner{animation:spin 1s linear infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-enter-active{animation:fadeIn var(--transition-base)}.fade-leave-active{animation:fadeOut var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-up-enter-active{animation:slideUp var(--transition-base)}.slide-down-enter-active{animation:slideDown var(--transition-base)}.modal-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:1000}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}::selection{background:var(--color-primary);color:#fff}@media print{.no-print{display:none!important}}@media (max-width: 640px){.hide-mobile{display:none}}@media (min-width: 641px) and (max-width: 768px){.hide-tablet{display:none}}@media (min-width: 769px){.hide-desktop{display:none}}.highlight-section{animation:highlightPulse 2s ease-out;border-radius:8px;transition:all .3s ease}@keyframes highlightPulse{0%{background-color:#5b21b633;box-shadow:0 0 #5b21b666}50%{background-color:#5b21b61a;box-shadow:0 0 0 10px #5b21b600}to{background-color:transparent;box-shadow:0 0 0 10px #5b21b600}}.app{height:100vh;display:flex;flex-direction:column;background:#f9fafb;overflow:hidden}.perf-monitor{position:fixed;top:10px;right:10px;display:flex;gap:16px;padding:8px 12px;background:#000c;color:#10b981;font-family:monospace;font-size:12px;border-radius:4px;z-index:9999}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #E5E7EB;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.sidebar-left{width:280px;min-width:240px;max-width:400px;resize:horizontal}.sidebar-right{width:320px;min-width:280px;max-width:480px;resize:horizontal;border-left:1px solid #E5E7EB;border-right:none}.main-content{flex:1;overflow:hidden;min-width:400px}@media (max-width: 1024px){.sidebar-left{width:240px}.sidebar-right{width:280px}}@media (max-width: 768px){.sidebar-left,.sidebar-right{width:240px;min-width:200px}.main-content{min-width:320px}}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJV37Nv7g.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVT7Nv7g.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVz7Nv7g.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVP7Nv7g.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJeraE8PZqw.woff2) format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJV77Nv7g.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sJVD7Ng.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sJV37Nv7g.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sJVT7Nv7g.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sJVz7Nv7g.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sJVP7Nv7g.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sJeraE8PZqw.woff2) format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sJV77Nv7g.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sJVD7Ng.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhiI2B.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZthiI2B.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZNhiI2B.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZxhiI2B.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZBhiI2B.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhiI2B.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZJhiI2B.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZthiI2B.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZNhiI2B.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZxhiI2B.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZBhiI2B.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZFhiI2B.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fAZ9hiA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZJhiI2B.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZthiI2B.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZNhiI2B.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZxhiI2B.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZBhiI2B.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZFhiI2B.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYAZ9hiA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZJhiI2B.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZthiI2B.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZNhiI2B.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZxhiI2B.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZBhiI2B.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZFhiI2B.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYAZ9hiA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.i-lucide-camera{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-image{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-loader-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12a9 9 0 1 1-6.219-8.56'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-package{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12'/%3E%3Cpath d='M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-search{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-shapes{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-trash-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-upload{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7l-5-5l-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-upload-cloud{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 13v8m-8-6.101A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17l4-4l4 4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-lucide-x{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.container{width:100%}.empty-container:empty{width:100%}@media (min-width: 640px){.container{max-width:640px}.empty-container:empty{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}.empty-container:empty{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}.empty-container:empty{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}.empty-container:empty{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}.empty-container:empty{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.grid{display:grid}.ms{margin-inline-start:1rem}.box-content{box-sizing:content-box}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.h5{height:1.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-shrink,.shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.b,.border{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.pt{padding-top:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.sepia{--un-sepia:sepia(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,outline-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,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-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]){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;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[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::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]{display:none}