@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--primary: #4353ff;--primary-hover: #3440d9;--primary-light: #6672ff;--secondary: #10b981;--bg-page: #ffffff;--bg-surface: #fafafa;--bg-card: #ffffff;--bg-hover: #f5f5f5;--bg-input: #ffffff;--border: #e5e7eb;--border-hover: #d1d5db;--border-focus: #4353ff;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--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);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--wizard-fixed-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-base);margin:0;padding:0}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}.app-main{flex:1;padding:var(--space-2xl) var(--space-lg);max-width:var(--container-2xl);margin:0 auto;width:100%}.app-main-full{padding:0;max-width:none;margin:0}.app-header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);gap:var(--space-lg)}.logo-section{display:flex;align-items:center;gap:var(--space-md);min-width:200px}.logo-icon svg{color:var(--primary)}.logo-text h1{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--text-primary)}.logo-text p{font-size:var(--text-xs);margin:0;color:var(--text-muted)}.header-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);white-space:nowrap}.header-link:hover{color:var(--primary)}.logo-section{display:flex;align-items:center;gap:var(--space-md)}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.logo-text h1{font-family:Space Grotesk,sans-serif;font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.logo-text p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.header-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header-link:hover{color:var(--text-primary);background:var(--bg-hover)}.editor-layout{display:grid;grid-template-columns:460px minmax(0,1fr) 320px;gap:var(--space-lg);max-width:var(--container-2xl);margin:0 auto;width:100%}@media (max-width: 1400px){.editor-layout{grid-template-columns:420px minmax(0,1fr) 300px;gap:var(--space-md)}}@media (max-width: 1024px){.editor-layout{grid-template-columns:1fr;gap:var(--space-lg)}.right-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}}.right-panels{display:flex;flex-direction:column;gap:var(--space-lg)}.control-panel,.canvas-panel,.inspector-panel,.export-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.panel-title{font-family:Space Grotesk,sans-serif;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.panel-section{margin-bottom:var(--space-xl)}.panel-section:last-child{margin-bottom:0}.panel-divider{height:1px;background:var(--border);margin:var(--space-xl) 0}.section-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.section-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);display:block}.section-hint,.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-sm);display:block}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.mode-tab{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.mode-tab:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text-primary)}.mode-tab.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.upload-section{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:var(--text-sm);font-weight:500}.upload-button:hover{border-color:var(--primary);color:var(--primary);background:#4353ff05}.upload-button svg{color:var(--text-muted);transition:color var(--transition-fast)}.upload-button:hover svg{color:var(--primary)}.file-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.file-info svg{color:var(--success);flex-shrink:0}.full-width{width:100%}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.template-gallery.thumbs-only{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.template-thumb-btn{position:relative;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid var(--border);transition:all var(--transition-base);background:var(--bg-surface);padding:0;display:block;width:100%}.template-thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.template-thumb-btn:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-thumb-btn.active{border-color:var(--primary);box-shadow:0 0 0 3px #4353ff1a}.template-upload-top{margin-bottom:var(--space-md)}.empty-state-mini{grid-column:1 / -1;text-align:center;padding:var(--space-xl);color:var(--text-muted);font-size:var(--text-sm)}.template-card{position:relative;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid var(--border);transition:all var(--transition-base);background:var(--bg-surface)}.template-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-card.active{border-color:var(--primary);box-shadow:0 0 0 3px #4353ff1a}.template-thumb{width:100%;height:100%;object-fit:cover}.template-label{position:absolute;bottom:0;left:0;right:0;padding:var(--space-sm);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:var(--text-xs);font-weight:500;opacity:0;transition:opacity var(--transition-fast)}.template-card:hover .template-label{opacity:1}.template-card-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-secondary);border-style:dashed}.template-card-add:hover{color:var(--primary);border-color:var(--primary);background:#4353ff05}.template-card-add svg{width:24px;height:24px}.template-card-add span{font-size:var(--text-xs);font-weight:500}.form-group{margin-bottom:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #4353ff1a}.form-textarea{resize:vertical;min-height:80px}.empty-inspector{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);text-align:center;color:var(--text-muted);gap:var(--space-md)}.empty-inspector svg{color:var(--text-muted);opacity:.5}.empty-inspector p{font-size:var(--text-sm);max-width:200px}.inspector-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:#4353ff1a;color:var(--primary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);margin-bottom:var(--space-lg)}.color-picker-row{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:center}.color-swatch{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.color-swatch:hover{border-color:var(--border-hover);transform:scale(1.05)}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;font-family:inherit;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.btn-danger{background:var(--error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-upload-template{width:100%;justify-content:flex-start;padding:var(--space-md) var(--space-lg)}.btn-upload-template svg{flex-shrink:0}button:disabled{opacity:.5;cursor:not-allowed}.btn-wide{width:100%}.spinner-small{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.canvas-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.canvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border);background:var(--bg-surface)}.canvas-title-section{flex:1}.canvas-title{font-family:Space Grotesk,sans-serif;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.canvas-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin:0}.canvas-badge{padding:var(--space-xs) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.canvas-container{display:flex;justify-content:center;align-items:center;background:var(--bg-surface);padding:var(--space-xl);min-height:550px;position:relative;overflow:hidden}.canvas-stage-outer{display:flex;justify-content:center;align-items:center;transform-origin:center center}.canvas-stage-outer>div{box-shadow:var(--shadow-xl);border-radius:var(--radius-md);display:block}.canvas-footer{padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border-top:1px solid var(--border)}.canvas-hint{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted)}.canvas-hint svg{color:var(--text-secondary);flex-shrink:0}.export-info{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.export-stat{text-align:center;padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border)}.export-stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--primary);font-family:Space Grotesk,sans-serif}.export-stat-label{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-xs);font-weight:500}.export-warning{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#d97706;font-size:var(--text-sm);margin-bottom:var(--space-lg)}.export-buttons{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.export-notes{padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);border-left:3px solid var(--primary)}.export-note{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.export-note strong{color:var(--text-primary)}.manual-table{margin-top:var(--space-md)}.table-header{display:grid;grid-template-columns:1fr 1fr 40px;gap:var(--space-sm);padding:var(--space-sm) 0;margin-bottom:var(--space-sm)}.table-header-cell{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table-body{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.table-row{display:grid;grid-template-columns:1fr 1fr 40px;gap:var(--space-sm);align-items:center}.table-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.table-input:hover{border-color:var(--border-hover)}.table-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #4353ff1a}.table-input::placeholder{color:var(--text-muted)}.table-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0}.table-remove-btn:hover:not(:disabled){border-color:var(--error);background:#ef44441a;color:var(--error)}.table-remove-btn:disabled{opacity:.3;cursor:not-allowed}.add-row-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;font-family:inherit;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.add-row-btn:hover{color:var(--primary);border-color:var(--primary);background:#4353ff05}.table-hint{margin-top:var(--space-md);font-size:var(--text-xs);color:var(--text-muted);text-align:center}.manual-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-md)}.manual-table.legacy{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.manual-table.legacy th{background:var(--bg-surface);padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border)}.manual-table.legacy td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border)}.manual-table.legacy tr:last-child td{border-bottom:none}.manual-table.legacy input{width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;transition:all var(--transition-fast)}.manual-table.legacy input:focus{outline:none;border-color:var(--border-focus);background:var(--bg-input)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg);text-align:center;background:var(--bg-page);padding:var(--space-3xl)}.loading-state p,.error-state p{color:var(--text-secondary);font-size:var(--text-base)}.error-state h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:600}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.error-icon{font-size:var(--text-5xl)}.bw-home{min-height:100vh;background:var(--bg-page)}.bw-nav{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bw-nav-inner{max-width:var(--container-xl);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.bw-brand{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;color:var(--text-primary)}.bw-mark{width:32px;height:32px;color:var(--primary)}.bw-brand-name{font-family:Space Grotesk,sans-serif;font-size:var(--text-lg);font-weight:700;display:block}.bw-brand-sub{font-size:var(--text-xs);color:var(--text-secondary);display:block}.bw-links{display:flex;gap:var(--space-lg)}.bw-links a{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.bw-links a:hover{color:var(--text-primary)}.bw-actions{display:flex;gap:var(--space-md)}.bw-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer;font-family:inherit}.bw-btn-primary{background:var(--primary);color:var(--text-inverse)}.bw-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.bw-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.bw-btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-hover)}.bw-btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.bw-btn-wide{width:100%;justify-content:center}.bw-hero{padding:var(--space-3xl) var(--space-lg);background:linear-gradient(to bottom,var(--bg-page),var(--bg-surface))}.bw-hero-inner{max-width:var(--container-xl);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}@media (max-width: 1024px){.bw-hero-inner{grid-template-columns:1fr;gap:var(--space-2xl)}}.bw-pill{display:inline-block;padding:var(--space-xs) var(--space-md);background:#4353ff1a;color:var(--primary);font-size:var(--text-xs);font-weight:600;border-radius:999px;margin-bottom:var(--space-lg)}.bw-hero h1{font-family:Space Grotesk,sans-serif;font-size:var(--text-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-lg);color:var(--text-primary)}.bw-hero p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.bw-cta{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl)}@media (max-width: 640px){.bw-cta{flex-direction:column}}.bw-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.bw-metric{padding:var(--space-md) 0;border-left:2px solid var(--primary);padding-left:var(--space-md)}.bw-metric-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.bw-metric-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.bw-hero-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.bw-card-top{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-surface)}.bw-card-dot{width:12px;height:12px;border-radius:50%;background:var(--border)}.bw-card-title{font-size:var(--text-sm);font-weight:600;margin-left:auto;color:var(--text-secondary)}.bw-card-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.bw-mock{display:flex;gap:var(--space-md)}.bw-mock-thumb{width:80px;height:60px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.bw-mock-lines{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.bw-line{height:12px;background:var(--bg-surface);border-radius:var(--radius-sm)}.bw-line-lg{width:80%}.bw-line-sm{width:60%}.bw-mock-certs{display:flex;gap:var(--space-sm)}.bw-cert{flex:1;aspect-ratio:4/3;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.bw-card-foot{padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border-top:1px solid var(--border);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.bw-section{padding:var(--space-3xl) var(--space-lg)}.bw-section-inner{max-width:var(--container-xl);margin:0 auto}.bw-section h2{font-family:Space Grotesk,sans-serif;font-size:var(--text-4xl);font-weight:700;text-align:center;margin-bottom:var(--space-md);color:var(--text-primary)}.bw-section-sub{text-align:center;font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-3xl);max-width:600px;margin-left:auto;margin-right:auto}.bw-grid{display:grid;gap:var(--space-lg)}.bw-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bw-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);text-decoration:none;color:inherit;display:flex;flex-direction:column}.bw-tile:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bw-tile-head{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.bw-tile-icon{width:44px;height:44px;background:#4353ff1a;color:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bw-tile-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.bw-tile-sub{font-size:var(--text-sm);color:var(--text-muted)}.bw-bullets{list-style:none;margin:var(--space-md) 0;flex:1}.bw-bullets li{padding:var(--space-xs) 0;padding-left:var(--space-lg);position:relative;font-size:var(--text-sm);color:var(--text-secondary)}.bw-bullets li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.bw-tile-cta{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border);font-size:var(--text-sm);font-weight:500;color:var(--primary)}.bw-muted{color:var(--text-muted)}.bw-pricing{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1000px;margin:0 auto}.bw-price-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;position:relative}.bw-price-popular{border-color:var(--primary);box-shadow:0 0 0 3px #4353ff1a}.bw-price-head{text-align:center;margin-bottom:var(--space-xl)}.bw-price-head h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.bw-price{font-family:Space Grotesk,sans-serif;font-size:var(--text-4xl);font-weight:700;color:var(--text-primary)}.bw-price-sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-xs)}.bw-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-xl) var(--space-lg);margin-top:var(--space-3xl)}.bw-footer-inner{max-width:var(--container-xl);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);font-size:var(--text-sm)}.bw-footer-left,.bw-footer-right{display:flex;align-items:center;gap:var(--space-md)}.bw-footer-brand{font-weight:600;color:var(--text-primary)}.bw-footer-dot{color:var(--text-muted)}.bw-footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.bw-footer a:hover{color:var(--text-primary)}@media (max-width: 768px){:root{--text-5xl: 2.25rem;--text-4xl: 1.875rem;--text-3xl: 1.5rem}.bw-metrics{grid-template-columns:1fr}.bw-links{display:none}.bw-footer-inner{flex-direction:column;text-align:center}}.bw-small{font-size:var(--text-xs)}.bw-email{font-weight:600;color:var(--text-primary)}.bw-hint{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.bw-section-tight{padding:var(--space-2xl) var(--space-lg)}.bw-email-cta{background:linear-gradient(135deg,#4353ff0d,#10b9810d)}.bw-email-form{display:flex;gap:var(--space-md);max-width:500px;margin:0 auto var(--space-lg)}.bw-input{flex:1;padding:var(--space-md);font-size:var(--text-base);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;transition:all var(--transition-fast)}.bw-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4353ff1a}.bw-benefits{background:var(--bg-surface)}.step-wizard{background:var(--bg-card);border-bottom:1px solid var(--border);padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-xl)}.step-wizard-fixed{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--wizard-fixed-height);padding:0 var(--space-lg);margin-bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center}.step-wizard-fixed .step-wizard-inner-topbar,.step-wizard-fixed .step-wizard-inner{width:100%;height:100%;display:flex;align-items:center}.step-wizard-fixed .step-wizard-inner{max-width:none;width:100%}.step-wizard-inner-topbar{justify-content:space-between;gap:var(--space-lg)}.topbar-left,.topbar-right{display:flex;align-items:center;flex:0 0 auto;min-width:220px}.topbar-right{justify-content:flex-end}.topbar-brand{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;color:var(--text-primary)}.topbar-brand:hover{color:var(--primary)}.topbar-logo{display:inline-flex;align-items:center;justify-content:center;color:var(--primary)}.topbar-text{display:flex;flex-direction:column;line-height:1.1}.topbar-title{font-family:Space Grotesk,sans-serif;font-size:var(--text-base);font-weight:700}.topbar-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.topbar-back{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.topbar-back:hover{color:var(--text-primary);background:var(--bg-hover)}.step-wizard-steps-top{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:0}.step-wizard-fixed .step-wizard-steps-top .step-item{flex:0 1 260px}@media (max-width: 1100px){.topbar-left,.topbar-right{min-width:auto}.topbar-subtitle{display:none}.step-wizard-fixed .step-wizard-steps-top .step-item{flex-basis:220px}}@media (max-width: 860px){.topbar-text{display:none}.topbar-back{white-space:nowrap}.step-wizard-fixed .step-wizard-steps-top .step-item{flex-basis:180px;padding:var(--space-xs) var(--space-sm)}.step-wizard-fixed .step-connector{display:none}}.step-wizard-fixed .step-desc{display:none}.step-wizard-fixed .step-item{padding:var(--space-sm) var(--space-md)}.step-wizard-fixed .step-number{width:28px;height:28px;font-size:var(--text-xs)}.step-wizard-fixed .step-connector{width:24px}.step-wizard-inner{display:flex;align-items:center;justify-content:center;max-width:800px;margin:0 auto;gap:var(--space-sm)}.step-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit;flex:1}.step-item:disabled{opacity:.5;cursor:not-allowed}.step-item:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover)}.step-item.active{border-color:var(--primary);background:#4353ff0d}.step-item.completed{border-color:var(--success)}.step-number{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0;transition:all var(--transition-base)}.step-item.active .step-number{background:var(--primary);border-color:var(--primary);color:#fff}.step-item.completed .step-number{background:var(--success);border-color:var(--success);color:#fff}.step-content{text-align:left}.step-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.step-desc{font-size:var(--text-xs);color:var(--text-muted)}.step-connector{width:40px;height:2px;background:var(--border);flex-shrink:0;transition:background var(--transition-base)}.step-connector.completed{background:var(--success)}.step-panel{display:flex;flex-direction:column;min-height:600px}.step-header{text-align:center;padding:var(--space-2xl) var(--space-lg) var(--space-xl)}.step-icon{font-size:48px;margin-bottom:var(--space-md)}.step-main-title{font-family:Space Grotesk,sans-serif;font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.step-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.step-body{flex:1;padding:0 var(--space-lg) var(--space-xl)}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);border-top:1px solid var(--border);background:var(--bg-surface)}.btn-large{padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.btn-next{margin-left:auto}.control-group{margin-bottom:var(--space-xl)}.control-label{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.label-text{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.label-hint{font-size:var(--text-xs);color:var(--text-muted)}.hint-box{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#4353ff0d;border:1px solid rgba(67,83,255,.2);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-sm)}.hint-box svg{color:var(--primary);flex-shrink:0;margin-top:2px}.hint-interactive{background:#10b9810d;border-color:#10b98133}.hint-interactive svg{color:var(--success)}.error-box{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--error);margin-top:var(--space-md)}.btn-upload-large{width:100%;display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--bg-surface);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit;margin-bottom:var(--space-xl)}.btn-upload-large:hover{border-color:var(--primary);background:#4353ff05}.upload-icon{width:56px;height:56px;background:#4353ff1a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.upload-text{text-align:left;flex:1}.upload-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.upload-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.template-toolbar{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.template-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tag-chip{padding:var(--space-xs) var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.tag-chip:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text-primary)}.tag-chip.active{background:#4353ff1a;border-color:#4353ff59;color:var(--text-primary)}.template-grid-step1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.step-panel-template .step-header{padding:var(--space-xl) var(--space-lg) var(--space-md)}.step-panel-template .step-icon{font-size:36px;margin-bottom:var(--space-sm)}.step-panel-template .step-subtitle{margin-top:0}.step-panel-template .btn-upload-template{margin-bottom:var(--space-md)}.step-panel-template .template-toolbar{gap:var(--space-sm);margin-bottom:var(--space-md)}.step-panel-template .template-grid-step1{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.step-panel-template .template-card-large{padding:var(--space-sm);gap:var(--space-sm)}.step-panel-template .template-preview{aspect-ratio:16 / 10}@media (max-width: 640px){.step-panel-template .template-grid-step1{grid-template-columns:1fr}}.step-footer-right{display:flex;justify-content:flex-end;padding:var(--space-lg) var(--space-lg);border-top:1px solid var(--border);background:var(--bg-surface)}.template-card-large{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-md)}.template-card-large:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-card-large.active{border-color:var(--primary);box-shadow:0 0 0 3px #4353ff1a}.template-preview{aspect-ratio:4/3;background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden}.template-preview img{width:100%;height:100%;object-fit:cover}.template-info{display:flex;align-items:center;justify-content:space-between}.template-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.template-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm)}.empty-templates{grid-column:1 / -1;text-align:center;padding:var(--space-3xl);color:var(--text-muted)}.empty-templates svg{opacity:.3;margin-bottom:var(--space-lg)}.empty-templates p{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-xs)}.empty-templates span{font-size:var(--text-sm)}.control-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.section-title-step{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.section-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.input-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.mode-tab-large{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.mode-tab-large:hover{border-color:var(--border-hover);background:var(--bg-hover)}.mode-tab-large.active{border-color:var(--primary);background:#4353ff0d}.mode-icon{width:48px;height:48px;background:var(--bg-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.mode-tab-large.active .mode-icon{background:#4353ff1a;color:var(--primary)}.mode-content{text-align:left}.mode-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:2px}.mode-desc{font-size:var(--text-sm);color:var(--text-muted)}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);background:var(--bg-surface);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.upload-zone:hover{border-color:var(--primary);background:#4353ff05}.upload-icon-large{color:var(--text-muted)}.upload-text-large{text-align:center}.upload-title-large{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.upload-subtitle-large{font-size:var(--text-sm);color:var(--text-muted)}.file-uploaded{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg)}.file-icon{color:var(--success);flex-shrink:0}.file-details{flex:1}.file-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.file-size{font-size:var(--text-sm);color:var(--text-secondary)}.step-status{display:flex;align-items:center;gap:var(--space-md)}.status-ready{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#10b9811a;color:var(--success);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md)}.status-pending{padding:var(--space-sm) var(--space-lg);background:var(--bg-surface);color:var(--text-muted);font-size:var(--text-sm);border-radius:var(--radius-md)}.editor-container{min-height:100vh;background:var(--bg-page);padding-top:var(--wizard-fixed-height)}.editor-layout-stepped{display:grid;grid-template-columns:400px 1fr 400px;gap:0;width:100%;height:calc(100vh - var(--wizard-fixed-height))}.step-sidebar{background:var(--bg-card);border-right:1px solid var(--border);overflow-y:auto;height:100%}.step-preview{background:var(--bg-surface);padding:var(--space-xl);display:flex;align-items:center;justify-content:center;height:100%;width:100%}.step-right-panel{background:var(--bg-card);border-left:1px solid var(--border);overflow-y:auto;height:100%;padding:var(--space-lg)}@media (max-width: 1400px){.editor-layout-stepped{grid-template-columns:350px 1fr 350px}}@media (max-width: 1200px){.editor-layout-stepped{grid-template-columns:1fr;height:auto}.step-sidebar,.step-right-panel{height:auto}.step-preview{min-height:600px}.step-right-panel{border-left:none;border-top:1px solid var(--border)}}.step-panel-compact{display:flex;flex-direction:column;height:100%}.step-header-compact{padding:var(--space-lg);border-bottom:1px solid var(--border);background:var(--bg-surface)}.step-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.step-title-compact{display:flex;align-items:center;gap:var(--space-md)}.step-icon-small{font-size:24px}.step-main-title-compact{font-family:Space Grotesk,sans-serif;font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.step-subtitle-compact{font-size:var(--text-sm);color:var(--text-muted);margin:0}.step-actions-inline{display:flex;align-items:center;gap:var(--space-sm)}.status-ready-inline{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:#10b9811a;color:var(--success);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md)}.step-body-scroll{flex:1;overflow-y:auto;padding:var(--space-lg)}.step-layout-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.step-col-left,.step-col-right{min-width:0}.control-section-compact{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.section-title-compact{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.section-desc-compact{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-lg)}.control-stack{display:flex;flex-direction:column;gap:var(--space-md)}.control-group-compact{margin-bottom:0}.control-label-compact{display:block;margin-bottom:var(--space-xs)}.input-mode-tabs-compact{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-lg)}.mode-tab-compact{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);font-size:var(--text-sm);font-weight:500;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.mode-tab-compact:hover{border-color:var(--border-hover);background:var(--bg-hover)}.mode-tab-compact.active{background:var(--primary);color:#fff;border-color:var(--primary)}.upload-area-compact{margin-top:var(--space-md)}.upload-zone-compact{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);background:var(--bg-surface);border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);width:100%}.upload-zone-compact:hover{border-color:var(--primary);background:#4353ff05}.upload-text-compact{text-align:center}.upload-title-compact{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.upload-subtitle-compact{font-size:var(--text-xs);color:var(--text-muted)}.file-uploaded-compact{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md)}.file-icon-compact{color:var(--success);flex-shrink:0}.file-details-compact{flex:1}.file-name-compact{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.file-size-compact{font-size:var(--text-xs);color:var(--text-muted)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.error-box-compact{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--error);margin-top:var(--space-md)}.editor-layout-stepped{height:calc(100vh - var(--wizard-fixed-height))}.header-content .step-wizard{background:transparent;border:none;padding:0;margin:0}.header-content .step-wizard-inner{max-width:600px}.header-content .step-wizard-inner{gap:var(--space-xs)}.header-content .step-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.header-content .step-number{width:28px;height:28px;font-size:var(--text-xs)}.header-content .step-desc{display:none}.header-content .step-connector{width:24px}.panel-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.panel-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-lg) 0}.step-wizard-fixed .step-wizard-inner-topbar{max-width:none;margin:0}