.btn-publish[data-v-3d599fb0]{display:flex;align-items:center;gap:16px;width:100%;padding:18px 24px;margin-bottom:12px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:0;border-radius:14px;cursor:pointer;text-align:left;transition:transform .1s,box-shadow .2s;box-shadow:0 8px 20px -4px #6366f180}.btn-publish[data-v-3d599fb0]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px -4px #6366f199}.btn-publish[data-v-3d599fb0]:disabled{opacity:.7;cursor:wait}.btn-publish-text[data-v-3d599fb0]{display:flex;flex-direction:column;gap:2px;flex:1}.btn-publish-title[data-v-3d599fb0]{font-weight:700;font-size:1.0625rem}.btn-publish-sub[data-v-3d599fb0]{font-size:.8125rem;opacity:.9}.publish-hint[data-v-3d599fb0]{margin:0 0 20px;padding:12px 14px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:10px;color:#075985;font-size:.8125rem;line-height:1.5}.publish-hint a[data-v-3d599fb0]{color:#0369a1;font-weight:600;text-decoration:none}.publish-hint a[data-v-3d599fb0]:hover{text-decoration:underline}.advanced[data-v-3d599fb0]{margin-top:8px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:4px 16px}.advanced summary[data-v-3d599fb0]{cursor:pointer;padding:10px 0;font-weight:600;color:#374151;font-size:.875rem;list-style:none;display:flex;align-items:center;gap:8px}.advanced summary[data-v-3d599fb0]:before{content:"▸";transition:transform .15s;color:#6b7280}.advanced[open] summary[data-v-3d599fb0]:before{transform:rotate(90deg)}.advanced .export-options[data-v-3d599fb0]{padding-bottom:16px}.modal[data-v-3d599fb0]{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-3d599fb0]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.modal-header h2[data-v-3d599fb0]{font-size:18px;font-weight:600;color:#1f2937}.close-btn[data-v-3d599fb0]{padding:4px;background:transparent;border:none;cursor:pointer;color:#6b7280;transition:color .2s}.close-btn[data-v-3d599fb0]:hover{color:#1f2937}.modal-body[data-v-3d599fb0]{padding:24px}.export-options[data-v-3d599fb0]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.option[data-v-3d599fb0]{display:flex;flex-direction:column;gap:4px}.option input[type=checkbox][data-v-3d599fb0]{margin-right:8px}.option small[data-v-3d599fb0]{color:#9ca3af;font-size:12px;margin-left:24px}.option select[data-v-3d599fb0]{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;margin-top:4px}.preview-section h3[data-v-3d599fb0]{font-size:14px;font-weight:600;color:#4b5563;margin-bottom:12px}.file-list[data-v-3d599fb0]{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border-radius:8px}.file-item[data-v-3d599fb0]{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px}.modal-footer[data-v-3d599fb0]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #E5E7EB}.btn-cancel[data-v-3d599fb0],.btn-export[data-v-3d599fb0]{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-3d599fb0]{background:#fff;color:#6b7280;border:1px solid #D1D5DB}.btn-cancel[data-v-3d599fb0]:hover{background:#f9fafb}.btn-export[data-v-3d599fb0]{background:#3b82f6;color:#fff;border:none}.btn-export[data-v-3d599fb0]:hover:not(:disabled){background:#2563eb}.btn-export[data-v-3d599fb0]:disabled{opacity:.6;cursor:not-allowed}.framework-option[data-v-3d599fb0]{margin-bottom:8px}.framework-buttons[data-v-3d599fb0]{display:flex;gap:8px;margin-top:8px}.framework-btn[data-v-3d599fb0]{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s;color:#6b7280}.framework-btn[data-v-3d599fb0]:hover{background:#f3f4f6;border-color:#d1d5db}.framework-btn.active[data-v-3d599fb0]{background:#eef2ff;border-color:#6366f1;color:#6366f1}.framework-btn span[data-v-3d599fb0]{font-size:13px;font-weight:500}.file-item.sub[data-v-3d599fb0]{padding-left:20px;opacity:.8}.loading-spinner[data-v-3d599fb0]{animation:spin-3d599fb0 1s linear infinite}@keyframes spin-3d599fb0{to{transform:rotate(360deg)}}.modal[data-v-a875163b]{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-a875163b]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.modal-header h2[data-v-a875163b]{font-size:18px;font-weight:600;color:#1f2937}.modal-body[data-v-a875163b]{padding:24px;min-height:200px}.token-section p[data-v-a875163b]{color:#6b7280;margin-bottom:16px}.steps[data-v-a875163b]{margin:16px 0 24px 20px;color:#4b5563;font-size:14px}.steps li[data-v-a875163b]{margin-bottom:8px}.steps a[data-v-a875163b]{color:#3b82f6;text-decoration:underline}.form-group[data-v-a875163b]{margin-bottom:16px}.form-group label[data-v-a875163b]{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#4b5563}.form-group input[data-v-a875163b]{width:100%;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px}.ready-section[data-v-a875163b],.deploying-section[data-v-a875163b],.success-section[data-v-a875163b]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.ready-icon[data-v-a875163b]{color:#8b5cf6;margin-bottom:16px}.deploying-section[data-v-a875163b]{color:#6b7280}.success-section[data-v-a875163b]{color:#10b981}.ready-section h3[data-v-a875163b],.deploying-section h3[data-v-a875163b],.success-section h3[data-v-a875163b]{font-size:20px;font-weight:600;margin-bottom:8px;color:#1f2937}.ready-section code[data-v-a875163b]{margin-top:12px;padding:8px 16px;background:#f3f4f6;border-radius:6px;font-family:monospace;font-size:14px;color:#4b5563}.deployment-link[data-v-a875163b]{margin-top:12px;padding:8px 16px;background:#eff6ff;border-radius:6px;color:#3b82f6;text-decoration:none;font-weight:500}.deployment-link[data-v-a875163b]:hover{background:#dbeafe}.modal-footer[data-v-a875163b]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #E5E7EB}.btn-cancel[data-v-a875163b],.btn-deploy[data-v-a875163b]{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-a875163b]{background:#fff;color:#6b7280;border:1px solid #D1D5DB}.btn-deploy[data-v-a875163b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-deploy[data-v-a875163b]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-deploy[data-v-a875163b]: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-0bd845b9]{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;background:#f8fafc}.mini-canvas[data-v-0bd845b9]{width:100%;height:100%;padding:8px;display:flex;flex-direction:column;gap:4px}.preview-overlay[data-v-0bd845b9]{position:absolute;inset:0;pointer-events:none}.preview-component[data-v-0bd845b9]{position:relative;flex-shrink:0}.nav-preview[data-v-0bd845b9]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#fff;border-bottom:1px solid #e5e7eb}.nav-logo[data-v-0bd845b9]{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-0bd845b9]{display:flex;gap:6px}.nav-link[data-v-0bd845b9]{font-size:.5rem;color:#6b7280;padding:2px 4px;white-space:nowrap}.hero-preview[data-v-0bd845b9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;gap:4px;min-height:70px}.hero-title[data-v-0bd845b9]{font-size:.75rem;font-weight:700;color:#fffffff2;text-align:center;margin:0;line-height:1.2}.hero-subtitle[data-v-0bd845b9]{font-size:.5rem;color:#ffffffd9;text-align:center;margin:0;line-height:1.3}.hero-button[data-v-0bd845b9]{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-0bd845b9]{display:flex;gap:6px;padding:10px 8px;justify-content:center;background:#fff}.feature-item[data-v-0bd845b9]{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;max-width:60px}.feature-icon[data-v-0bd845b9]{width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.icon-text[data-v-0bd845b9]{font-size:.625rem}.feature-title[data-v-0bd845b9]{font-size:.5rem;font-weight:600;color:#1f2937;margin:0;text-align:center;line-height:1.2}.feature-desc[data-v-0bd845b9]{font-size:.4rem;color:#6b7280;margin:0;text-align:center;line-height:1.2}.cta-preview[data-v-0bd845b9]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:#f8fafc}.cta-title[data-v-0bd845b9]{font-size:.625rem;font-weight:600;color:#1f2937;text-align:center;margin:0;line-height:1.3}.cta-button[data-v-0bd845b9]{padding:3px 8px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.5rem;font-weight:600;cursor:default}.footer-preview[data-v-0bd845b9]{padding:6px 8px;background:#1f2937;margin-top:auto}.footer-content[data-v-0bd845b9]{display:flex;align-items:center;justify-content:center}.footer-text[data-v-0bd845b9]{font-size:.45rem;color:#ffffffb3;text-align:center;margin:0}.section-preview[data-v-0bd845b9]{padding:12px;background:#f9fafb}.section-content[data-v-0bd845b9]{width:100%;height:20px;background:#e5e7eb;border-radius:4px}.container-preview[data-v-0bd845b9]{padding:8px}.container-content[data-v-0bd845b9]{width:100%;height:16px;background:#f3f4f6;border-radius:4px}.preview-heading[data-v-0bd845b9]{font-size:.625rem;font-weight:600;margin:2px 0;line-height:1.3}.preview-text[data-v-0bd845b9]{font-size:.5rem;margin:2px 0;line-height:1.4;opacity:.8}.preview-button[data-v-0bd845b9]{padding:3px 8px;border:none;border-radius:4px;font-size:.5rem;font-weight:600;cursor:default;margin:3px 0}.preview-image[data-v-0bd845b9]{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-0bd845b9]{width:16px;height:16px;color:#d1d5db}.generic-preview[data-v-0bd845b9]{width:100%;height:12px;background:#e5e7eb;border-radius:4px;margin:2px 0}.template-preview-container:hover .mini-canvas[data-v-0bd845b9]{transform:scale(1.02);transition:transform .3s ease}[data-v-50cb17a7]: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-50cb17a7{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn-50cb17a7{0%{opacity:0}to{opacity:1}}@keyframes pulse-50cb17a7{0%,to{opacity:1}50%{opacity:.8}}.modal-fade-enter-active[data-v-50cb17a7],.modal-fade-leave-active[data-v-50cb17a7]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-50cb17a7],.modal-fade-leave-to[data-v-50cb17a7]{opacity:0}.slide-fade-enter-active[data-v-50cb17a7]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-50cb17a7]{transition:all .2s ease-in}.slide-fade-enter-from[data-v-50cb17a7]{transform:translate(-20px);opacity:0}.slide-fade-leave-to[data-v-50cb17a7]{transform:translate(20px);opacity:0}.template-fade-enter-active[data-v-50cb17a7],.template-fade-leave-active[data-v-50cb17a7],.template-fade-move[data-v-50cb17a7]{transition:all .3s ease}.template-fade-enter-from[data-v-50cb17a7],.template-fade-leave-to[data-v-50cb17a7]{opacity:0;transform:scale(.9)}.template-library-modal[data-v-50cb17a7]{position:fixed;inset:0;background:var(--modal-bg);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-50cb17a7 .3s ease}.template-library-content[data-v-50cb17a7]{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-50cb17a7 .4s ease}.template-header[data-v-50cb17a7]{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:1.75rem 2rem;color:#fff;border-bottom:none}.header-content[data-v-50cb17a7]{display:flex;align-items:center;justify-content:space-between}.header-left[data-v-50cb17a7]{display:flex;align-items:center;gap:1rem}.header-icon[data-v-50cb17a7]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:12px;color:#fff}.template-header h2[data-v-50cb17a7]{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.025em;color:#fff}.header-subtitle[data-v-50cb17a7]{font-size:.875rem;color:#cbd5e1;margin-top:.25rem}.close-btn[data-v-50cb17a7]{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-50cb17a7]:hover{background:#fff3;transform:scale(1.05)}.template-filters[data-v-50cb17a7]{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.filters-container[data-v-50cb17a7]{display:flex;gap:1.5rem;align-items:center}.search-wrapper[data-v-50cb17a7]{flex:1;max-width:400px}.search-bar[data-v-50cb17a7]{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-50cb17a7]{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.search-icon[data-v-50cb17a7]{color:var(--text-muted)}.search-input[data-v-50cb17a7]{flex:1;background:none;border:none;outline:none;font-size:.9375rem;color:var(--text-primary)}.clear-search[data-v-50cb17a7]{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-50cb17a7]:hover{background:#e2e8f0;color:var(--text-primary)}.category-section[data-v-50cb17a7]{flex:1}.category-pills[data-v-50cb17a7]{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:2px}.category-pills[data-v-50cb17a7]::-webkit-scrollbar{height:2px}.category-pills[data-v-50cb17a7]::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.category-pill[data-v-50cb17a7]{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-50cb17a7]:hover{background:#f8fafc;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.category-pill.active[data-v-50cb17a7]{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #667eea40}.category-icon[data-v-50cb17a7]{opacity:.8}.category-count[data-v-50cb17a7]{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-50cb17a7]{background:#ffffff40}.view-toggle[data-v-50cb17a7]{display:flex;background:#fff;border-radius:10px;padding:4px;box-shadow:var(--shadow-sm)}.view-btn[data-v-50cb17a7]{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-50cb17a7]:hover{color:var(--text-secondary)}.view-btn.active[data-v-50cb17a7]{background:var(--primary);color:#fff}.template-body[data-v-50cb17a7]{flex:1;overflow-y:auto;padding:1.5rem 2rem;background:#fafafa}.stats-bar[data-v-50cb17a7]{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-50cb17a7]{display:flex;align-items:center;gap:1.5rem}.stat-item[data-v-50cb17a7]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.sort-dropdown[data-v-50cb17a7]{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-50cb17a7]:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.template-grid[data-v-50cb17a7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.template-card[data-v-50cb17a7]{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-50cb17a7]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:var(--primary)}.template-card.selected[data-v-50cb17a7]{border:2px solid var(--primary);box-shadow:0 0 0 3px #5b21b61a}.template-thumbnail[data-v-50cb17a7]{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-50cb17a7]{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-50cb17a7]{opacity:1}.preview-btn[data-v-50cb17a7]{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-50cb17a7 .3s forwards;animation-delay:.1s}@keyframes slideUp-50cb17a7{to{transform:translateY(0);opacity:1}}.preview-btn[data-v-50cb17a7]:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.badge-container[data-v-50cb17a7]{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;z-index:10}.badge[data-v-50cb17a7]{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.badge.premium[data-v-50cb17a7]{background:#f59e0b;color:#fff;box-shadow:0 2px 4px #0000001a}.badge.new[data-v-50cb17a7]{background:#10b981;color:#fff;box-shadow:0 2px 4px #0000001a}.badge.popular[data-v-50cb17a7]{background:#ef4444;color:#fff;box-shadow:0 2px 4px #0000001a}.template-info[data-v-50cb17a7]{padding:1.5rem}.info-header[data-v-50cb17a7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.template-info h3[data-v-50cb17a7]{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.025em}.favorite-btn[data-v-50cb17a7]{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-50cb17a7]:hover{background:#fee2e2;color:#ef4444;transform:scale(1.1)}.template-description[data-v-50cb17a7]{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-50cb17a7]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.meta-tags[data-v-50cb17a7]{display:flex;gap:.375rem;flex-wrap:wrap}.meta-tag[data-v-50cb17a7]{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-50cb17a7]:hover{background:#e2e8f0;color:var(--primary)}.meta-tag.more[data-v-50cb17a7]{background:#e0e7ff;color:var(--primary)}.meta-stats[data-v-50cb17a7]{display:flex;align-items:center;gap:1rem}.meta-stats .stat[data-v-50cb17a7]{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.template-actions[data-v-50cb17a7]{display:flex;gap:.75rem}.action-select[data-v-50cb17a7]{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-50cb17a7]:hover,.action-select.selected[data-v-50cb17a7]{background:var(--primary);border-color:var(--primary);color:#fff}.empty-state[data-v-50cb17a7]{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-50cb17a7]{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-50cb17a7]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.empty-state p[data-v-50cb17a7]{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem}.reset-btn[data-v-50cb17a7]{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-50cb17a7]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 10px 20px #667eea33}.template-footer[data-v-50cb17a7]{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-50cb17a7]{flex:1}.selected-info[data-v-50cb17a7]{display:flex;align-items:center;gap:1rem}.selected-preview[data-v-50cb17a7]{width:60px;height:45px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.selected-preview img[data-v-50cb17a7]{width:100%;height:100%;object-fit:cover}.selected-details[data-v-50cb17a7]{display:flex;flex-direction:column}.selected-label[data-v-50cb17a7]{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.selected-name[data-v-50cb17a7]{font-size:1rem;font-weight:600;color:var(--text-primary)}.footer-actions[data-v-50cb17a7]{display:flex;gap:1rem}.btn-primary[data-v-50cb17a7],.btn-secondary[data-v-50cb17a7]{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-50cb17a7]{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0000001a}.btn-primary[data-v-50cb17a7]:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px #00000026}.btn-primary[data-v-50cb17a7]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary[data-v-50cb17a7]{background:#f8fafc;color:var(--text-primary);border:2px solid var(--border-subtle)}.btn-secondary[data-v-50cb17a7]:hover{background:#f1f5f9;border-color:var(--text-muted)}.arrow-icon[data-v-50cb17a7]{transition:transform .2s}.btn-primary:hover .arrow-icon[data-v-50cb17a7]{transform:translate(2px)}.template-list[data-v-50cb17a7]{display:flex;flex-direction:column;gap:1rem}.template-card.list[data-v-50cb17a7]{display:flex;height:auto}.template-card.list .template-thumbnail[data-v-50cb17a7]{width:280px;height:180px;flex-shrink:0}.template-card.list .template-info[data-v-50cb17a7]{flex:1;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:1024px){.template-grid[data-v-50cb17a7]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.filters-container[data-v-50cb17a7]{flex-direction:column;gap:1rem}.search-wrapper[data-v-50cb17a7]{max-width:100%}.category-section[data-v-50cb17a7]{width:100%}}@media(max-width:768px){.template-library-content[data-v-50cb17a7]{width:100%;height:100vh;border-radius:0}.template-grid[data-v-50cb17a7]{grid-template-columns:1fr;gap:1rem}.template-header[data-v-50cb17a7]{padding:1.25rem 1rem}.template-filters[data-v-50cb17a7],.template-body[data-v-50cb17a7]{padding:1rem}.template-footer[data-v-50cb17a7]{padding:1rem;flex-direction:column;gap:1rem}.footer-actions[data-v-50cb17a7]{width:100%}.btn-primary[data-v-50cb17a7],.btn-secondary[data-v-50cb17a7]{flex:1;justify-content:center}.template-card.list[data-v-50cb17a7]{flex-direction:column}.template-card.list .template-thumbnail[data-v-50cb17a7]{width:100%;height:200px}}.theme-selector[data-v-e08a274b]{padding:1.5rem;background:var(--bg-primary);border-radius:8px;margin-bottom:1rem}.theme-header[data-v-e08a274b]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.theme-header h3[data-v-e08a274b]{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.customize-btn[data-v-e08a274b]{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-e08a274b]:hover{background:var(--bg-tertiary)}.preset-themes[data-v-e08a274b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.theme-option[data-v-e08a274b]{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-e08a274b]:hover{background:var(--bg-tertiary)}.theme-option.active[data-v-e08a274b]{border-color:var(--primary);background:var(--bg-tertiary)}.theme-preview[data-v-e08a274b]{margin-bottom:.5rem}.color-dots[data-v-e08a274b]{display:flex;gap:4px}.color-dot[data-v-e08a274b]{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #0000001a}.theme-name[data-v-e08a274b]{font-size:.75rem;color:var(--text-secondary)}.theme-customizer[data-v-e08a274b]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.customizer-section[data-v-e08a274b]{margin-bottom:2rem}.customizer-section h4[data-v-e08a274b]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.color-grid[data-v-e08a274b]{display:grid;gap:.75rem}.color-input[data-v-e08a274b]{display:flex;align-items:center;justify-content:space-between}.color-input label[data-v-e08a274b]{font-size:.813rem;color:var(--text-secondary)}.color-picker[data-v-e08a274b]{display:flex;align-items:center;gap:.5rem}.color-picker input[type=color][data-v-e08a274b]{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer}.color-picker input[type=text][data-v-e08a274b]{width:90px;padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.813rem;font-family:monospace}.typography-controls[data-v-e08a274b]{display:flex;flex-direction:column;gap:1rem}.control-group[data-v-e08a274b]{display:flex;flex-direction:column;gap:.5rem}.control-group label[data-v-e08a274b]{font-size:.813rem;color:var(--text-secondary)}.control-group input[type=range][data-v-e08a274b]{width:100%}.control-group select[data-v-e08a274b]{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-e08a274b]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.radius-preset[data-v-e08a274b]{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-e08a274b]:hover{background:var(--bg-tertiary)}.radius-preset.active[data-v-e08a274b]{border-color:var(--primary)}.radius-preview[data-v-e08a274b]{width:40px;height:40px;background:var(--primary);opacity:.2}.radius-preset span[data-v-e08a274b]{font-size:.75rem;color:var(--text-secondary)}.slide-enter-active[data-v-e08a274b],.slide-leave-active[data-v-e08a274b]{transition:all .3s ease}.slide-enter-from[data-v-e08a274b],.slide-leave-to[data-v-e08a274b]{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}.seo-analyzer[data-v-6482c39e]{padding:24px;max-width:800px;margin:0 auto}.analyzer-header[data-v-6482c39e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-title[data-v-6482c39e]{display:flex;align-items:center;gap:16px}.header-title .icon[data-v-6482c39e]{color:#6366f1}.header-title h2[data-v-6482c39e]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.subtitle[data-v-6482c39e]{font-size:14px;color:#6b7280;margin:0}.analyze-btn[data-v-6482c39e]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.analyze-btn[data-v-6482c39e]:hover:not(:disabled){background:#4f46e5}.analyze-btn[data-v-6482c39e]:disabled{opacity:.7;cursor:not-allowed}.spinning[data-v-6482c39e]{animation:spin-6482c39e 1s linear infinite}@keyframes spin-6482c39e{to{transform:rotate(360deg)}}.score-section[data-v-6482c39e]{display:flex;gap:32px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.score-circle[data-v-6482c39e]{position:relative;width:140px;height:140px;flex-shrink:0}.score-circle svg[data-v-6482c39e]{width:100%;height:100%}.score-circle circle[data-v-6482c39e]{transition:stroke-dashoffset .5s ease}.score-value[data-v-6482c39e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.score-value .number[data-v-6482c39e]{display:block;font-size:36px;font-weight:700;color:#1f2937}.score-value .label[data-v-6482c39e]{font-size:12px;color:#6b7280}.score-breakdown[data-v-6482c39e]{flex:1;display:flex;flex-direction:column;gap:12px}.breakdown-item[data-v-6482c39e]{display:flex;flex-direction:column;gap:4px}.breakdown-header[data-v-6482c39e]{display:flex;justify-content:space-between;font-size:13px}.breakdown-label[data-v-6482c39e]{color:#6b7280}.breakdown-score[data-v-6482c39e]{font-weight:500}.breakdown-score.good[data-v-6482c39e]{color:#10b981}.breakdown-score.medium[data-v-6482c39e]{color:#f59e0b}.breakdown-score.poor[data-v-6482c39e]{color:#ef4444}.breakdown-bar[data-v-6482c39e]{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.breakdown-fill[data-v-6482c39e]{height:100%;transition:width .5s ease;border-radius:3px}.breakdown-fill.good[data-v-6482c39e]{background:#10b981}.breakdown-fill.medium[data-v-6482c39e]{background:#f59e0b}.breakdown-fill.poor[data-v-6482c39e]{background:#ef4444}.results-section[data-v-6482c39e]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.results-section h3[data-v-6482c39e]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.result-categories[data-v-6482c39e]{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.category-btn[data-v-6482c39e]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f3f4f6;border:none;border-radius:8px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.category-btn[data-v-6482c39e]:hover{background:#e5e7eb}.category-btn.active[data-v-6482c39e]{background:#6366f1;color:#fff}.category-btn .count[data-v-6482c39e]{padding:2px 6px;background:#0000001a;border-radius:4px;font-size:11px}.results-list[data-v-6482c39e]{display:flex;flex-direction:column;gap:12px}.result-item[data-v-6482c39e]{display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border-left:4px solid}.result-item.pass[data-v-6482c39e]{border-color:#10b981}.result-item.warning[data-v-6482c39e]{border-color:#f59e0b}.result-item.fail[data-v-6482c39e]{border-color:#ef4444}.result-icon[data-v-6482c39e]{flex-shrink:0}.result-item.pass .result-icon[data-v-6482c39e]{color:#10b981}.result-item.warning .result-icon[data-v-6482c39e]{color:#f59e0b}.result-item.fail .result-icon[data-v-6482c39e]{color:#ef4444}.result-content h4[data-v-6482c39e]{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.result-content p[data-v-6482c39e]{font-size:13px;color:#6b7280;margin:0}.result-value[data-v-6482c39e]{margin-top:8px}.result-value code[data-v-6482c39e]{padding:4px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;font-size:12px;color:#4b5563}.recommendation[data-v-6482c39e]{display:flex;align-items:flex-start;gap:6px;margin-top:8px;padding:8px;background:#fef3c7;border-radius:6px;font-size:12px;color:#92400e}.keywords-section[data-v-6482c39e]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.keywords-section h3[data-v-6482c39e]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.keyword-input[data-v-6482c39e]{display:flex;gap:8px;margin-bottom:20px}.keyword-input input[data-v-6482c39e]{flex:1;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px}.keyword-input input[data-v-6482c39e]:focus{outline:none;border-color:#6366f1}.keyword-input button[data-v-6482c39e]{padding:10px 18px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.keyword-input button[data-v-6482c39e]:disabled{opacity:.5;cursor:not-allowed}.keyword-results[data-v-6482c39e]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.keyword-stat[data-v-6482c39e]{padding:16px;background:#f9fafb;border-radius:10px;text-align:center}.keyword-stat .stat-label[data-v-6482c39e]{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.keyword-stat .stat-value[data-v-6482c39e]{font-size:20px;font-weight:600;color:#1f2937}.keyword-stat .stat-value.good[data-v-6482c39e]{color:#10b981}.keyword-stat .stat-value.bad[data-v-6482c39e]{color:#ef4444}.common-words h4[data-v-6482c39e]{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.word-cloud[data-v-6482c39e]{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.word-item[data-v-6482c39e]{color:#6366f1;font-weight:500}.actions-section[data-v-6482c39e]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.actions-section h3[data-v-6482c39e]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.action-buttons[data-v-6482c39e]{display:flex;gap:12px;flex-wrap:wrap}.action-btn[data-v-6482c39e]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.action-btn[data-v-6482c39e]:hover{background:#e5e7eb;transform:translateY(-1px)}.modal-backdrop[data-v-5c3411ee]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.marketplace-modal[data-v-5c3411ee]{width:100%;max-width:1200px;max-height:90vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header[data-v-5c3411ee]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.header-left[data-v-5c3411ee]{display:flex;align-items:center;gap:16px}.store-icon[data-v-5c3411ee]{color:#6366f1}.header-left h2[data-v-5c3411ee]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.subtitle[data-v-5c3411ee]{font-size:14px;color:#6b7280;margin:0}.close-btn[data-v-5c3411ee]{padding:8px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.close-btn[data-v-5c3411ee]:hover{background:#f3f4f6;color:#1f2937}.modal-content[data-v-5c3411ee]{display:flex;flex:1;overflow:hidden}.filters-sidebar[data-v-5c3411ee]{width:240px;padding:20px;border-right:1px solid #E5E7EB;overflow-y:auto;background:#fafafa}.search-box[data-v-5c3411ee]{position:relative;margin-bottom:24px}.search-icon[data-v-5c3411ee]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-box input[data-v-5c3411ee]{width:100%;padding:10px 10px 10px 40px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;transition:all .2s}.search-box input[data-v-5c3411ee]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-section[data-v-5c3411ee]{margin-bottom:24px}.filter-section h4[data-v-5c3411ee]{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.filter-options[data-v-5c3411ee]{display:flex;flex-direction:column;gap:4px}.filter-btn[data-v-5c3411ee]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:8px;font-size:14px;color:#4b5563;cursor:pointer;transition:all .2s;text-align:left}.filter-btn[data-v-5c3411ee]:hover{background:#fff}.filter-btn.active[data-v-5c3411ee]{background:#fff;color:#6366f1;font-weight:500;box-shadow:0 1px 3px #0000001a}.filter-btn .count[data-v-5c3411ee]{margin-left:auto;font-size:12px;color:#9ca3af}.sort-select[data-v-5c3411ee]{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.price-filters[data-v-5c3411ee]{display:flex;flex-direction:column;gap:8px}.checkbox-label[data-v-5c3411ee]{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563;cursor:pointer}.checkbox-label input[data-v-5c3411ee]{width:16px;height:16px;accent-color:#6366F1}.templates-main[data-v-5c3411ee]{flex:1;padding:20px;overflow-y:auto}.results-header[data-v-5c3411ee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-count[data-v-5c3411ee]{font-size:14px;color:#6b7280}.view-toggle[data-v-5c3411ee]{display:flex;gap:4px;padding:4px;background:#f3f4f6;border-radius:8px}.view-btn[data-v-5c3411ee]{padding:8px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.view-btn.active[data-v-5c3411ee]{background:#fff;color:#6366f1;box-shadow:0 1px 2px #0000001a}.templates-grid[data-v-5c3411ee]{display:grid;gap:20px}.templates-grid.grid[data-v-5c3411ee]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.templates-grid.list[data-v-5c3411ee]{grid-template-columns:1fr}.templates-grid.list .template-card[data-v-5c3411ee]{display:flex;flex-direction:row}.templates-grid.list .card-preview[data-v-5c3411ee]{width:200px;flex-shrink:0}.template-card[data-v-5c3411ee]{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #E5E7EB;transition:all .3s ease;cursor:pointer}.template-card[data-v-5c3411ee]:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.card-preview[data-v-5c3411ee]{position:relative;aspect-ratio:4/3;overflow:hidden}.card-preview img[data-v-5c3411ee]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-card:hover .card-preview img[data-v-5c3411ee]{transform:scale(1.05)}.card-overlay[data-v-5c3411ee]{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.template-card:hover .card-overlay[data-v-5c3411ee]{opacity:1}.preview-btn[data-v-5c3411ee]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s}.preview-btn[data-v-5c3411ee]:hover{transform:scale(1.05)}.premium-badge[data-v-5c3411ee]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:20px;font-size:11px;font-weight:600}.card-content[data-v-5c3411ee]{padding:16px}.card-header[data-v-5c3411ee]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.card-header h3[data-v-5c3411ee]{font-size:16px;font-weight:600;color:#1f2937;margin:0}.category-tag[data-v-5c3411ee]{font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;text-transform:capitalize}.category-tag.landing[data-v-5c3411ee]{background:#dbeafe;color:#1d4ed8}.category-tag.portfolio[data-v-5c3411ee]{background:#fce7f3;color:#be185d}.category-tag.blog[data-v-5c3411ee]{background:#d1fae5;color:#047857}.category-tag.ecommerce[data-v-5c3411ee]{background:#fef3c7;color:#b45309}.card-description[data-v-5c3411ee]{font-size:13px;color:#6b7280;margin-bottom:12px;line-height:1.5}.card-meta[data-v-5c3411ee]{display:flex;gap:16px;margin-bottom:12px}.rating[data-v-5c3411ee],.downloads[data-v-5c3411ee]{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.star-icon[data-v-5c3411ee]{color:#f59e0b;fill:#f59e0b}.reviews[data-v-5c3411ee]{color:#9ca3af}.card-footer[data-v-5c3411ee]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #F3F4F6}.author[data-v-5c3411ee]{display:flex;align-items:center;gap:8px}.author-avatar[data-v-5c3411ee]{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.author span[data-v-5c3411ee]{font-size:13px;color:#6b7280}.use-btn[data-v-5c3411ee]{padding:8px 14px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.use-btn[data-v-5c3411ee]:hover{background:#4f46e5;transform:translateY(-1px)}.no-results[data-v-5c3411ee]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.no-results h3[data-v-5c3411ee]{margin:16px 0 8px;color:#6b7280}.detail-overlay[data-v-5c3411ee]{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:40px}.detail-modal[data-v-5c3411ee]{width:100%;max-width:800px;max-height:85vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative}.detail-close[data-v-5c3411ee]{position:absolute;top:16px;right:16px;padding:8px;background:#fff;border:none;border-radius:8px;cursor:pointer;z-index:10;box-shadow:0 2px 8px #0000001a}.detail-preview[data-v-5c3411ee]{height:300px;overflow:hidden}.detail-preview img[data-v-5c3411ee]{width:100%;height:100%;object-fit:cover}.detail-content[data-v-5c3411ee]{padding:24px;overflow-y:auto}.detail-header[data-v-5c3411ee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-header h2[data-v-5c3411ee]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.detail-description[data-v-5c3411ee]{font-size:15px;color:#6b7280;line-height:1.6;margin-bottom:24px}.detail-stats[data-v-5c3411ee]{display:flex;gap:32px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:12px}.stat[data-v-5c3411ee]{display:flex;align-items:center;gap:8px;color:#6b7280}.stat-value[data-v-5c3411ee]{font-size:18px;font-weight:600;color:#1f2937}.stat-label[data-v-5c3411ee]{font-size:13px}.detail-features h4[data-v-5c3411ee]{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.detail-features ul[data-v-5c3411ee]{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-features li[data-v-5c3411ee]{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563}.detail-features li svg[data-v-5c3411ee]{color:#10b981}.detail-actions[data-v-5c3411ee]{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #E5E7EB}.btn-secondary[data-v-5c3411ee],.btn-primary[data-v-5c3411ee]{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-v-5c3411ee]{background:#fff;color:#6b7280;border:1px solid #D1D5DB}.btn-secondary[data-v-5c3411ee]:hover{background:#f3f4f6}.btn-primary[data-v-5c3411ee]{background:#6366f1;color:#fff;border:none}.btn-primary[data-v-5c3411ee]:hover{background:#4f46e5;transform:translateY(-1px)}.pm[data-v-76a441b5]{display:flex;flex-direction:column;gap:0;height:100%}.pm-header[data-v-76a441b5]{display:flex;justify-content:space-between;align-items:flex-end;padding:24px 28px 16px}.pm-header h2[data-v-76a441b5]{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#111827}.pm-subtitle[data-v-76a441b5]{margin:0;color:#6b7280;font-size:.875rem}.pm-actions[data-v-76a441b5]{display:flex;gap:8px}.pm-btn[data-v-76a441b5]{padding:8px 14px;border-radius:8px;border:1px solid transparent;font-weight:600;cursor:pointer;font-size:.875rem;transition:background .15s,border-color .15s}.pm-btn-primary[data-v-76a441b5]{background:#111827;color:#fff}.pm-btn-primary[data-v-76a441b5]:hover{background:#1f2937}.pm-btn-primary[data-v-76a441b5]:disabled{background:#9ca3af;cursor:not-allowed}.pm-btn-secondary[data-v-76a441b5]{background:#fff;color:#111827;border-color:#d1d5db}.pm-btn-secondary[data-v-76a441b5]:hover{background:#f9fafb}.pm-btn-ghost[data-v-76a441b5]{background:transparent;color:#6b7280;padding:4px 8px}.pm-btn-ghost[data-v-76a441b5]:hover{background:#f3f4f6;color:#111827}.pm-btn-danger[data-v-76a441b5]:hover{color:#dc2626;background:#fef2f2}.pm-btn-icon[data-v-76a441b5]{background:transparent;border:0;color:#9ca3af;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:1.125rem}.pm-toolbar[data-v-76a441b5]{display:flex;gap:8px;align-items:center;padding:0 28px 12px}.pm-search[data-v-76a441b5]{flex:1;padding:8px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:.875rem}.pm-filter[data-v-76a441b5]{padding:8px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:.875rem;background:#fff}.pm-bulk[data-v-76a441b5]{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#f3f4f6;border-radius:8px;font-size:.875rem;color:#374151}.pm-empty[data-v-76a441b5]{padding:80px 32px;text-align:center;color:#6b7280}.pm-empty-icon[data-v-76a441b5]{font-size:3rem;margin-bottom:16px}.pm-empty h3[data-v-76a441b5]{color:#111827;margin:0 0 8px}.pm-body[data-v-76a441b5]{display:grid;grid-template-columns:1fr 420px;flex:1;overflow:hidden}.pm-table[data-v-76a441b5]{width:100%;border-collapse:collapse;background:#fff}.pm-check-col[data-v-76a441b5]{width:36px}.pm-table th[data-v-76a441b5],.pm-table td[data-v-76a441b5]{padding:10px 14px;text-align:left;border-bottom:1px solid #F3F4F6;font-size:.875rem}.pm-table th[data-v-76a441b5]{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.pm-table tr.active[data-v-76a441b5]{background:#eff6ff}.pm-thumb[data-v-76a441b5]{width:56px}.pm-thumb img[data-v-76a441b5]{width:40px;height:40px;object-fit:cover;border-radius:6px}.pm-thumb-placeholder[data-v-76a441b5]{width:40px;height:40px;background:#f3f4f6;border-radius:6px;display:grid;place-items:center;font-size:1.125rem}.pm-name[data-v-76a441b5]{font-weight:600;color:#111827}.pm-slug[data-v-76a441b5]{font-size:.6875rem;color:#9ca3af;font-family:ui-monospace,monospace}.pm-compare[data-v-76a441b5]{font-size:.75rem;color:#9ca3af;text-decoration:line-through}.pm-inventory.oos[data-v-76a441b5]{color:#dc2626;font-weight:600}.pm-untracked[data-v-76a441b5]{color:#9ca3af;font-style:italic;font-size:.875rem}.pm-status[data-v-76a441b5]{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:capitalize}.pm-status-draft[data-v-76a441b5]{background:#f3f4f6;color:#6b7280}.pm-status-active[data-v-76a441b5]{background:#d1fae5;color:#047857}.pm-status-archived[data-v-76a441b5]{background:#fef3c7;color:#92400e}.pm-row-actions[data-v-76a441b5]{display:flex;gap:4px;justify-content:flex-end}.pm-editor[data-v-76a441b5]{border-left:1px solid #E5E7EB;background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.pm-editor header[data-v-76a441b5]{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #E5E7EB}.pm-editor h3[data-v-76a441b5]{margin:0;font-size:1rem}.pm-tabs[data-v-76a441b5]{display:flex;border-bottom:1px solid #E5E7EB;padding:0 16px}.pm-tab[data-v-76a441b5]{padding:10px 16px;background:transparent;border:0;cursor:pointer;color:#6b7280;font-weight:500;font-size:.8125rem;border-bottom:2px solid transparent}.pm-tab.active[data-v-76a441b5]{color:#111827;border-bottom-color:#3b82f6}.pm-editor-body[data-v-76a441b5]{flex:1;overflow-y:auto}.pm-tab-body[data-v-76a441b5]{padding:20px;display:flex;flex-direction:column;gap:14px}.pm-editor label[data-v-76a441b5]{display:flex;flex-direction:column;gap:4px;font-size:.8125rem;color:#374151;font-weight:500}.pm-editor input[data-v-76a441b5],.pm-editor textarea[data-v-76a441b5],.pm-editor select[data-v-76a441b5]{padding:7px 10px;border:1px solid #D1D5DB;border-radius:6px;font-size:.875rem;font-family:inherit}.pm-editor input[data-v-76a441b5]:focus,.pm-editor textarea[data-v-76a441b5]:focus,.pm-editor select[data-v-76a441b5]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.pm-row-2[data-v-76a441b5]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pm-help[data-v-76a441b5]{color:#3b82f6;text-decoration:none;font-size:.75rem;font-weight:500;margin-left:6px}.pm-hint[data-v-76a441b5]{font-size:.75rem;color:#6b7280;line-height:1.5;margin:0;padding:10px 12px;background:#f9fafb;border-radius:6px}.pm-mini-help[data-v-76a441b5]{font-size:.6875rem;color:#6b7280;line-height:1.5;margin-top:4px}.pm-mini-help code[data-v-76a441b5]{font-family:ui-monospace,monospace;font-size:.625rem;background:#f3f4f6;padding:1px 5px;border-radius:3px;color:#374151}.pm-image-row[data-v-76a441b5]{display:flex;gap:8px;align-items:flex-start;padding:8px;border:1px solid #E5E7EB;border-radius:8px}.pm-image-row img[data-v-76a441b5]{width:48px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}.pm-image-placeholder[data-v-76a441b5]{width:48px;height:48px;background:#f3f4f6;border-radius:4px;display:grid;place-items:center;font-size:1rem}.pm-image-fields[data-v-76a441b5]{flex:1;display:flex;flex-direction:column;gap:4px}.pm-image-actions[data-v-76a441b5]{display:flex;flex-direction:column;gap:2px}.pm-image-actions button[data-v-76a441b5]{width:24px;height:24px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;cursor:pointer;color:#6b7280;padding:0}.pm-image-actions button[data-v-76a441b5]:disabled{opacity:.3;cursor:not-allowed}.pm-attr[data-v-76a441b5]{display:flex;gap:6px;align-items:center}.pm-attr-name[data-v-76a441b5]{flex:0 0 130px}.pm-attr-values[data-v-76a441b5]{flex:1}.pm-attr-actions[data-v-76a441b5]{display:flex;gap:8px}.pm-variants[data-v-76a441b5]{display:flex;flex-direction:column;gap:8px}.pm-variants h4[data-v-76a441b5]{margin:16px 0 0;font-size:.875rem;color:#374151}.pm-variant[data-v-76a441b5]{padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px}.pm-variant-head[data-v-76a441b5]{font-weight:600;color:#111827;font-size:.8125rem;margin-bottom:6px}.pm-variant-fields[data-v-76a441b5]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.pm-variant-fields label span[data-v-76a441b5]{font-size:.6875rem}.pm-variant-fields input[data-v-76a441b5]{padding:6px 8px;font-size:.75rem}.om[data-v-d2dd225f]{padding:24px 28px;display:flex;flex-direction:column;gap:16px}.om-head[data-v-d2dd225f]{display:flex;justify-content:space-between;align-items:flex-end}.om-head h2[data-v-d2dd225f]{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#111827}.om-lead[data-v-d2dd225f]{margin:0;color:#6b7280;font-size:.875rem}.om-sync[data-v-d2dd225f]{color:#9ca3af}.om-actions[data-v-d2dd225f]{display:flex;gap:8px}.om-btn[data-v-d2dd225f]{padding:8px 14px;background:#fff;border:1px solid #D1D5DB;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;color:#111827}.om-btn[data-v-d2dd225f]:hover:not(:disabled){background:#f9fafb}.om-btn[data-v-d2dd225f]:disabled{opacity:.5;cursor:not-allowed}.om-filters[data-v-d2dd225f]{display:flex;gap:8px}.om-filters input[data-v-d2dd225f]{flex:1;padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:.875rem}.om-filters select[data-v-d2dd225f]{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:.875rem;background:#fff}.om-table[data-v-d2dd225f]{width:100%;background:#fff;border-collapse:collapse;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.om-table th[data-v-d2dd225f],.om-table td[data-v-d2dd225f]{padding:10px 14px;text-align:left;border-bottom:1px solid #F3F4F6;font-size:.875rem}.om-table th[data-v-d2dd225f]{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.om-table code[data-v-d2dd225f]{font-family:ui-monospace,monospace;font-size:.75rem;color:#4b5563}.om-status[data-v-d2dd225f]{padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent}.om-status-paid[data-v-d2dd225f]{background:#d1fae5;color:#047857;border-color:#6ee7b7}.om-status-pending[data-v-d2dd225f]{background:#fef3c7;color:#92400e;border-color:#fcd34d}.om-status-fulfilled[data-v-d2dd225f]{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.om-status-refunded[data-v-d2dd225f]{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.om-status-cancelled[data-v-d2dd225f]{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.om-btn-icon[data-v-d2dd225f]{background:transparent;border:0;color:#9ca3af;cursor:pointer;font-size:1.25rem;padding:4px 8px;border-radius:4px}.om-btn-icon[data-v-d2dd225f]:hover{color:#dc2626;background:#fef2f2}.om-empty[data-v-d2dd225f]{padding:60px 32px;text-align:center;color:#6b7280;background:#fff;border:1px dashed #E5E7EB;border-radius:12px}.om-empty code[data-v-d2dd225f]{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace}.store-settings[data-v-bac38a16]{padding:28px;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.store-settings h2[data-v-bac38a16]{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.ss-section[data-v-bac38a16]{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.ss-section h3[data-v-bac38a16]{margin:0;font-size:1rem;font-weight:600;color:#111827}.ss-description[data-v-bac38a16]{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.ss-section label[data-v-bac38a16]{display:flex;flex-direction:column;gap:4px;font-size:.875rem;font-weight:500;color:#374151}.ss-section input[data-v-bac38a16],.ss-section select[data-v-bac38a16]{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:.875rem;font-family:inherit}.ss-section input[data-v-bac38a16]:focus,.ss-section select[data-v-bac38a16]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.ss-toggle[data-v-bac38a16]{flex-direction:row;align-items:center;gap:10px;cursor:pointer}.ss-toggle input[type=checkbox][data-v-bac38a16]{width:18px;height:18px;cursor:pointer}.ss-help[data-v-bac38a16]{font-size:.75rem;color:#6b7280;line-height:1.5;margin-top:4px}.ss-help a[data-v-bac38a16]{color:#3b82f6;font-weight:600;text-decoration:none}.ss-help a[data-v-bac38a16]:hover{text-decoration:underline}.ss-help code[data-v-bac38a16]{font-family:ui-monospace,monospace;font-size:.6875rem;background:#f3f4f6;padding:1px 6px;border-radius:4px;color:#374151}.ss-info[data-v-bac38a16]{font-size:.8125rem;color:#075985;line-height:1.6;padding:12px 14px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:10px}.ss-info a[data-v-bac38a16]{color:#0369a1;font-weight:600;text-decoration:none}.ss-info a[data-v-bac38a16]:hover{text-decoration:underline}.ss-info--warn[data-v-bac38a16]{background:#fef3c7;border-color:#fcd34d;color:#92400e}.im[data-v-4bc4d4b9]{padding:24px;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.im h2[data-v-4bc4d4b9]{margin:0;font-size:1.5rem;font-weight:700;color:#111827}.im-lead[data-v-4bc4d4b9]{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5}.im-card[data-v-4bc4d4b9]{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.im-card header[data-v-4bc4d4b9]{display:flex;justify-content:space-between;align-items:center}.im-card h3[data-v-4bc4d4b9]{margin:0;font-size:1rem;font-weight:600;color:#111827}.im-toggle[data-v-4bc4d4b9]{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#374151;cursor:pointer}.im-toggle input[data-v-4bc4d4b9]{width:16px;height:16px;cursor:pointer}.im-card label[data-v-4bc4d4b9]:not(.im-toggle){display:flex;flex-direction:column;gap:4px;font-size:.875rem;font-weight:500;color:#374151}.im-card input[data-v-4bc4d4b9],.im-card select[data-v-4bc4d4b9]{padding:8px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:.875rem;font-family:inherit}.im-card input[data-v-4bc4d4b9]:focus,.im-card select[data-v-4bc4d4b9]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.im-docs[data-v-4bc4d4b9]{margin:0;font-size:.75rem}.im-docs a[data-v-4bc4d4b9]{color:#3b82f6;text-decoration:none;font-weight:500}.im-req[data-v-4bc4d4b9]{color:#ef4444;margin-left:2px}.im-help[data-v-4bc4d4b9]{color:#6b7280;font-size:.75rem;font-weight:400;line-height:1.5;margin-top:4px}.im-help a[data-v-4bc4d4b9]{color:#3b82f6;font-weight:600;text-decoration:none}.im-help a[data-v-4bc4d4b9]:hover{text-decoration:underline}.cm-overlay[data-v-718e41df]{position:fixed;inset:0;z-index:200;background:#0f172a8c;display:grid;place-items:center;backdrop-filter:blur(2px)}.cm[data-v-718e41df]{width:min(1240px,96vw);height:min(820px,92vh);background:#fff;border-radius:16px;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;box-shadow:0 30px 80px #00000059}.cm-head[data-v-718e41df]{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #E5E7EB}.cm-head h2[data-v-718e41df]{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.cm-close[data-v-718e41df]{background:transparent;border:0;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:4px 10px;border-radius:6px}.cm-close[data-v-718e41df]:hover{background:#f3f4f6;color:#111827}.cm-tabs[data-v-718e41df]{display:flex;padding:0 16px;border-bottom:1px solid #E5E7EB;background:#f9fafb}.cm-tab[data-v-718e41df]{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;background:transparent;border:0;cursor:pointer;color:#6b7280;font-weight:500;font-size:.875rem;border-bottom:2px solid transparent}.cm-tab[data-v-718e41df]:hover{color:#111827}.cm-tab.active[data-v-718e41df]{color:#111827;border-bottom-color:#3b82f6;background:#fff}.cm-badge[data-v-718e41df]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:.6875rem;font-weight:600;background:#e5e7eb;color:#374151;border-radius:999px}.cm-tab.active .cm-badge[data-v-718e41df]{background:#dbeafe;color:#1e40af}.cm-body[data-v-718e41df]{overflow:auto}.modal-backdrop[data-v-c8eac83b]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.figma-modal[data-v-c8eac83b]{width:90%;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-header[data-v-c8eac83b]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.header-title[data-v-c8eac83b]{display:flex;align-items:center;gap:12px}.header-title h2[data-v-c8eac83b]{font-size:18px;font-weight:600;color:#1f2937;margin:0}.figma-icon[data-v-c8eac83b]{color:#a259ff}.close-btn[data-v-c8eac83b]{padding:4px;background:transparent;border:none;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s}.close-btn[data-v-c8eac83b]:hover{background:#f3f4f6;color:#1f2937}.modal-body[data-v-c8eac83b]{padding:24px}.description[data-v-c8eac83b]{color:#6b7280;font-size:14px;margin-bottom:20px;line-height:1.5}.input-group[data-v-c8eac83b]{margin-bottom:20px}.input-group label[data-v-c8eac83b]{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.url-input-wrapper[data-v-c8eac83b]{position:relative;display:flex;align-items:center}.input-icon[data-v-c8eac83b]{position:absolute;left:12px;color:#9ca3af}.url-input-wrapper input[data-v-c8eac83b]{width:100%;padding:12px 12px 12px 42px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s}.url-input-wrapper input[data-v-c8eac83b]:focus{outline:none;border-color:#a259ff;box-shadow:0 0 0 3px #a259ff1a}.error-text[data-v-c8eac83b]{display:block;color:#ef4444;font-size:12px;margin-top:4px}.options-section[data-v-c8eac83b]{margin-bottom:20px}.options-section h4[data-v-c8eac83b]{font-size:13px;font-weight:600;color:#374151;margin-bottom:12px}.option-checkbox[data-v-c8eac83b]{display:flex;align-items:center;gap:8px;padding:8px 0;cursor:pointer;font-size:14px;color:#4b5563}.option-checkbox input[data-v-c8eac83b]{width:16px;height:16px;accent-color:#A259FF}.info-box[data-v-c8eac83b]{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f3f4f6;border-radius:8px;font-size:13px;color:#6b7280}.info-box svg[data-v-c8eac83b]{flex-shrink:0;margin-top:2px}.importing-step[data-v-c8eac83b]{text-align:center;padding:20px 0}.import-animation h3[data-v-c8eac83b]{font-size:18px;font-weight:600;color:#1f2937;margin:20px 0 8px}.import-spinner[data-v-c8eac83b]{position:relative;width:80px;height:80px;margin:0 auto}.spinner-ring[data-v-c8eac83b]{position:absolute;inset:0;border:3px solid #E5E7EB;border-top-color:#a259ff;border-radius:50%;animation:spin-c8eac83b 1s linear infinite}.center-icon[data-v-c8eac83b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#a259ff}@keyframes spin-c8eac83b{to{transform:rotate(360deg)}}.status-text[data-v-c8eac83b]{color:#6b7280;font-size:14px;margin-bottom:16px}.progress-bar[data-v-c8eac83b]{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:20px}.progress-fill[data-v-c8eac83b]{height:100%;background:linear-gradient(90deg,#a259ff,#6366f1);transition:width .3s ease}.import-details[data-v-c8eac83b]{display:flex;flex-direction:column;gap:6px;align-items:center}.detail-item[data-v-c8eac83b]{display:flex;align-items:center;gap:6px;font-size:13px;color:#10b981;animation:fadeIn-c8eac83b .3s ease}@keyframes fadeIn-c8eac83b{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.success-step[data-v-c8eac83b]{text-align:center}.success-icon[data-v-c8eac83b]{color:#10b981;margin-bottom:12px}.success-step h3[data-v-c8eac83b]{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.success-step>p[data-v-c8eac83b]{color:#6b7280;font-size:14px;margin-bottom:20px}.imported-preview[data-v-c8eac83b]{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;margin-bottom:20px}.preview-item[data-v-c8eac83b]{display:flex;align-items:center;gap:12px;padding:10px;background:#f9fafb;border-radius:8px}.preview-thumb[data-v-c8eac83b]{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.preview-info[data-v-c8eac83b]{display:flex;flex-direction:column;align-items:flex-start}.preview-name[data-v-c8eac83b]{font-size:14px;font-weight:500;color:#1f2937}.preview-type[data-v-c8eac83b]{font-size:12px;color:#6b7280;text-transform:capitalize}.color-palette[data-v-c8eac83b]{text-align:left}.color-palette h4[data-v-c8eac83b]{font-size:13px;font-weight:600;color:#374151;margin-bottom:10px}.colors-grid[data-v-c8eac83b]{display:flex;gap:8px;flex-wrap:wrap}.color-swatch[data-v-c8eac83b]{width:32px;height:32px;border-radius:6px;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #00000026;transition:transform .2s}.color-swatch[data-v-c8eac83b]:hover{transform:scale(1.1)}.modal-footer[data-v-c8eac83b]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB;background:#f9fafb}.btn-cancel[data-v-c8eac83b],.btn-secondary[data-v-c8eac83b],.btn-primary[data-v-c8eac83b]{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-c8eac83b],.btn-secondary[data-v-c8eac83b]{background:#fff;color:#6b7280;border:1px solid #D1D5DB}.btn-cancel[data-v-c8eac83b]:hover,.btn-secondary[data-v-c8eac83b]:hover{background:#f3f4f6}.btn-primary[data-v-c8eac83b]{background:linear-gradient(135deg,#a259ff,#6366f1);color:#fff;border:none}.btn-primary[data-v-c8eac83b]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #a259ff66}.btn-primary[data-v-c8eac83b]:disabled{opacity:.6;cursor:not-allowed}.analytics-dashboard[data-v-353a489a]{padding:24px;background:#f9fafb;min-height:100%}.dashboard-header[data-v-353a489a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title[data-v-353a489a]{display:flex;align-items:center;gap:16px}.header-title .icon[data-v-353a489a]{color:#6366f1}.header-title h2[data-v-353a489a]{font-size:24px;font-weight:600;color:#1f2937;margin:0}.subtitle[data-v-353a489a]{font-size:14px;color:#6b7280;margin:0}.header-actions[data-v-353a489a]{display:flex;align-items:center;gap:12px}.time-select[data-v-353a489a]{padding:8px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.refresh-btn[data-v-353a489a]{padding:8px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.refresh-btn[data-v-353a489a]:hover{background:#f3f4f6;color:#1f2937}.spinning[data-v-353a489a]{animation:spin-353a489a 1s linear infinite}@keyframes spin-353a489a{to{transform:rotate(360deg)}}.stats-grid[data-v-353a489a]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-353a489a]{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.stat-icon[data-v-353a489a]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.components[data-v-353a489a]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.stat-icon.pages[data-v-353a489a]{background:linear-gradient(135deg,#10b981,#34d399)}.stat-icon.templates[data-v-353a489a]{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-icon.exports[data-v-353a489a]{background:linear-gradient(135deg,#ec4899,#f472b6)}.stat-content[data-v-353a489a]{display:flex;flex-direction:column}.stat-value[data-v-353a489a]{font-size:28px;font-weight:700;color:#1f2937;line-height:1}.stat-label[data-v-353a489a]{font-size:13px;color:#6b7280;margin-top:4px}.stat-change[data-v-353a489a]{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:8px}.stat-change.positive[data-v-353a489a]{color:#10b981}.stat-change.negative[data-v-353a489a]{color:#ef4444}.stat-change.neutral[data-v-353a489a]{color:#6b7280}.charts-section[data-v-353a489a]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.chart-card[data-v-353a489a]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.chart-header[data-v-353a489a]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #F3F4F6}.chart-header h3[data-v-353a489a]{font-size:15px;font-weight:600;color:#1f2937;margin:0}.chart-legend[data-v-353a489a]{display:flex;gap:16px}.legend-item[data-v-353a489a]{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.legend-item .dot[data-v-353a489a]{width:8px;height:8px;border-radius:50%}.view-all[data-v-353a489a]{font-size:13px;color:#6366f1;text-decoration:none}.view-all[data-v-353a489a]:hover{text-decoration:underline}.chart-body[data-v-353a489a]{padding:20px}.bar-chart-container[data-v-353a489a]{display:flex;flex-direction:column;gap:12px}.bar-item[data-v-353a489a]{display:flex;align-items:center;gap:12px;animation:fadeInUp-353a489a .3s ease forwards;opacity:0}@keyframes fadeInUp-353a489a{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bar-label[data-v-353a489a]{width:80px;font-size:13px;color:#6b7280;text-align:right}.bar-track[data-v-353a489a]{flex:1;height:24px;background:#f3f4f6;border-radius:6px;overflow:hidden}.bar-fill[data-v-353a489a]{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;transition:width .5s ease}.bar-value[data-v-353a489a]{width:30px;font-size:13px;font-weight:600;color:#1f2937}.line-chart[data-v-353a489a]{height:220px}.line-svg[data-v-353a489a]{width:100%;height:100%}.grid-lines line[data-v-353a489a]{stroke:#f3f4f6;stroke-width:1}.y-labels text[data-v-353a489a],.x-labels text[data-v-353a489a]{fill:#9ca3af;font-size:11px}.area-fill[data-v-353a489a]{fill:url(#areaGradient);fill:#10b9811a}.line-path[data-v-353a489a]{fill:none;stroke:#10b981;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.data-point[data-v-353a489a]{fill:#10b981;stroke:#fff;stroke-width:2;transition:r .2s ease}.data-point[data-v-353a489a]:hover{r:6}.secondary-section[data-v-353a489a]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.templates-list[data-v-353a489a]{padding:12px 20px}.template-item[data-v-353a489a]{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #F3F4F6}.template-item[data-v-353a489a]:last-child{border-bottom:none}.template-rank[data-v-353a489a]{width:24px;height:24px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280}.template-preview[data-v-353a489a]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.template-info[data-v-353a489a]{flex:1;display:flex;flex-direction:column}.template-name[data-v-353a489a]{font-size:14px;font-weight:500;color:#1f2937}.template-category[data-v-353a489a]{font-size:12px;color:#9ca3af}.template-stats[data-v-353a489a]{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.template-uses[data-v-353a489a]{font-size:13px;font-weight:500;color:#1f2937}.template-trend[data-v-353a489a]{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:500}.template-trend.up[data-v-353a489a]{color:#10b981}.template-trend.down[data-v-353a489a]{color:#ef4444}.activity-list[data-v-353a489a]{padding:12px 20px}.activity-item[data-v-353a489a]{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #F3F4F6}.activity-item[data-v-353a489a]:last-child{border-bottom:none}.activity-icon[data-v-353a489a]{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.activity-icon.create[data-v-353a489a]{background:#10b981}.activity-icon.edit[data-v-353a489a]{background:#6366f1}.activity-icon.delete[data-v-353a489a]{background:#ef4444}.activity-icon.export[data-v-353a489a]{background:#f59e0b}.activity-icon.template[data-v-353a489a]{background:#8b5cf6}.activity-content[data-v-353a489a]{flex:1;display:flex;flex-direction:column}.activity-text[data-v-353a489a]{font-size:13px;color:#1f2937}.activity-time[data-v-353a489a]{font-size:12px;color:#9ca3af}.insights-section[data-v-353a489a]{margin-bottom:24px}.insights-section h3[data-v-353a489a]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.insights-grid[data-v-353a489a]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-card[data-v-353a489a]{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.insight-icon[data-v-353a489a]{color:#f59e0b;flex-shrink:0}.insight-card p[data-v-353a489a]{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.insight-card strong[data-v-353a489a]{color:#1f2937}@media(max-width:1200px){.stats-grid[data-v-353a489a]{grid-template-columns:repeat(2,1fr)}.charts-section[data-v-353a489a],.secondary-section[data-v-353a489a],.insights-grid[data-v-353a489a]{grid-template-columns:1fr}}.app-header[data-v-eff7dd15]{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-eff7dd15]{display:flex;align-items:center;gap:24px}.logo[data-v-eff7dd15]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937}.logo svg[data-v-eff7dd15]{color:#3b82f6}.project-name input[data-v-eff7dd15]{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-eff7dd15]:hover{background:#f9fafb}.project-name input[data-v-eff7dd15]:focus{outline:none;background:#fff;border-color:#3b82f6}.header-center[data-v-eff7dd15]{flex:1;display:flex;justify-content:center}.action-buttons[data-v-eff7dd15]{display:flex;align-items:center;gap:4px;padding:4px;background:#f9fafb;border-radius:6px}.action-buttons button[data-v-eff7dd15]{padding:8px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s}.action-buttons button[data-v-eff7dd15]:hover:not(:disabled){background:#fff;color:#1f2937}.action-buttons button[data-v-eff7dd15]:disabled{opacity:.4;cursor:not-allowed}.action-buttons button.active[data-v-eff7dd15]{background:#fff;color:#3b82f6}.separator[data-v-eff7dd15]{width:1px;height:20px;background:#d1d5db;margin:0 4px}.header-right[data-v-eff7dd15]{display:flex;align-items:center;gap:12px}.btn-secondary[data-v-eff7dd15],.btn-primary[data-v-eff7dd15],.btn-deploy[data-v-eff7dd15]{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-eff7dd15]{background:#fff;color:#4b5563;border:1px solid #D1D5DB}.btn-secondary[data-v-eff7dd15]:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary[data-v-eff7dd15]{background:#3b82f6;color:#fff}.btn-primary[data-v-eff7dd15]:hover{background:#2563eb;transform:translateY(-1px)}.btn-deploy[data-v-eff7dd15]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-deploy[data-v-eff7dd15]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.template-btn[data-v-eff7dd15]{display:flex!important;align-items:center;gap:4px;padding:8px 12px!important}.btn-label[data-v-eff7dd15]{font-size:13px;font-weight:500;display:none}@media(min-width:1024px){.btn-label[data-v-eff7dd15]{display:inline}}.mobile-menu-btn[data-v-eff7dd15]{display:none;padding:8px;background:transparent;border:none;border-radius:4px;cursor:pointer}.modal-overlay[data-v-eff7dd15]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content-large[data-v-eff7dd15]{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;position:relative}.pages-manager-modal[data-v-eff7dd15]{max-width:900px}.modal-close-btn[data-v-eff7dd15]{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-eff7dd15]:hover{background:#f3f4f6;color:#374151}.seo-analyzer-modal[data-v-eff7dd15],.analytics-modal[data-v-eff7dd15]{max-width:900px;max-height:85vh}.collab-btn[data-v-eff7dd15]{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.collab-btn[data-v-eff7dd15]:hover{background:#f9fafb;border-color:#d1d5db}.collab-btn.connected[data-v-eff7dd15]{background:#ecfdf5;border-color:#10b981;color:#059669}.collab-count[data-v-eff7dd15]{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#10b981;color:#fff;border-radius:9px;font-size:11px;font-weight:600}.collab-panel[data-v-eff7dd15]{position:fixed;top:70px;right:20px;width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:10000;overflow:hidden}.collab-header[data-v-eff7dd15]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.collab-header h3[data-v-eff7dd15]{font-size:16px;font-weight:600;color:#1f2937;margin:0}.close-collab[data-v-eff7dd15]{padding:4px;background:transparent;border:none;cursor:pointer;color:#6b7280;border-radius:4px}.close-collab[data-v-eff7dd15]:hover{background:#f3f4f6}.collab-content[data-v-eff7dd15]{padding:20px}.collab-content p[data-v-eff7dd15]{font-size:14px;color:#6b7280;margin:0 0 16px}.start-collab-btn[data-v-eff7dd15]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.start-collab-btn[data-v-eff7dd15]:hover{background:#4f46e5}.share-link[data-v-eff7dd15]{display:flex;gap:8px;margin-bottom:16px}.share-link input[data-v-eff7dd15]{flex:1;padding:10px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;background:#f9fafb}.share-link button[data-v-eff7dd15]{padding:10px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer}.share-link button[data-v-eff7dd15]:hover{background:#4f46e5}.collaborators[data-v-eff7dd15]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.collaborator[data-v-eff7dd15]{display:flex;align-items:center;gap:10px;padding:8px;background:#f9fafb;border-radius:8px}.collab-avatar[data-v-eff7dd15]{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.collaborator span[data-v-eff7dd15]:first-of-type{flex:1;font-size:14px;color:#1f2937}.collaborator .status[data-v-eff7dd15]{width:8px;height:8px;border-radius:50%}.collaborator .status.online[data-v-eff7dd15]{background:#10b981}.collaborator .status.offline[data-v-eff7dd15]{background:#d1d5db}.end-collab-btn[data-v-eff7dd15]{width:100%;padding:10px;background:transparent;color:#ef4444;border:1px solid #FCA5A5;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.end-collab-btn[data-v-eff7dd15]:hover{background:#fef2f2}@media(max-width:768px){.app-header[data-v-eff7dd15]{padding:0 12px;gap:8px}.logo span[data-v-eff7dd15]{display:none}.project-name[data-v-eff7dd15]{max-width:120px}.header-center[data-v-eff7dd15]{display:none}.header-right[data-v-eff7dd15]{gap:8px}.header-right button span[data-v-eff7dd15]{display:none}.mobile-menu-btn[data-v-eff7dd15]{display:block}.collab-panel[data-v-eff7dd15]{right:10px;width:calc(100% - 20px);max-width:320px}}.section-library[data-v-2c754aa6]{padding:16px;border-bottom:1px solid #e5e7eb}.library-header[data-v-2c754aa6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.library-header h3[data-v-2c754aa6]{font-size:14px;font-weight:600;color:#374151}.toggle-btn[data-v-2c754aa6]{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-2c754aa6]:hover{background:#f3f4f6}.toggle-btn svg[data-v-2c754aa6]{transition:transform .2s}.toggle-btn svg.rotated[data-v-2c754aa6]{transform:rotate(180deg)}.sections-content[data-v-2c754aa6]{margin-top:12px}.section-search[data-v-2c754aa6]{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-2c754aa6]{flex:1;background:none;border:none;outline:none;font-size:13px;color:#374151}.section-search input[data-v-2c754aa6]::placeholder{color:#9ca3af}.category-tabs[data-v-2c754aa6]{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.category-tabs[data-v-2c754aa6]::-webkit-scrollbar{height:2px}.category-tabs[data-v-2c754aa6]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.category-tab[data-v-2c754aa6]{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-2c754aa6]:hover{background:#f9fafb;color:#374151}.category-tab.active[data-v-2c754aa6]{background:#5b21b6;color:#fff;border-color:#5b21b6}.sections-grid[data-v-2c754aa6]{display:grid;grid-template-columns:1fr;gap:8px;max-height:400px;overflow-y:auto}.section-card[data-v-2c754aa6]{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-2c754aa6]:hover{background:#f9fafb;border-color:#5b21b6;transform:translate(2px)}.section-preview[data-v-2c754aa6]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;color:#6b7280}.section-info[data-v-2c754aa6]{flex:1;display:flex;flex-direction:column;gap:2px}.section-name[data-v-2c754aa6]{font-size:13px;font-weight:500;color:#111827}.section-category[data-v-2c754aa6]{font-size:11px;color:#9ca3af;text-transform:capitalize}.section-actions[data-v-2c754aa6]{display:flex;gap:4px}.action-btn[data-v-2c754aa6]{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-2c754aa6]:hover{background:#e5e7eb;color:#374151}.empty-state[data-v-2c754aa6]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:#9ca3af}.empty-state p[data-v-2c754aa6]{font-size:13px}.modal-overlay[data-v-2c754aa6]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-2c754aa6]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-2c754aa6]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-2c754aa6]{font-size:18px;font-weight:600;color:#111827}.close-btn[data-v-2c754aa6]{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-2c754aa6]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-2c754aa6]{flex:1;padding:20px;overflow-y:auto}.variations-grid[data-v-2c754aa6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.variation-card[data-v-2c754aa6]{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-2c754aa6]:hover{background:#fff;border-color:#5b21b6}.variation-preview[data-v-2c754aa6]{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;position:relative}.style-badge[data-v-2c754aa6]{padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.style-badge.modern[data-v-2c754aa6]{background:#5b21b6;color:#fff}.style-badge.minimal[data-v-2c754aa6]{background:#f3f4f6;color:#374151}.style-badge.classic[data-v-2c754aa6]{background:#1e40af;color:#fff}.style-badge.bold[data-v-2c754aa6]{background:#dc2626;color:#fff}.variation-name[data-v-2c754aa6]{font-size:13px;font-weight:500;color:#374151;text-align:center}.expand-enter-active[data-v-2c754aa6],.expand-leave-active[data-v-2c754aa6]{transition:all .3s ease}.expand-enter-from[data-v-2c754aa6],.expand-leave-to[data-v-2c754aa6]{max-height:0;opacity:0}.modal-enter-active[data-v-2c754aa6],.modal-leave-active[data-v-2c754aa6]{transition:opacity .3s ease}.modal-enter-from[data-v-2c754aa6],.modal-leave-to[data-v-2c754aa6]{opacity:0}.modal-enter-active .modal-content[data-v-2c754aa6],.modal-leave-active .modal-content[data-v-2c754aa6]{transition:transform .3s ease}.modal-enter-from .modal-content[data-v-2c754aa6],.modal-leave-to .modal-content[data-v-2c754aa6]{transform:scale(.9)}.form-builder[data-v-0cf7506a]{padding:16px;border-bottom:1px solid #e5e7eb}.builder-header[data-v-0cf7506a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.builder-header h3[data-v-0cf7506a]{font-size:14px;font-weight:600;color:#374151}.toggle-btn[data-v-0cf7506a]{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-0cf7506a]:hover{background:#f3f4f6}.toggle-btn svg[data-v-0cf7506a]{transition:transform .2s}.toggle-btn svg.rotated[data-v-0cf7506a]{transform:rotate(180deg)}.builder-content[data-v-0cf7506a]{margin-top:12px}.quick-add[data-v-0cf7506a]{margin-bottom:20px}.quick-add h5[data-v-0cf7506a],.form-templates h5[data-v-0cf7506a],.form-settings h5[data-v-0cf7506a],.field-editor h5[data-v-0cf7506a],.form-preview h5[data-v-0cf7506a]{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.element-grid[data-v-0cf7506a]{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.element-btn[data-v-0cf7506a]{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-0cf7506a]:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.form-templates[data-v-0cf7506a]{margin-bottom:20px}.template-list[data-v-0cf7506a]{display:flex;flex-direction:column;gap:4px}.template-btn[data-v-0cf7506a]{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-0cf7506a]:hover{background:#f9fafb;border-color:#5b21b6;color:#374151}.form-settings[data-v-0cf7506a],.field-editor[data-v-0cf7506a]{margin-bottom:20px}.setting-group[data-v-0cf7506a]{margin-bottom:12px}.setting-group label[data-v-0cf7506a]{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}.setting-group input[type=text][data-v-0cf7506a],.setting-group input[type=email][data-v-0cf7506a],.setting-group select[data-v-0cf7506a]{width:100%;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px}.setting-group input[type=checkbox][data-v-0cf7506a]{margin-right:6px}.test-btn[data-v-0cf7506a]{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-0cf7506a]:hover{background:#4c1d95}.expand-enter-active[data-v-0cf7506a],.expand-leave-active[data-v-0cf7506a]{transition:all .3s ease}.expand-enter-from[data-v-0cf7506a],.expand-leave-to[data-v-0cf7506a]{max-height:0;opacity:0}.component-library[data-v-a6bc84d7]{height:100%;display:flex;flex-direction:column}.library-divider[data-v-a6bc84d7]{height:1px;background:#e5e7eb;margin:0}.library-header[data-v-a6bc84d7]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.library-header h3[data-v-a6bc84d7]{font-size:16px;font-weight:600;color:#1f2937}.view-toggle[data-v-a6bc84d7]{padding:6px;background:#fff;border:1px solid #D1D5DB;border-radius:4px;cursor:pointer;transition:all .2s}.view-toggle[data-v-a6bc84d7]:hover{background:#f3f4f6}.search-box[data-v-a6bc84d7]{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #E5E7EB;background:#f9fafb}.search-box input[data-v-a6bc84d7]{flex:1;margin-left:8px;padding:6px 8px;border:none;background:transparent;font-size:14px;outline:none}.library-content[data-v-a6bc84d7]{flex:1;overflow-y:auto;padding:12px}.category[data-v-a6bc84d7]{margin-bottom:16px}.category-header[data-v-a6bc84d7]{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-a6bc84d7]:hover{background:#f3f4f6}.category-header svg[data-v-a6bc84d7]{transition:transform .2s;margin-right:8px}.category-header svg.rotated[data-v-a6bc84d7]{transform:rotate(-90deg)}.category-header span[data-v-a6bc84d7]{flex:1;font-size:13px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.category-count[data-v-a6bc84d7]{font-size:11px;padding:2px 6px;background:#fff;border-radius:10px;color:#9ca3af}.component-grid[data-v-a6bc84d7]{padding:8px 0}.component-grid.grid[data-v-a6bc84d7]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.component-grid.list[data-v-a6bc84d7]{display:flex;flex-direction:column;gap:6px}.component-item[data-v-a6bc84d7]{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-a6bc84d7]:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.component-item.dragging[data-v-a6bc84d7]{opacity:.5;cursor:grabbing}.component-icon[data-v-a6bc84d7]{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-a6bc84d7]{margin-right:8px}.component-info[data-v-a6bc84d7]{flex:1;min-width:0}.component-name[data-v-a6bc84d7]{font-size:13px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-desc[data-v-a6bc84d7]{font-size:11px;color:#9ca3af;margin-top:2px}.component-grid.grid .component-info[data-v-a6bc84d7]{overflow:hidden}.component-grid.grid .component-name[data-v-a6bc84d7]{font-size:12px}.expand-enter-active[data-v-a6bc84d7],.expand-leave-active[data-v-a6bc84d7]{transition:all .2s ease;overflow:hidden}.expand-enter-from[data-v-a6bc84d7],.expand-leave-to[data-v-a6bc84d7]{opacity:0;max-height:0}.component-wrapper[data-v-fc4e3ab4]{position:relative;outline:2px solid transparent;transition:outline .2s;margin:4px 0}.component-wrapper.is-hovered[data-v-fc4e3ab4]{outline-color:#93c5fd}.component-wrapper.is-selected[data-v-fc4e3ab4]{outline-color:#3b82f6}.component-controls[data-v-fc4e3ab4]{position:absolute;top:-32px;right:0;display:flex;gap:4px;background:#3b82f6;border-radius:4px;padding:4px;z-index:100}.control-btn[data-v-fc4e3ab4]{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-fc4e3ab4]:hover{background:#f3f4f6}.drag-handle[data-v-fc4e3ab4]{cursor:move}.component-label[data-v-fc4e3ab4]{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-fc4e3ab4]{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-fc4e3ab4]{position:absolute;left:0;right:0;height:3px;background:#3b82f6;border-radius:2px}.hero-content[data-v-fc4e3ab4]{text-align:center;padding:60px 20px}.hero-content h1[data-v-fc4e3ab4]{font-size:48px;margin-bottom:16px}.hero-content p[data-v-fc4e3ab4]{font-size:20px;margin-bottom:24px;color:#6b7280}.hero-button[data-v-fc4e3ab4],.cta-button[data-v-fc4e3ab4]{padding:12px 32px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}.features-grid[data-v-fc4e3ab4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding:20px}.feature-item[data-v-fc4e3ab4]{text-align:center}.feature-icon[data-v-fc4e3ab4]{font-size:36px;margin-bottom:12px}.nav-content[data-v-fc4e3ab4]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.nav-logo[data-v-fc4e3ab4]{font-size:20px;font-weight:700}.nav-links[data-v-fc4e3ab4]{display:flex;gap:24px}.nav-links a[data-v-fc4e3ab4]{color:#4b5563;text-decoration:none}.footer-content[data-v-fc4e3ab4]{text-align:center;padding:32px 20px}.footer-links[data-v-fc4e3ab4]{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.footer-links a[data-v-fc4e3ab4]{color:#6b7280;text-decoration:none}.cta-content[data-v-fc4e3ab4]{text-align:center;padding:60px 20px}.cta-content h2[data-v-fc4e3ab4]{font-size:32px;margin-bottom:12px}.cta-content p[data-v-fc4e3ab4]{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-c3e710c3]{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.editor-header[data-v-c3e710c3]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.header-title[data-v-c3e710c3]{display:flex;align-items:center;gap:8px}.header-title h3[data-v-c3e710c3]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.header-actions[data-v-c3e710c3]{display:flex;gap:8px}.action-btn[data-v-c3e710c3]{padding:8px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.action-btn[data-v-c3e710c3]:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.primary[data-v-c3e710c3]{background:var(--primary);color:#fff}.action-btn.primary[data-v-c3e710c3]:hover{background:var(--primary-dark)}.empty-state[data-v-c3e710c3]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.empty-icon[data-v-c3e710c3]{margin-bottom:16px;color:var(--text-muted)}.empty-state p[data-v-c3e710c3]{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.browse-btn[data-v-c3e710c3]{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-c3e710c3]:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.editor-content[data-v-c3e710c3]{flex:1;display:flex;flex-direction:column;overflow:hidden}.playback-controls[data-v-c3e710c3]{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-c3e710c3]{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-c3e710c3]:hover{background:var(--primary-dark)}.control-btn[data-v-c3e710c3]{padding:6px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.control-btn[data-v-c3e710c3]:hover{background:var(--bg-hover);color:var(--text-primary)}.timeline-time[data-v-c3e710c3]{display:flex;align-items:center;gap:4px;margin-left:16px;font-family:monospace;font-size:12px;color:var(--text-secondary)}.divider[data-v-c3e710c3]{color:var(--text-muted)}.timeline-zoom[data-v-c3e710c3]{margin-left:auto;display:flex;align-items:center;gap:8px}.zoom-btn[data-v-c3e710c3]{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-c3e710c3]:hover{background:var(--bg-hover);color:var(--text-primary)}.zoom-level[data-v-c3e710c3]{font-size:12px;color:var(--text-secondary);min-width:40px;text-align:center}.timeline-container[data-v-c3e710c3]{flex:1;overflow:auto;background:var(--bg-secondary);position:relative}.timeline-ruler[data-v-c3e710c3]{height:40px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.time-markers[data-v-c3e710c3]{position:relative;height:100%}.time-marker[data-v-c3e710c3]{position:absolute;top:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.marker-line[data-v-c3e710c3]{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--border-color)}.marker-text[data-v-c3e710c3]{font-size:11px;color:var(--text-muted);padding:0 4px 4px;transform:translate(-50%)}.playhead[data-v-c3e710c3]{position:absolute;top:0;bottom:0;width:1px;background:var(--error);cursor:ew-resize;z-index:20}.playhead-handle[data-v-c3e710c3]{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-c3e710c3]{padding:8px 0}.animation-track[data-v-c3e710c3]{display:flex;align-items:stretch;border:1px solid transparent;border-radius:4px;margin:0 8px 4px;transition:all .2s}.animation-track[data-v-c3e710c3]:hover{background:var(--bg-hover)}.animation-track.active[data-v-c3e710c3]{border-color:var(--primary);background:var(--bg-hover)}.track-header[data-v-c3e710c3]{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-c3e710c3]{display:flex;flex-direction:column;gap:2px}.track-name[data-v-c3e710c3]{font-size:13px;font-weight:500;color:var(--text-primary)}.track-type[data-v-c3e710c3]{font-size:11px;color:var(--text-muted)}.track-controls[data-v-c3e710c3]{display:flex;gap:4px;opacity:0;transition:opacity .2s}.animation-track:hover .track-controls[data-v-c3e710c3]{opacity:1}.track-btn[data-v-c3e710c3]{padding:4px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.track-btn[data-v-c3e710c3]:hover{background:var(--bg-secondary);color:var(--text-primary)}.track-btn.delete[data-v-c3e710c3]:hover{background:var(--error-light);color:var(--error)}.track-btn.disabled[data-v-c3e710c3]{opacity:.5}.track-timeline[data-v-c3e710c3]{flex:1;position:relative;height:40px;margin:4px 0}.animation-bar[data-v-c3e710c3]{position:absolute;top:8px;height:24px;border-radius:4px;cursor:move;transition:opacity .2s;opacity:.8}.animation-bar[data-v-c3e710c3]:hover{opacity:1}.bar-handle[data-v-c3e710c3]{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.bar-handle.left[data-v-c3e710c3]{left:0;border-radius:4px 0 0 4px}.bar-handle.right[data-v-c3e710c3]{right:0;border-radius:0 4px 4px 0}.keyframe[data-v-c3e710c3]{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:move}.keyframe-dot[data-v-c3e710c3]{width:8px;height:8px;background:#fff;border:2px solid var(--primary);border-radius:50%}.animation-properties[data-v-c3e710c3]{padding:16px;border-top:1px solid var(--border-color);background:var(--bg-primary);max-height:400px;overflow-y:auto}.properties-title[data-v-c3e710c3]{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.property-group[data-v-c3e710c3]{margin-bottom:16px}.property-group label[data-v-c3e710c3]{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.property-group input[data-v-c3e710c3],.property-group select[data-v-c3e710c3]{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-c3e710c3]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.input-unit[data-v-c3e710c3]{display:flex;align-items:center;gap:4px}.input-unit input[data-v-c3e710c3]{flex:1}.input-unit span[data-v-c3e710c3]{font-size:12px;color:var(--text-muted)}.checkbox-label[data-v-c3e710c3]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-primary)}.easing-preview[data-v-c3e710c3]{margin:16px 0;padding:8px;background:var(--bg-secondary);border-radius:4px;display:flex;justify-content:center}.easing-preview canvas[data-v-c3e710c3]{border:1px solid var(--border-color);border-radius:4px;background:#fff}.custom-code-editor[data-v-9811aedd]{border-top:1px solid var(--border-color);height:100%;display:flex;flex-direction:column}.code-header[data-v-9811aedd]{padding:1rem;border-bottom:1px solid var(--border-color)}.code-header h3[data-v-9811aedd]{margin:0 0 12px;font-size:14px;font-weight:600}.code-tabs[data-v-9811aedd]{display:flex;gap:8px}.tab-btn[data-v-9811aedd]{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-9811aedd]{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-btn[data-v-9811aedd]:hover:not(.active){background:var(--hover-bg)}.code-content[data-v-9811aedd]{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}.editor-section[data-v-9811aedd]{display:flex;flex-direction:column;gap:12px}.editor-info[data-v-9811aedd]{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-9811aedd]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-width:100%;box-sizing:border-box}.event-handlers[data-v-9811aedd],.lifecycle-hooks[data-v-9811aedd]{display:flex;flex-direction:column;gap:16px}.event-handler[data-v-9811aedd],.lifecycle-hook[data-v-9811aedd]{display:flex;flex-direction:column;gap:8px}.event-handler label[data-v-9811aedd],.lifecycle-hook label[data-v-9811aedd]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.code-templates[data-v-9811aedd]{border-top:1px solid var(--border-color);padding:1rem}.code-templates h4[data-v-9811aedd]{margin:0 0 12px;font-size:13px;font-weight:600}.template-grid[data-v-9811aedd]{display:grid;gap:8px}.template-btn[data-v-9811aedd]{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-9811aedd]:hover{background:var(--hover-bg);border-color:var(--primary)}.template-name[data-v-9811aedd]{display:block;font-size:12px;font-weight:500;margin-bottom:2px}.template-desc[data-v-9811aedd]{display:block;font-size:11px;color:var(--text-secondary)}[data-v-9811aedd] .cm-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace}[data-v-9811aedd] .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-751855f4]{padding:16px;border-top:1px solid #e5e7eb}.editor-header[data-v-751855f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.editor-header h4[data-v-751855f4]{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.device-switcher[data-v-751855f4]{display:flex;gap:4px;background:#f3f4f6;border-radius:6px;padding:2px}.device-btn[data-v-751855f4]{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-751855f4]:hover{background:#fff;color:#374151}.device-btn.active[data-v-751855f4]{background:#fff;color:#5b21b6;box-shadow:0 1px 2px #0000000d}.visibility-section[data-v-751855f4],.spacing-section[data-v-751855f4],.typography-section[data-v-751855f4],.layout-section[data-v-751855f4],.breakpoint-preview[data-v-751855f4]{margin-bottom:24px}h5[data-v-751855f4]{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.visibility-controls[data-v-751855f4]{display:flex;flex-direction:column;gap:8px}.visibility-item[data-v-751855f4]{display:flex}.visibility-label[data-v-751855f4]{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-751855f4]:hover{background:#f9fafb;border-color:#d1d5db}.visibility-label input[type=checkbox][data-v-751855f4]{margin:0}.visibility-label span[data-v-751855f4]{font-size:12px;color:#374151}.control-group[data-v-751855f4]{margin-bottom:16px}.control-group label[data-v-751855f4]{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:6px}.spacing-inputs[data-v-751855f4]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.spacing-inputs input[data-v-751855f4]{padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;text-align:center}.spacing-inputs input[data-v-751855f4]:focus{outline:none;border-color:#5b21b6}.size-control[data-v-751855f4]{display:flex;gap:4px}.size-control input[data-v-751855f4]{flex:1;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px}.size-control select[data-v-751855f4]{padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;cursor:pointer}select[data-v-751855f4]{width:100%;padding:6px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;cursor:pointer}select[data-v-751855f4]:focus{outline:none;border-color:#5b21b6}.breakpoint-list[data-v-751855f4]{display:flex;flex-direction:column;gap:4px}.breakpoint-item[data-v-751855f4]{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-751855f4]{background:#5b21b6;border-color:#5b21b6;color:#fff}.bp-label[data-v-751855f4]{font-size:12px;font-weight:500}.bp-value[data-v-751855f4]{font-size:11px;opacity:.8}.typography-controls input[type=number][data-v-751855f4]{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-b206bf1a]{display:flex;gap:2px;padding:2px;background:#f3f4f6;border-radius:6px}.breakpoint-btn[data-v-b206bf1a]{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-b206bf1a]:hover{background:#fff;color:#4b5563}.breakpoint-btn.active[data-v-b206bf1a]{background:#fff;color:#3b82f6;box-shadow:0 1px 2px #0000000d}.layout-properties[data-v-2fd45cc0]{display:flex;flex-direction:column;gap:20px}.property-group[data-v-2fd45cc0]{display:flex;flex-direction:column;gap:10px}.property-group label[data-v-2fd45cc0]{font-size:12px;font-weight:600;color:#4b5563}.display-options[data-v-2fd45cc0]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.display-btn[data-v-2fd45cc0]{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-2fd45cc0]:hover{background:#f9fafb;border-color:#d1d5db}.display-btn.active[data-v-2fd45cc0]{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.dimension-inputs[data-v-2fd45cc0],.constraint-inputs[data-v-2fd45cc0],.grid-inputs[data-v-2fd45cc0],.input-row[data-v-2fd45cc0],.overflow-xy[data-v-2fd45cc0]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input-group[data-v-2fd45cc0]{display:flex;align-items:center;gap:6px}.input-label[data-v-2fd45cc0]{font-size:11px;color:#9ca3af;min-width:30px}.input-group input[data-v-2fd45cc0],.input-group select[data-v-2fd45cc0]{flex:1;padding:6px 8px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.input-group input[data-v-2fd45cc0]:focus,.input-group select[data-v-2fd45cc0]:focus{border-color:#3b82f6}.unit-select[data-v-2fd45cc0]{width:60px;flex:none}.constraints[data-v-2fd45cc0]{margin-top:8px}.toggle-btn[data-v-2fd45cc0]{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-2fd45cc0]:hover{color:#4b5563}.toggle-btn.small[data-v-2fd45cc0]{padding:4px}.toggle-btn svg[data-v-2fd45cc0]{transition:transform .2s}.toggle-btn svg.rotated[data-v-2fd45cc0]{transform:rotate(90deg)}.constraint-inputs[data-v-2fd45cc0]{margin-top:8px}.flex-controls[data-v-2fd45cc0]{display:flex;align-items:center;gap:12px}.control-label[data-v-2fd45cc0]{font-size:11px;color:#6b7280;min-width:60px}.button-group[data-v-2fd45cc0]{display:flex;border:1px solid #E5E7EB;border-radius:6px;overflow:hidden;flex:1}.button-group button[data-v-2fd45cc0]{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-2fd45cc0]:not(:last-child){border-right:1px solid #E5E7EB}.button-group button[data-v-2fd45cc0]:hover{background:#f9fafb}.button-group button.active[data-v-2fd45cc0]{background:#eff6ff;color:#3b82f6}.checkbox[data-v-2fd45cc0]{display:flex;align-items:center;gap:6px;font-size:12px;color:#4b5563;cursor:pointer}.checkbox input[data-v-2fd45cc0]{cursor:pointer}.grid-templates[data-v-2fd45cc0]{display:flex;gap:6px;margin-top:4px}.template-btn[data-v-2fd45cc0]{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-2fd45cc0]:hover{background:#f9fafb;border-color:#d1d5db}.full-select[data-v-2fd45cc0]{width:100%;padding:6px 10px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.full-select[data-v-2fd45cc0]:focus{border-color:#3b82f6}.position-inputs[data-v-2fd45cc0]{margin-top:8px}.overflow-controls[data-v-2fd45cc0]{display:flex;gap:8px}.overflow-select[data-v-2fd45cc0]{flex:1;padding:6px 10px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.overflow-select[data-v-2fd45cc0]: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-f45707cf]{height:100%;display:flex;flex-direction:column;background:#fafbfc}.editor-header[data-v-f45707cf]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-bottom:1px solid #E5E7EB}.header-title[data-v-f45707cf]{display:flex;align-items:center;gap:8px;color:#1f2937}.header-title h3[data-v-f45707cf]{font-size:15px;font-weight:600;margin:0}.header-actions[data-v-f45707cf]{display:flex;gap:4px}.action-btn[data-v-f45707cf]{padding:6px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.action-btn[data-v-f45707cf]:hover{background:#f3f4f6;color:#4b5563;border-color:#d1d5db}.action-btn.delete[data-v-f45707cf]{color:#ef4444;border-color:#fee2e2}.action-btn.delete[data-v-f45707cf]:hover{background:#fee2e2;border-color:#fca5a5}.empty-state[data-v-f45707cf]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.empty-icon[data-v-f45707cf]{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-f45707cf]{margin:0 0 4px;font-size:14px;font-weight:500;color:#4b5563}.empty-state .hint[data-v-f45707cf]{font-size:13px;color:#9ca3af;text-align:center;line-height:1.5}.empty-tips[data-v-f45707cf]{margin-top:24px;display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:10px;border:1px solid #F3F4F6;width:100%;max-width:240px}.empty-tip[data-v-f45707cf]{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#6b7280}.empty-tip kbd[data-v-f45707cf]{display:inline-block;padding:2px 6px;background:#fff;border:1px solid #E5E7EB;border-radius:4px;font-family:ui-monospace,monospace;font-size:.6875rem;color:#374151;box-shadow:0 1px #0000000d}.editor-content[data-v-f45707cf]{flex:1;overflow-y:auto;overflow-x:hidden}.search-box[data-v-f45707cf]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #E5E7EB}.search-box input[data-v-f45707cf]{flex:1;padding:6px 8px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none}.search-box input[data-v-f45707cf]:focus{border-color:#3b82f6}.property-section[data-v-f45707cf]{background:#fff;border-bottom:1px solid #E5E7EB}.section-header[data-v-f45707cf]{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;user-select:none;transition:background-color .2s}.section-header[data-v-f45707cf]:hover{background-color:#f9fafb}.section-header svg[data-v-f45707cf]{color:#6b7280;transition:transform .2s}.section-header svg.rotated[data-v-f45707cf]{transform:rotate(-90deg)}.section-title[data-v-f45707cf]{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1f2937}.section-title svg[data-v-f45707cf]{color:#6b7280}.section-badge[data-v-f45707cf]{margin-left:auto;padding:1px 7px;background:#f3f4f6;color:#6b7280;font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:999px}.component-type[data-v-f45707cf]{font-size:11px;padding:2px 8px;background:#eff6ff;color:#3b82f6;border-radius:4px;font-weight:500}.count[data-v-f45707cf]{font-size:11px;padding:2px 6px;background:#f3f4f6;color:#6b7280;border-radius:4px;font-weight:500}.section-content[data-v-f45707cf]{padding:16px;border-top:1px solid #F3F4F6}.section-content.no-padding[data-v-f45707cf]{padding:0}.no-content-editor[data-v-f45707cf]{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.info-grid[data-v-f45707cf]{display:grid;gap:12px}.info-item label[data-v-f45707cf]{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px}.info-item input[data-v-f45707cf]{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-f45707cf]:focus{border-color:#3b82f6}.id-display[data-v-f45707cf]{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px}.id-display code[data-v-f45707cf]{flex:1;font-family:monospace;font-size:12px;color:#6b7280}.copy-btn[data-v-f45707cf]{padding:4px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s}.copy-btn[data-v-f45707cf]:hover{background:#e5e7eb;color:#4b5563}.editor-content[data-v-f45707cf]::-webkit-scrollbar{width:6px}.editor-content[data-v-f45707cf]::-webkit-scrollbar-track{background:#f3f4f6}.editor-content[data-v-f45707cf]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.editor-content[data-v-f45707cf]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.code-viewer-overlay[data-v-e337f905]{position:fixed;inset:0;background:#000c;z-index:2000}.code-viewer[data-v-e337f905]{position:absolute;inset:40px;background:#1f2937;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.viewer-header[data-v-e337f905]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#111827;border-bottom:1px solid #374151}.tabs[data-v-e337f905]{display:flex;gap:8px}.tab[data-v-e337f905]{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-e337f905]:hover{background:#1f2937;color:#fff}.tab.active[data-v-e337f905]{background:#374151;color:#fff;border-color:#4b5563}.actions[data-v-e337f905]{display:flex;align-items:center;gap:12px}.action-btn[data-v-e337f905]{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-e337f905]:hover{background:#4b5563}.close-btn[data-v-e337f905]{padding:6px;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.close-btn[data-v-e337f905]:hover{color:#fff}.viewer-body[data-v-e337f905]{flex:1;overflow:hidden}.code-editor[data-v-e337f905],.code-editor[data-v-e337f905] .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-c4ccb9f9]{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-c4ccb9f9]{display:flex;align-items:center;padding:4px;color:#9ca3af;cursor:move}.drag-handle[data-v-c4ccb9f9]:hover{color:#6b7280}.action-group[data-v-c4ccb9f9]{display:flex;gap:2px}.action-btn[data-v-c4ccb9f9]{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-c4ccb9f9]:hover{background:#f3f4f6;color:#111827}.action-btn[data-v-c4ccb9f9]:disabled{opacity:.4;cursor:not-allowed}.action-btn.delete[data-v-c4ccb9f9]:hover{background:#fee2e2;color:#dc2626}.action-btn.active[data-v-c4ccb9f9]{background:#5b21b6;color:#fff}.tooltip[data-v-c4ccb9f9]{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-c4ccb9f9]{opacity:1}.divider[data-v-c4ccb9f9]{width:1px;height:24px;background:#e5e7eb;margin:0 4px}.close-btn[data-v-c4ccb9f9]{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-c4ccb9f9]:hover{background:#f3f4f6;color:#6b7280}.context-menu[data-v-c4ccb9f9]{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-c4ccb9f9]{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-c4ccb9f9]:hover{background:#f3f4f6}.context-item.delete[data-v-c4ccb9f9]{color:#dc2626}.context-item.delete[data-v-c4ccb9f9]:hover{background:#fee2e2}.shortcut[data-v-c4ccb9f9]{margin-left:auto;font-size:11px;color:#9ca3af}.context-divider[data-v-c4ccb9f9]{height:1px;background:#e5e7eb;margin:4px 0}.slide-enter-active[data-v-c4ccb9f9],.slide-leave-active[data-v-c4ccb9f9]{transition:all .3s ease}.slide-enter-from[data-v-c4ccb9f9]{transform:translate(-50%) translateY(-20px);opacity:0}.slide-leave-to[data-v-c4ccb9f9]{transform:translate(-50%) translateY(20px);opacity:0}.fade-enter-active[data-v-c4ccb9f9],.fade-leave-active[data-v-c4ccb9f9]{transition:opacity .2s ease}.fade-enter-from[data-v-c4ccb9f9],.fade-leave-to[data-v-c4ccb9f9]{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}}.ow-overlay[data-v-7167c6c5]{position:fixed;inset:0;z-index:1000;background:#0f172a99;display:grid;place-items:center;backdrop-filter:blur(4px);animation:ow-fade-7167c6c5 .2s ease-out}@keyframes ow-fade-7167c6c5{0%{opacity:0}to{opacity:1}}.ow[data-v-7167c6c5]{width:min(900px,94vw);max-height:92vh;background:#fff;border-radius:20px;box-shadow:0 40px 100px #00000059;display:flex;flex-direction:column;overflow:hidden;position:relative}.ow-skip[data-v-7167c6c5]{position:absolute;top:16px;right:16px;background:transparent;border:0;cursor:pointer;color:#6b7280;font-size:.875rem;font-weight:500;padding:6px 12px;border-radius:6px}.ow-skip[data-v-7167c6c5]:hover{background:#f3f4f6;color:#111827}.ow-back[data-v-7167c6c5]{background:transparent;border:0;cursor:pointer;color:#6b7280;font-size:.875rem;font-weight:500;padding:4px 0;margin-bottom:16px;align-self:flex-start}.ow-back[data-v-7167c6c5]:hover{color:#111827}.ow-step[data-v-7167c6c5]{padding:40px 48px 32px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.ow-step header[data-v-7167c6c5]{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.ow-eyebrow[data-v-7167c6c5]{font-size:.75rem;font-weight:600;color:#6366f1;letter-spacing:.1em;text-transform:uppercase}.ow-step h2[data-v-7167c6c5]{margin:0;font-size:1.875rem;font-weight:700;color:#111827;line-height:1.2}.ow-step header p[data-v-7167c6c5]{margin:0;color:#6b7280;font-size:.9375rem}.ow-grid[data-v-7167c6c5]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ow-grid--templates[data-v-7167c6c5]{grid-template-columns:repeat(2,1fr)}@media(max-width:700px){.ow-grid[data-v-7167c6c5]{grid-template-columns:1fr 1fr}.ow-grid--templates[data-v-7167c6c5]{grid-template-columns:1fr}}.ow-card[data-v-7167c6c5]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;background:#fff;border:2px solid #E5E7EB;border-radius:14px;cursor:pointer;text-align:left;transition:border-color .15s,transform .1s}.ow-card[data-v-7167c6c5]:hover{border-color:#c7d2fe;transform:translateY(-1px)}.ow-card.selected[data-v-7167c6c5]{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.ow-card-icon[data-v-7167c6c5]{font-size:1.75rem;margin-bottom:4px}.ow-card-title[data-v-7167c6c5]{font-weight:600;color:#111827;font-size:1rem}.ow-card-sub[data-v-7167c6c5]{color:#6b7280;font-size:.8125rem;line-height:1.4}.ow-template[data-v-7167c6c5]{display:flex;gap:14px;align-items:center;padding:12px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s,transform .1s}.ow-template[data-v-7167c6c5]:hover{border-color:#c7d2fe}.ow-template.selected[data-v-7167c6c5]{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.ow-template-thumb[data-v-7167c6c5]{width:100px;height:70px;background-color:#f3f4f6;background-size:cover;background-position:center;border-radius:8px;flex-shrink:0}.ow-template-thumb--blank[data-v-7167c6c5]{display:grid;place-items:center;font-size:1.5rem;color:#9ca3af;font-weight:300;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #D1D5DB}.ow-template-body[data-v-7167c6c5]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ow-template-title[data-v-7167c6c5]{font-weight:600;color:#111827;font-size:.9375rem}.ow-template-sub[data-v-7167c6c5]{color:#6b7280;font-size:.8125rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}footer[data-v-7167c6c5]{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #F3F4F6}.ow-toggle[data-v-7167c6c5]{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#4b5563;cursor:pointer}.ow-toggle input[data-v-7167c6c5]{width:16px;height:16px;cursor:pointer}.ow-btn-primary[data-v-7167c6c5]{padding:10px 22px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:0;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 12px -4px #6366f180}.ow-btn-primary[data-v-7167c6c5]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px -4px #6366f199}.ow-btn-primary[data-v-7167c6c5]:disabled{opacity:.4;cursor:not-allowed}.ow-btn-big[data-v-7167c6c5]{padding:12px 28px;font-size:1rem}.ow-btn-secondary[data-v-7167c6c5]{padding:10px 18px;background:transparent;border:0;color:#6b7280;font-weight:500;font-size:.875rem;cursor:pointer;border-radius:8px}.ow-btn-secondary[data-v-7167c6c5]:hover{background:#f3f4f6;color:#111827}.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}.ai-modal-overlay[data-v-494741f2]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ai-modal[data-v-494741f2]{background:#fff;border-radius:16px;width:100%;max-width:580px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header[data-v-494741f2]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f0f9ff,#f5f3ff)}.header-content[data-v-494741f2]{display:flex;align-items:center;gap:12px}.ai-icon[data-v-494741f2]{color:#7c3aed}.header-content h2[data-v-494741f2]{margin:0;font-size:20px;font-weight:600;color:#1f2937}.close-btn[data-v-494741f2]{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:8px;transition:all .2s}.close-btn[data-v-494741f2]:hover{background:#f3f4f6;color:#1f2937}.modal-body[data-v-494741f2]{padding:24px;overflow-y:auto;max-height:calc(90vh - 180px)}.input-section[data-v-494741f2]{margin-bottom:24px}.input-section label[data-v-494741f2]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.input-section textarea[data-v-494741f2]{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;resize:vertical;transition:all .2s;font-family:inherit}.input-section textarea[data-v-494741f2]:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.input-section textarea[data-v-494741f2]:disabled{background:#f9fafb;cursor:not-allowed}.options-section[data-v-494741f2]{margin-bottom:24px}.option-group label[data-v-494741f2]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:10px}.style-options[data-v-494741f2]{display:flex;gap:8px}.style-btn[data-v-494741f2]{flex:1;padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.style-btn[data-v-494741f2]:hover:not(:disabled){border-color:#d1d5db;color:#374151}.style-btn.active[data-v-494741f2]{border-color:#7c3aed;background:#f5f3ff;color:#7c3aed}.style-btn[data-v-494741f2]:disabled{opacity:.5;cursor:not-allowed}.examples-section label[data-v-494741f2]{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:10px}.examples-grid[data-v-494741f2]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.example-btn[data-v-494741f2]{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s;text-align:left}.example-btn[data-v-494741f2]:hover:not(:disabled){border-color:#7c3aed;background:#faf5ff;color:#7c3aed}.example-btn[data-v-494741f2]:disabled{opacity:.5;cursor:not-allowed}.modal-footer[data-v-494741f2]{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.error-message[data-v-494741f2]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:12px}.actions[data-v-494741f2]{display:flex;gap:12px;justify-content:flex-end}.btn-secondary[data-v-494741f2],.btn-primary[data-v-494741f2]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-v-494741f2]{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-secondary[data-v-494741f2]:hover:not(:disabled){background:#f3f4f6}.btn-primary[data-v-494741f2]{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;color:#fff}.btn-primary[data-v-494741f2]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.btn-primary[data-v-494741f2]:disabled,.btn-secondary[data-v-494741f2]:disabled{opacity:.5;cursor:not-allowed;transform:none}.spin[data-v-494741f2]{animation:spin-494741f2 1s linear infinite}@keyframes spin-494741f2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay[data-v-6caaceb3]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content[data-v-6caaceb3]{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:640px;width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-6caaceb3]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2[data-v-6caaceb3]{font-size:18px;font-weight:600;color:#111827;margin:0}.close-btn[data-v-6caaceb3]{width:32px;height:32px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.close-btn[data-v-6caaceb3]:hover{background:#f3f4f6;color:#111827}.shortcuts-grid[data-v-6caaceb3]{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.shortcut-category h3[data-v-6caaceb3]{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 12px}.shortcut-list[data-v-6caaceb3]{display:flex;flex-direction:column;gap:8px}.shortcut-item[data-v-6caaceb3]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border-radius:8px;gap:12px}.shortcut-description[data-v-6caaceb3]{font-size:14px;color:#374151}.shortcut-keys[data-v-6caaceb3]{display:flex;gap:4px;flex-shrink:0}.shortcut-keys kbd[data-v-6caaceb3]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:12px;font-weight:500;color:#374151;box-shadow:0 1px 2px #0000000d}.modal-footer[data-v-6caaceb3]{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-footer .hint[data-v-6caaceb3]{font-size:13px;color:#6b7280}.modal-footer kbd[data-v-6caaceb3]{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin:0 2px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:11px;font-weight:500;color:#374151}.modal-enter-active[data-v-6caaceb3],.modal-leave-active[data-v-6caaceb3]{transition:opacity .2s ease}.modal-enter-active .modal-content[data-v-6caaceb3],.modal-leave-active .modal-content[data-v-6caaceb3]{transition:transform .2s ease}.modal-enter-from[data-v-6caaceb3],.modal-leave-to[data-v-6caaceb3]{opacity:0}.modal-enter-from .modal-content[data-v-6caaceb3],.modal-leave-to .modal-content[data-v-6caaceb3]{transform:scale(.95)}: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}.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}}.ai-fab{position:fixed;bottom:96px;right:24px;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #7c3aed66;transition:all .3s ease;z-index:100}.ai-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px #7c3aed80}.ai-fab:active{transform:translateY(0) scale(.98)}.ai-fab svg{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.7}}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/firacode/v27/uU9NCBsR6Z2vfE9aq3bh0NSDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bh2dSDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bh0dSDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bh3tSDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bhZ_Wmh3mUfBsu_Q.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/uU9NCBsR6Z2vfE9aq3bh09SDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bh3dSDqFGedA.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/uU9NCBsR6Z2vfE9aq3bh0NSDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bh2dSDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bh0dSDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bh3tSDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bhZ_Wmh3mUfBsu_Q.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/uU9NCBsR6Z2vfE9aq3bh09SDqFGedCMX.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/uU9NCBsR6Z2vfE9aq3bh3dSDqFGedA.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.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/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.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}*,: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: }.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}.m12{margin:3rem}.m17{margin:4.25rem}.m2{margin:.5rem}.m4{margin:1rem}.m6{margin:1.5rem}.m7\.5{margin:1.875rem}.my{margin-top:1rem;margin-bottom:1rem}.me{margin-inline-end:1rem}.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}.table{display:table}.border-collapse{border-collapse:collapse}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.line-through{text-decoration-line:line-through}.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,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}