@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;1,400&family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary: #8B70F6;--color-primary-hover: #7E64F2;--color-primary-light: rgba(139, 112, 246, .1);--color-success: #34C759;--color-error: #FF3B30;--color-warning: #FF9500;--color-bg: #F5F4F0;--color-bg-secondary: #ECEAE7;--color-surface: #FFFFFF;--color-surface-elevated: #FAF9F7;--color-text-primary: #0D0D0D;--color-text-secondary: #555555;--color-text-tertiary: #888888;--color-border: #E0E0E0;--color-border-hover: rgba(139, 112, 246, .3);--color-border-focus: #8B70F6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-glow: 0 0 0 4px rgba(139, 112, 246, .15);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px}.dark{--color-bg: #1A1A1A;--color-bg-secondary: #0F0F0F;--color-surface: #1E1E1E;--color-surface-elevated: #252525;--color-text-primary: #FFFFFF;--color-text-secondary: #C0C0C0;--color-text-tertiary: #888888;--color-border: #404040;--color-border-hover: rgba(139, 112, 246, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.home-page{min-height:100vh;background:linear-gradient(-45deg,var(--color-bg),var(--color-bg-secondary),var(--color-primary-light),var(--color-bg-secondary));background-size:400% 400%;animation:gradientBG 15s ease infinite}.home-header{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.home-header-content{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.home-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{color:var(--color-primary)}.logo-text{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.home-header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-smooth)}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.user-menu-inline{display:flex;align-items:center;gap:.5rem}.user-avatar-small{width:32px;height:32px;background:linear-gradient(135deg,#8b70f6,#9d7dff);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem}.user-name{font-size:.9rem;color:var(--color-text-secondary)}.btn-new-presentation{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(to top,#8b70f6,#9d7dff);color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.btn-new-presentation:hover{background:linear-gradient(to top,#7e64f2,#8b70f6);box-shadow:0 4px 16px #8b70f64d}.home-main{max-width:1400px;margin:0 auto;padding:3rem 1.5rem}.hero-section{text-align:center;margin-bottom:4rem}.hero-title{font-family:"Instrument Serif",serif;font-size:3.5rem;line-height:1.1;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:1rem}.hero-title em{font-style:italic;background:linear-gradient(to right,var(--color-primary),#B3A0FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:50ch;margin:0 auto}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem}.quick-action-card{background:linear-gradient(-45deg,#8b70f626,#8b70f640,#9d7dff26,#8b70f633);background-size:300% 300%;animation:gradientBG 12s ease infinite;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.quick-action-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px var(--color-primary-light)}.quick-action-icon{width:48px;height:48px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:1rem}.quick-action-icon.ai{background:linear-gradient(135deg,#8b70f61a,#9d7dff1a);border-color:#8b70f633}.quick-action-card h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.quick-action-card p{font-size:.875rem;color:var(--color-text-secondary)}.template-section{margin-bottom:4rem}.section-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.template-card{background:linear-gradient(-45deg,#8b70f626,#8b70f640,#9d7dff26,#8b70f633);background-size:300% 300%;animation:gradientBG 12s ease infinite;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.template-card:hover,.template-card.hovered{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px var(--color-primary-light)}.template-thumbnail{aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg)}.template-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-smooth)}.template-card:hover .template-thumbnail img{transform:scale(1.05)}.template-info{padding:1.25rem}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.template-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.template-category{font-size:.75rem;padding:.25rem .75rem;background:var(--color-bg);color:var(--color-text-secondary);border-radius:var(--radius-md)}.template-description{font-size:.875rem;color:var(--color-text-secondary)}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-tab{padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.category-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.template-preview{aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%);display:flex;align-items:center;justify-content:center}.template-preview-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.6;transition:all var(--duration-normal) var(--ease-smooth)}.template-card:hover .template-preview-placeholder{opacity:1;transform:scale(1.1)}.template-use-btn{display:flex;align-items:center;gap:.25rem;margin-top:.75rem;color:var(--color-primary);font-size:.8rem;font-weight:600}.generate-page{min-height:100vh;background:var(--color-bg)}.generate-container{max-width:100%;margin:0 auto;padding:2rem 3rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:1.5rem;transition:all var(--duration-fast) var(--ease-smooth)}.back-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.generate-header{text-align:center;padding:2rem;margin-bottom:2rem;background:linear-gradient(135deg,#8b70f60a,#9d7dff0a);border-radius:var(--radius-xl);border:1px solid rgba(139,112,246,.08)}.editor-page{min-height:100vh;background:var(--color-bg-secondary);display:flex;flex-direction:column}.editor-header{height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.editor-header-left{display:flex;align-items:center;gap:1rem}.back-button-small{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-smooth)}.back-button-small:hover{border-color:var(--color-primary);color:var(--color-primary)}.editor-logo{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color-text-primary)}.editor-header-center{display:flex;gap:.5rem}.tool-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-smooth)}.tool-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.editor-header-right{display:flex;gap:.5rem}.editor-layout{flex:1;display:flex;overflow:hidden}.slide-panel{width:200px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.slide-panel-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);font-weight:600;font-size:.875rem}.add-slide-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.slide-list{flex:1;overflow-y:auto;padding:.5rem}.slide-thumb{position:relative;margin-bottom:.5rem;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--duration-fast) var(--ease-smooth)}.slide-thumb-preview{aspect-ratio:16 / 10;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.slide-number{font-size:1.5rem;font-weight:700;color:var(--color-text-tertiary)}.slide-thumb-actions{position:absolute;top:.25rem;right:.25rem;opacity:0;transition:opacity var(--duration-fast)}.slide-thumb:hover .slide-thumb-actions{opacity:1}.delete-slide-btn{width:20px;height:20px;border-radius:var(--radius-sm);border:none;background:#ff3b30e6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem;overflow:hidden}.canvas-wrapper{width:100%;max-width:1280px;aspect-ratio:16 / 9;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.canvas{width:100%;height:100%;position:relative}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.canvas-element{position:absolute;cursor:move;border:2px solid transparent;transition:border-color var(--duration-fast)}.canvas-element.selected{border-color:var(--color-primary)}.overflow-badge{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:999px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;pointer-events:none}.text-element{padding:.5rem;outline:none}.shape-element{width:100%;height:100%;border-radius:var(--radius-md)}.alignment-guide{position:absolute;background:#f0f;z-index:1000;pointer-events:none}.alignment-guide.vertical{width:1px;box-shadow:0 0 4px #f0f,0 0 8px #ff00ff80}.alignment-guide.horizontal{height:1px;box-shadow:0 0 4px #f0f,0 0 8px #ff00ff80}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-tertiary);background:var(--color-bg);border-radius:var(--radius-md)}.slide-navigation{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.nav-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-smooth)}.nav-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.slide-counter{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.right-panels-container{display:flex;height:100%}.properties-panel{width:320px;background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;z-index:50;box-shadow:-4px 0 30px #0000004d}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:transparent}.properties-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.properties-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.properties-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--color-surface-elevated) 0%,var(--color-surface) 100%);position:sticky;top:0;z-index:10}.header-title{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1rem;color:var(--color-primary)}.title-icon{color:var(--color-primary)}.close-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.close-btn:hover{background:#ff3b3026;border-color:var(--color-error);color:var(--color-error)}.properties-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.75rem}.properties-section{display:flex;flex-direction:column;gap:1rem}.section-title-small{font-size:.7rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.25rem}.elements-list{display:flex;flex-direction:column;gap:.875rem}.element-property-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.875rem;transition:all var(--duration-fast)}.element-property-card:hover{border-color:#8b70f666;box-shadow:0 4px 20px #8b70f61a}.element-header{display:flex;align-items:center;justify-content:space-between}.element-label{font-size:.8rem;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.property-row{display:flex;align-items:center;gap:.625rem}.property-row.secondary{margin-top:.5rem;padding-top:.875rem;border-top:1px solid var(--color-border)}.font-selector-wrapper{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem .75rem;transition:all var(--duration-fast)}.font-selector-wrapper:hover{border-color:var(--color-primary-light)}.font-selector-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b70f626}.font-selector-wrapper .input-icon{color:var(--color-text-tertiary);flex-shrink:0}.font-select-pro{flex:1;background:transparent;border:none;font-size:.8rem;font-weight:500;color:var(--color-text-primary);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B70F6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.font-select-pro option{background:var(--color-surface);color:var(--color-text-primary);padding:.5rem}.color-picker-wrapper{position:relative;width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all var(--duration-fast);flex-shrink:0}.color-picker-wrapper:hover{border-color:var(--color-primary);transform:scale(1.05)}.color-picker-wrapper.full-width{width:100%;height:40px}.color-preview-circle{width:26px;height:26px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d}.color-preview-bar{width:calc(100% - 1rem);height:28px;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0003}.opacity-zero-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.size-control{flex:1;display:flex;align-items:center;gap:.75rem}.control-label-mini{font-size:.65rem;font-weight:700;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;min-width:28px}.range-input-pro{flex:1;height:6px;border-radius:3px;background:var(--color-border);-webkit-appearance:none;appearance:none;outline:none;transition:background var(--duration-fast)}.range-input-pro::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--color-primary) 0%,#6B5BD4 100%);border-radius:50%;cursor:pointer;border:3px solid var(--color-surface);box-shadow:0 2px 8px #8b70f666;transition:all var(--duration-fast)}.range-input-pro::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #8b70f699}.range-input-pro::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,var(--color-primary) 0%,#6B5BD4 100%);border-radius:50%;cursor:pointer;border:3px solid var(--color-surface);box-shadow:0 2px 8px #8b70f666}.style-toggle-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);font-family:Georgia,serif;font-size:.875rem}.style-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#8b70f61a}.style-toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #8b70f666}.weight-control{flex-shrink:0}.size-value{font-size:.75rem;font-weight:700;color:var(--color-primary);min-width:42px;text-align:right;font-variant-numeric:tabular-nums;background:#8b70f61a;padding:.25rem .5rem;border-radius:var(--radius-sm)}.action-grid{display:flex;flex-direction:column;gap:.625rem}.action-btn-pro{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.action-btn-pro:hover{background:linear-gradient(135deg,#8b70f626,#8b70f60d);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #8b70f626}.action-btn-pro.delete{border-color:#ff3b304d}.action-btn-pro.delete:hover{background:linear-gradient(135deg,#ff3b3026,#ff3b300d);border-color:var(--color-error);color:var(--color-error);box-shadow:0 4px 12px #ff3b3026}.action-btn-pro svg{flex-shrink:0}.property-select:hover{border-color:var(--color-border-hover)}.property-select:focus{outline:none;border-color:var(--color-primary)}.property-slider{width:100%;-webkit-appearance:none;appearance:none;height:6px;background:var(--color-border);border-radius:var(--radius-full);outline:none}.property-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast)}.property-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.property-buttons{display:flex;gap:.375rem}.prop-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-smooth)}.prop-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#8b70f61a}.prop-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.action-btn.delete{color:#ff3b30}.action-btn.delete:hover{border-color:#ff3b30;background:#ff3b301a}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.375rem}.color-grid.small{grid-template-columns:repeat(5,1fr)}.color-swatch{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.color-swatch.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.header-title{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.header-badge{display:inline-block;background:linear-gradient(135deg,#8b70f6,#9d7dff);color:#fff;font-size:.6rem;font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-full);margin-left:.5rem;vertical-align:super;letter-spacing:.05em;text-transform:uppercase}.header-subtitle{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.step-indicator{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.step-item{display:flex;align-items:center;gap:.5rem}.step-number{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;transition:all var(--duration-normal) var(--ease-smooth)}.step-number.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #8b70f64d}.step-number.completed{background:var(--color-success);color:#fff}.step-number.inactive{background:var(--color-border);color:var(--color-text-tertiary)}.step-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.step-line{width:60px;height:2px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.step-line-fill{height:100%;background:var(--color-primary);transform-origin:left}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border);margin-bottom:1.5rem}.card-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.25rem;letter-spacing:-.01em}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.875rem 1rem;font-size:.95rem;font-family:inherit;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--duration-fast) var(--ease-smooth)}.form-input:hover,.form-textarea:hover{border-color:var(--color-border-hover)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow);background:var(--color-surface)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-textarea{resize:vertical;min-height:140px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#8b70f6,#7e64f2);color:#fff;box-shadow:0 2px 12px #8b70f640}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #8b70f659}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:1.5px solid rgba(139,112,246,.25)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.btn-success{background:linear-gradient(135deg,#34c759,#28a745);color:#fff;box-shadow:0 2px 12px #34c75940}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #34c75959}.btn-full{width:100%}.selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.selector-item{padding:.75rem 1rem;background:var(--color-bg);border:2px solid transparent;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);text-align:center}.selector-item:hover{background:var(--color-surface);border-color:var(--color-border-hover);color:var(--color-text-primary)}.selector-item.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.slider-container{display:flex;align-items:center;gap:1rem}.slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--color-border);border-radius:var(--radius-full);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 6px #8b70f633;transition:all var(--duration-fast) var(--ease-smooth)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 10px #8b70f64d}.slider-value{min-width:40px;text-align:center;font-weight:700;color:var(--color-primary);font-size:1.1rem}.preview-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-md);width:100%;max-width:1280px;aspect-ratio:16 / 9;margin:0 auto}.preview-frame{width:100%;height:100%;border:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full)}.loading-text{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.success-container{text-align:center;padding:2rem}.success-icon{width:64px;height:64px;background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.success-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.success-subtitle{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.login-container{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.login-header{text-align:center;margin-bottom:2rem}.login-icon{width:64px;height:64px;background:linear-gradient(135deg,#8b70f6,#9d7dff);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.login-title{font-size:1.75rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:.25rem}.login-subtitle{font-size:.95rem;color:var(--color-text-secondary)}.auth-toggle{display:flex;background:var(--color-bg);border-radius:var(--radius-md);padding:4px;margin-bottom:1.5rem}.toggle-btn{flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600;font-family:inherit;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.toggle-btn.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.toggle-btn:hover:not(.active){color:var(--color-text-primary)}.login-form .form-label{display:flex;align-items:center;gap:.5rem}.login-form .form-label svg{color:var(--color-text-tertiary)}.error-message{background:#ff3b3014;border:1px solid rgba(255,59,48,.2);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--color-error);font-size:.875rem;font-weight:500;margin-bottom:1rem}.submit-btn{margin-top:.5rem}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.login-footer p{font-size:.9rem;color:var(--color-text-secondary)}.link-btn{background:none;border:none;color:var(--color-primary);font-weight:600;font-family:inherit;font-size:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth)}.link-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.presentation-title-input{background:transparent;border:none;font-size:.95rem;font-weight:500;color:var(--color-text-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-smooth)}.presentation-title-input:hover{background:var(--color-bg)}.presentation-title-input:focus{outline:none;background:var(--color-bg);box-shadow:var(--shadow-glow)}.tool-divider{width:1px;height:24px;background:var(--color-border);margin:0 .5rem}.tool-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:140px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;transition:background var(--duration-fast)}.dropdown-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.color-picker-menu{padding:.75rem}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.color-grid.small{grid-template-columns:repeat(5,1fr);gap:.375rem}.color-swatch{width:28px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.tool-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.slide-thumb-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;opacity:0;transition:opacity var(--duration-fast)}.slide-action-btn{width:20px;height:20px;border-radius:var(--radius-sm);border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.slide-action-btn:hover{background:#000c}.slide-action-btn.delete:hover{background:#ff3b30e6}.canvas-empty{flex-direction:column;gap:.5rem}.canvas-empty-hint{font-size:.8rem;display:flex;align-items:center;opacity:.7}.resize-handle{position:absolute;width:10px;height:10px;background:var(--color-primary);border:2px solid white;border-radius:2px;z-index:10}.resize-handle.nw{top:-5px;left:-5px;cursor:nwse-resize}.resize-handle.n{top:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.resize-handle.ne{top:-5px;right:-5px;cursor:nesw-resize}.resize-handle.e{top:50%;right:-5px;transform:translateY(-50%);cursor:ew-resize}.resize-handle.se{bottom:-5px;right:-5px;cursor:nwse-resize}.resize-handle.s{bottom:-5px;left:50%;transform:translate(-50%);cursor:ns-resize}.resize-handle.sw{bottom:-5px;left:-5px;cursor:nesw-resize}.resize-handle.w{top:50%;left:-5px;transform:translateY(-50%);cursor:ew-resize}.text-edit-input{background:transparent;border:none;outline:none;resize:none;font-family:inherit;padding:8px;overflow:hidden}.text-edit-input:focus{outline:none}.image-placeholder{cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.image-placeholder:hover{background:var(--color-bg-secondary)}.properties-panel{width:280px;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.properties-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);font-weight:600;font-size:.9rem}.close-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.close-btn:hover{background:var(--color-bg);color:var(--color-text-primary)}.properties-content{padding:1rem;flex:1}.property-group{margin-bottom:1.25rem}.property-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.property-row{display:flex;gap:.5rem;margin-bottom:.5rem}.property-input-group{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem .5rem}.property-input-group span{font-size:.75rem;color:var(--color-text-tertiary);font-weight:600}.property-input-group input{flex:1;width:100%;background:transparent;border:none;font-size:.85rem;font-family:inherit;color:var(--color-text-primary);outline:none}.property-slider{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:var(--color-border);border-radius:var(--radius-full);outline:none}.property-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer}.property-value{font-size:.85rem;font-weight:600;color:var(--color-primary);margin-top:.25rem;display:block}.property-buttons{display:flex;gap:.5rem}.prop-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.prop-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.prop-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.property-actions{display:flex;flex-direction:column;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--duration-fast)}.action-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.action-btn.delete:hover{border-color:var(--color-error);color:var(--color-error);background:#ff3b301a}@media(max-width:1024px){.template-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.5rem}.properties-panel{width:240px}}@media(max-width:768px){.template-grid,.quick-actions,.two-columns{grid-template-columns:1fr}.hero-title{font-size:2rem}.home-header-content{flex-wrap:wrap;gap:1rem}.home-header-actions{flex-wrap:wrap}.user-name{display:none}.slide-panel{width:150px}.properties-panel{position:absolute;right:0;top:56px;bottom:0;box-shadow:var(--shadow-lg)}}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--color-bg);overflow:hidden}.auth-left{background:url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop) center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;color:#fff}.auth-left:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#581c87e6,#8b70f6cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-left-content{position:relative;z-index:10;max-width:480px;padding:4rem}.auth-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.auth-logo-icon{background:#fff;color:var(--color-primary);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.auth-logo h1{font-family:"Instrument Serif",serif;font-size:2.5rem;font-weight:400;margin:0}.auth-tagline{font-size:1.25rem;margin-bottom:3rem;opacity:.9;line-height:1.6}.auth-features{display:flex;flex-direction:column;gap:1.5rem}.auth-feature{display:flex;gap:1rem;align-items:center;background:#ffffff1a;padding:1rem;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.auth-feature-icon{background:#fff3;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.auth-feature h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.auth-feature p{font-size:.875rem;opacity:.8}.auth-decoration{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.circle-1{width:400px;height:400px;top:-100px;left:-100px}.circle-2{width:300px;height:300px;bottom:10%;right:10%}.circle-3{width:200px;height:200px;top:40%;left:20%}.auth-right{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-surface)}.auth-form-container{width:100%;max-width:420px}.auth-form-inner{width:100%}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-header h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.auth-form-header p{color:var(--color-text-secondary)}.auth-icon{width:64px;height:64px;background:var(--color-primary-light);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.auth-icon.success{background:#34c7591a;color:var(--color-success)}.signup-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.signup-step{width:32px;height:32px;border-radius:50%;background:var(--color-bg);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;border:2px solid var(--color-border);transition:all var(--duration-normal);z-index:1}.signup-step.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.signup-step.completed{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.signup-step-line{flex:1;height:2px;background:var(--color-border);margin:0 .5rem;transition:all var(--duration-normal)}.signup-step-line.active{background:var(--color-primary)}.otp-container{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.otp-input{width:48px;height:56px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1.5rem;font-weight:600;text-align:center;background:var(--color-surface-elevated);transition:all var(--duration-fast)}.otp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-with-status{position:relative}.username-status{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.status-available{color:var(--color-success)}.status-taken{color:var(--color-error)}.username-hint{display:block;font-size:.75rem;margin-top:.5rem;font-weight:500}.username-hint.available{color:var(--color-success)}.username-hint.taken{color:var(--color-error)}.auth-footer{text-align:center;margin-top:2rem;font-size:.875rem;color:var(--color-text-secondary)}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-left{display:none}}.imagination-hero{position:relative;background:linear-gradient(135deg,#8b70f614,#9d7dff1f);border:1px solid rgba(139,112,246,.2);border-radius:var(--radius-2xl);padding:2.5rem;margin-bottom:2rem;cursor:pointer;overflow:hidden;transition:all var(--duration-normal) var(--ease-smooth)}.imagination-hero:hover{border-color:#8b70f666;box-shadow:0 8px 40px #8b70f633}.dark .imagination-hero{background:linear-gradient(135deg,#8b70f61f,#9d7dff14)}.imagination-hero-content{position:relative;z-index:2}.imagination-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b70f6,#9d7dff);color:#fff;font-size:.75rem;font-weight:600;padding:.4rem .85rem;border-radius:var(--radius-full);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.03em}.imagination-hero-title{font-family:"Instrument Serif",serif;font-size:2.5rem;font-weight:400;color:var(--color-text-primary);margin-bottom:.75rem;letter-spacing:-.02em}.imagination-hero-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:50ch;margin-bottom:1.5rem;line-height:1.6}.imagination-hero-cta{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:600;font-size:1rem}.imagination-hero-visual{position:absolute;right:0;top:0;bottom:0;width:40%;overflow:hidden}.imagination-hero-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6}.imagination-hero-orb-1{width:200px;height:200px;background:linear-gradient(135deg,#8b70f6,#a78bfa);right:10%;top:-30%;animation:floatOrb 8s ease-in-out infinite}.imagination-hero-orb-2{width:150px;height:150px;background:linear-gradient(135deg,#6366f1,#8b5cf6);right:30%;bottom:-20%;animation:floatOrb 10s ease-in-out infinite reverse}.imagination-hero-orb-3{width:100px;height:100px;background:linear-gradient(135deg,#a78bfa,#c4b5fd);right:5%;bottom:20%;animation:floatOrb 6s ease-in-out infinite 1s}@keyframes floatOrb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.imagine-page{min-height:100vh;background:var(--color-bg)}.imagine-container{max-width:100%;margin:0 auto;padding:2rem 3rem 4rem}.imagine-header{text-align:center;margin-bottom:2.5rem}.imagine-header-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b70f6,#9d7dff);color:#fff;font-size:.7rem;font-weight:600;padding:.35rem .75rem;border-radius:var(--radius-full);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.imagine-title{font-family:"Instrument Serif",serif;font-size:3rem;font-weight:400;color:var(--color-text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.imagine-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:50ch;margin:0 auto}.imagine-steps{display:flex;justify-content:center;align-items:center;margin-bottom:2.5rem}.imagine-step-item{display:flex;align-items:center;gap:.5rem}.imagine-step-circle{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all var(--duration-normal) var(--ease-smooth)}.imagine-step-circle.inactive{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-tertiary)}.imagine-step-circle.active{background:linear-gradient(135deg,#8b70f6,#9d7dff);border:none;color:#fff;box-shadow:0 4px 16px #8b70f64d}.imagine-step-circle.completed{background:var(--color-success);border:none;color:#fff}.imagine-step-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.imagine-step-connector{width:60px;height:2px;background:var(--color-border);margin:0 .75rem;position:relative;overflow:hidden}.imagine-step-connector-fill{position:absolute;inset:0;background:var(--color-success);transform-origin:left}.imagine-loading-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.imagine-loading-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:3rem 4rem;text-align:center;box-shadow:var(--shadow-lg)}.imagine-loading-spinner{color:var(--color-primary);margin-bottom:1rem}.imagine-loading-text{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.imagine-loading-subtext{font-size:.875rem;color:var(--color-text-secondary)}.imagine-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;margin-bottom:1.5rem}.imagine-card-preview{padding:1.5rem}.imagine-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.imagine-card-icon{color:var(--color-primary);flex-shrink:0}.imagine-card-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.imagine-card-header p{font-size:.875rem;color:var(--color-text-secondary)}.imagine-toggle-group{display:flex;background:var(--color-bg);border-radius:var(--radius-lg);padding:4px;margin-bottom:1.5rem}.imagine-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.imagine-toggle-btn.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.imagine-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.imagine-upload-zone:hover{border-color:var(--color-primary);background:#8b70f60a}.imagine-upload-icon{width:64px;height:64px;background:linear-gradient(135deg,#8b70f61a,#9d7dff1a);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin:0 auto 1rem}.imagine-upload-zone h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.imagine-upload-zone p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.imagine-upload-formats{font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-bg);padding:.35rem .75rem;border-radius:var(--radius-full)}.imagine-uploaded-file{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1rem}.imagine-file-info{display:flex;align-items:center;gap:.75rem;color:var(--color-text-primary);font-weight:500}.imagine-file-remove{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:#ff3b301a;color:var(--color-error);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.imagine-file-remove:hover{background:#ff3b3033}.imagine-extracted-preview{margin-top:1rem}.imagine-extracted-preview label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.imagine-extracted-text{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;font-size:.875rem;color:var(--color-text-secondary);max-height:150px;overflow-y:auto;line-height:1.6}.imagine-form-group{margin-bottom:1.5rem}.imagine-form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.imagine-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.imagine-input{width:100%;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-primary);background:var(--color-surface);transition:all var(--duration-fast) var(--ease-smooth)}.imagine-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.imagine-textarea{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-primary);background:var(--color-surface);resize:vertical;font-family:inherit;line-height:1.6;transition:all var(--duration-fast) var(--ease-smooth)}.imagine-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.imagine-slider{width:100%;height:6px;appearance:none;-webkit-appearance:none;background:var(--color-bg);border-radius:3px;outline:none}.imagine-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#8b70f6,#9d7dff);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #8b70f666}.imagine-logo-upload{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);transition:all var(--duration-fast)}.imagine-logo-upload:hover{border-color:var(--color-primary);color:var(--color-primary)}.imagine-logo-preview{position:relative;display:inline-block}.imagine-logo-preview img{max-width:120px;max-height:80px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.imagine-logo-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:none;background:var(--color-error);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.imagine-color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.imagine-color-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.imagine-color-swatch-wrapper{position:relative;width:48px;height:48px;cursor:pointer}.imagine-color-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.imagine-color-swatch{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--color-border);pointer-events:none;transition:all var(--duration-fast)}.imagine-color-swatch-wrapper:hover .imagine-color-swatch{transform:scale(1.1);box-shadow:var(--shadow-md)}.imagine-color-label{font-size:.75rem;color:var(--color-text-secondary);text-align:center;font-weight:600}.imagine-color-hex{font-size:.7rem;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--color-text-primary);background:var(--color-bg);padding:.2rem .4rem;border-radius:var(--radius-sm);text-align:center}.imagine-color-hint{font-size:.65rem;color:var(--color-text-tertiary);text-align:center;line-height:1.2}.imagine-color-preview{margin-top:1.5rem;padding:1rem;background:var(--color-bg);border-radius:var(--radius-lg)}.imagine-color-preview-card{border-radius:var(--radius-md);padding:1.25rem;border:2px solid}.imagine-color-preview-header{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.imagine-color-preview-body{font-size:.875rem;margin-bottom:1rem}.imagine-color-preview-accent{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.imagine-style-suggestions{margin-top:1.5rem}.imagine-style-suggestions label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.imagine-suggestions-grid{display:flex;flex-wrap:wrap;gap:.5rem}.imagine-suggestion-chip{padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)}.imagine-suggestion-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:#8b70f614}.imagine-preview-container{background:#1a1a1a;border-radius:var(--radius-lg);overflow:hidden;margin-top:1rem;position:relative;width:100%;max-width:1280px;aspect-ratio:16 / 9;margin-left:auto;margin-right:auto}.imagine-preview-scaler{width:100%;height:100%;overflow:hidden;display:flex}.imagine-preview-frame{width:1280px;height:720px;border:none;transform:scale(var(--preview-scale, .9))}.imagine-actions{display:flex;justify-content:flex-end;gap:1rem}.imagine-actions-wide{justify-content:center}.imagine-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;transition:all var(--duration-fast) var(--ease-smooth)}.imagine-btn:disabled{opacity:.5;cursor:not-allowed}.imagine-btn-primary{background:linear-gradient(to top,#8b70f6,#9d7dff);color:#fff}.imagine-btn-primary:hover:not(:disabled){background:linear-gradient(to top,#7e64f2,#8b70f6);box-shadow:0 4px 16px #8b70f64d}.imagine-btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.imagine-btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.imagine-btn-generate{background:linear-gradient(135deg,#8b70f6,#6366f1);color:#fff;padding:1rem 2rem}.imagine-btn-generate:hover{box-shadow:0 6px 24px #6366f166}.imagine-btn-success{background:linear-gradient(to top,#22c55e,#34d399);color:#fff}.imagine-btn-success:hover{box-shadow:0 4px 16px #22c55e4d}@media(max-width:768px){.imagination-hero{padding:1.5rem}.imagination-hero-title{font-size:1.75rem}.imagination-hero-visual{display:none}.imagine-title{font-size:2rem}.imagine-steps{flex-wrap:wrap;gap:.5rem}.imagine-step-connector{display:none}.imagine-form-row{grid-template-columns:1fr}.imagine-color-grid{grid-template-columns:repeat(3,1fr)}.imagine-actions{flex-direction:column}.imagine-btn{width:100%;justify-content:center}}.card-editor-page{min-height:100vh;background:var(--color-bg-secondary);display:flex;flex-direction:column}.card-editor-header{height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;gap:1rem}.card-editor-header .header-left,.card-editor-header .header-center,.card-editor-header .header-right{display:flex;align-items:center;gap:.5rem}.card-editor-header .header-left{flex:1}.card-editor-header .header-right{flex:1;justify-content:flex-end}.card-editor-header .ai-toggle.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.card-editor-header .export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(to top,#8b70f6,#9d7dff);color:#fff;font-weight:600;font-size:.875rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.card-editor-header .export-btn:hover{box-shadow:0 4px 16px #8b70f64d}.card-editor-layout{flex:1;display:flex;overflow:hidden}.slides-panel{width:180px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.slides-panel-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);font-weight:600;font-size:.875rem}.slides-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.slide-thumb{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--duration-fast) var(--ease-smooth)}.slide-thumb.active{border-color:var(--color-primary)}.slide-thumb:hover .delete-slide-btn{opacity:1}.slide-thumb-preview{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.slide-thumb .slide-number{font-size:1.25rem;font-weight:700;color:#ffffff80}.slide-thumb .delete-slide-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:var(--radius-sm);border:none;background:#ff3b30e6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast)}.card-editor-layout .canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem;position:relative}.card-editor-layout .canvas-wrapper{width:1280px;height:720px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;flex-shrink:0}.blocks-container{width:100%;height:100%;padding:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start;align-items:flex-start;overflow:auto}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#ffffff4d}.canvas-empty h3{font-size:1.25rem;font-weight:600}.canvas-empty p{font-size:.875rem;opacity:.6}.canvas-block{position:relative;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:1.25rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);flex-shrink:0;flex-grow:0;box-sizing:border-box;overflow:hidden}.canvas-block:hover{background:#ffffff1f;border-color:#fff3}.canvas-block.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #8b70f64d}.canvas-block.text-only{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px dashed transparent;padding:.5rem}.canvas-block.text-only:hover{background:#8b70f60d!important;border-color:#8b70f64d}.canvas-block.text-only.selected{background:#8b70f614!important;border-color:var(--color-primary);border-style:solid}.canvas-block.titleText .title-text-display{margin:0;font-size:42px;font-weight:700;color:#fff;font-family:Inter,sans-serif;line-height:1.2}.canvas-block.titleText .title-text-input{width:100%;height:100%;font-size:42px;font-weight:700;color:#fff;font-family:Inter,sans-serif;background:transparent;border:none;outline:none}.canvas-block.subtitleText .subtitle-text-display{margin:0;font-size:24px;font-weight:500;color:#fffc;font-family:Inter,sans-serif;line-height:1.4}.canvas-block.subtitleText .subtitle-text-input{width:100%;height:100%;font-size:24px;font-weight:500;color:#fffc;font-family:Inter,sans-serif;background:transparent;border:none;outline:none}.canvas-block.bodyText .body-text-display{margin:0;font-size:16px;font-weight:400;color:#ffffffb3;font-family:Inter,sans-serif;line-height:1.6}.canvas-block.bodyText .body-text-input{width:100%;height:100%;font-size:16px;font-weight:400;color:#ffffffb3;font-family:Inter,sans-serif;background:transparent;border:none;outline:none;resize:none}.block-actions{position:absolute;top:-12px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity var(--duration-fast)}.canvas-block.selected .block-actions,.canvas-block:hover .block-actions{opacity:1}.block-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);background:#1e1e1ef2;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.block-action-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}.block-action-btn.delete:hover{background:var(--color-error);border-color:var(--color-error)}.block-input{width:100%;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:.5rem;color:#fff;font-family:inherit;resize:none}.block-input:focus{outline:none;border-color:var(--color-primary)}.canvas-block.infoCard{min-width:280px;max-width:320px}.info-card-content{display:flex;gap:1rem;align-items:flex-start}.info-card-icon{font-size:2rem;line-height:1}.info-card-text{flex:1}.info-card-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.info-card-description{font-size:.875rem;color:#ffffffb3;line-height:1.4}.canvas-block.heroHeader{width:100%;text-align:center;padding:2rem;background:linear-gradient(135deg,#8b70f626,#6366f11a)}.hero-header-content{display:flex;flex-direction:column;gap:.5rem}.canvas-block.heroHeader .hero-title{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.02em}.canvas-block.heroHeader .hero-subtitle{font-size:1.125rem;color:#ffffffb3}.canvas-block.statCard{min-width:140px;max-width:180px;text-align:center;padding:1.5rem 1rem}.stat-card-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1}.stat-label{font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.stat-trend{font-size:1rem;margin-top:.25rem}.stat-trend.up{color:var(--color-success)}.stat-trend.down{color:var(--color-error)}.canvas-block.quoteBlock{min-width:300px;max-width:500px;padding:1.5rem 2rem;border-left:4px solid var(--color-primary)}.quote-block-content{display:flex;flex-direction:column;gap:.75rem}.quote-text{font-size:1.25rem;font-style:italic;color:#fff;line-height:1.5}.quote-author{font-size:.875rem;color:var(--color-primary);font-weight:600}.quote-role{font-size:.75rem;color:#ffffff80;margin-left:.5rem}.canvas-block.stepCard{min-width:200px;max-width:280px}.step-card-content{display:flex;gap:1rem;align-items:flex-start}.step-number-circle{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-text{flex:1}.step-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.step-description{font-size:.875rem;color:#ffffffb3}.canvas-block.mediaBlock{min-width:250px;max-width:400px;padding:.75rem}.media-block-content{display:flex;flex-direction:column;gap:.75rem}.media-image{width:100%;border-radius:var(--radius-md);object-fit:cover;max-height:200px}.media-placeholder{width:100%;aspect-ratio:16 / 10;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff6;cursor:pointer;transition:all var(--duration-fast)}.media-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary)}.media-caption{font-size:.8rem;color:#fff9;text-align:center}.canvas-block.dataVisual{min-width:300px;max-width:450px}.data-visual-content,.chart-container{display:flex;flex-direction:column;gap:.75rem}.chart-bar-row{display:flex;align-items:center;gap:.75rem}.chart-label{width:80px;font-size:.8rem;color:#ffffffb3;text-align:right}.chart-bar-container{flex:1;height:24px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.chart-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),#6366F1);border-radius:var(--radius-sm)}.chart-value{width:40px;font-size:.8rem;font-weight:600;color:var(--color-primary)}.canvas-block.compareCard{min-width:350px;max-width:500px}.compare-card-content{display:flex;gap:1rem}.compare-column{flex:1}.compare-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.compare-items{list-style:none;display:flex;flex-direction:column;gap:.5rem}.compare-items li{font-size:.8rem;color:#ffffffb3;padding-left:1rem;position:relative}.compare-items li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.compare-divider{width:1px;background:#fff3}.add-block-container{position:relative;display:flex;align-items:center}.add-block-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.add-block-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.block-menu{position:absolute;top:100%;right:0;margin-top:.5rem;width:320px;max-height:400px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem;z-index:100}.block-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--duration-fast)}.block-menu-item:hover{background:var(--color-primary-light)}.block-menu-item svg{color:var(--color-primary)}.block-menu-item-text{display:flex;flex-direction:column;gap:.125rem}.block-menu-item-label{font-size:.875rem;font-weight:500}.block-menu-item-desc{font-size:.75rem;color:var(--color-text-tertiary)}.ai-panel{background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.ai-panel-header{display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid var(--color-border);font-weight:600;font-size:.875rem;color:var(--color-primary)}.ai-panel-header svg:first-child{color:var(--color-primary)}.ai-panel-close{margin-left:auto;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center}.ai-panel-close:hover{background:var(--color-bg);color:var(--color-text-primary)}.ai-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.ai-message{display:flex;gap:.5rem;padding:.75rem;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.ai-message.assistant{background:var(--color-primary-light);color:var(--color-text-primary)}.ai-message.assistant .ai-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.ai-message.user{background:var(--color-bg);color:var(--color-text-primary);align-self:flex-end;max-width:90%}.ai-message.loading{opacity:.7}.ai-message.loading .spin{animation:spin 1s linear infinite}.ai-suggestions{padding:.75rem 1rem;border-top:1px solid var(--color-border)}.suggestions-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);margin-bottom:.5rem}.suggestions-list{display:flex;flex-wrap:wrap;gap:.375rem}.suggestion-chip{padding:.375rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)}.suggestion-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.ai-input-container{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--color-border)}.ai-input{flex:1;padding:.625rem .875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary);outline:none;transition:border-color var(--duration-fast)}.ai-input:focus{border-color:var(--color-primary)}.ai-input::placeholder{color:var(--color-text-tertiary)}.ai-send-btn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.ai-send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-send-btn .spin{animation:spin 1s linear infinite}.card-editor-layout .slide-navigation{display:flex;align-items:center;gap:1rem}@media(max-width:1024px){.ai-panel{position:fixed;right:0;top:56px;bottom:0;z-index:200;box-shadow:var(--shadow-lg)}.slides-panel{width:120px}}@media(max-width:768px){.slides-panel{display:none}.blocks-container{padding:1rem}.canvas-block.heroHeader .hero-title{font-size:1.75rem}}.icon-picker-wrapper{position:relative;display:inline-block}.info-card-icon.editable{cursor:pointer;border:2px dashed rgba(139,112,246,.5);border-radius:var(--radius-md);padding:4px}.icon-picker-dropdown{position:absolute;top:100%;left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;z-index:50;box-shadow:var(--shadow-lg);margin-top:4px}.icon-option{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast)}.icon-option:hover,.icon-option.active{background:#8b70f633}.icon-option.active{outline:2px solid var(--color-primary)}.trend-picker{display:flex;gap:8px;margin-top:8px}.trend-btn{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:all var(--duration-fast);display:flex;align-items:center;justify-content:center}.trend-btn:hover{background:var(--color-surface)}.trend-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.step-number-input{width:44px;height:44px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-primary);color:#fff;font-size:1.25rem;font-weight:700;text-align:center;outline:none;flex-shrink:0}.step-number-input:focus{box-shadow:0 0 0 3px #8b70f64d}.chart-label-input,.chart-value-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:inherit;padding:4px 8px;font-size:.8rem}.chart-label-input{width:80px}.chart-value-input{width:50px;text-align:center}.chart-label-input:focus,.chart-value-input:focus{border-color:var(--color-primary);outline:none}.add-chart-row-btn{margin-top:12px;padding:6px 12px;border:1px dashed var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;transition:all var(--duration-fast);width:100%}.add-chart-row-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#8b70f61a}.compare-title-input{font-size:.95rem;font-weight:600;width:100%;text-align:center}.compare-item-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:inherit;padding:4px 8px;font-size:.85rem}.compare-item-input:focus{border-color:var(--color-primary);outline:none}.add-compare-item-btn{padding:4px 8px;border:1px dashed var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;margin-top:8px;transition:all var(--duration-fast);width:100%}.add-compare-item-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.media-image-wrapper{position:relative;width:100%}.change-image-btn{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:6px 12px;background:#000000b3;color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--duration-fast)}.change-image-btn:hover{background:var(--color-primary)}.block-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:inherit;padding:6px 10px;font-family:inherit;transition:all var(--duration-fast)}.block-input:focus{border-color:var(--color-primary);outline:none;background:#ffffff14}.block-input::placeholder{color:#ffffff4d}.block-input.title,.block-input.hero-title,.block-input.stat-number,.block-input.step-title{font-weight:600}.block-input.hero-title{font-size:2rem;width:100%;text-align:center}.block-input.hero-subtitle{font-size:1rem;width:100%;text-align:center;color:#ffffffb3}.block-input.stat-number{font-size:2.5rem;text-align:center;width:120px}.block-input.stat-label{text-align:center;width:100%}.block-input.quote-text{font-style:italic;font-size:1.1rem;resize:vertical;min-height:60px;width:100%}.block-input.quote-author,.block-input.quote-role{width:100%;margin-top:4px}.block-input.quote-role{font-size:.8rem;color:#ffffff80}.block-input.description,.block-input.step-description{resize:vertical;min-height:40px;width:100%;font-size:.9rem}.block-input.media-caption{width:100%;text-align:center;margin-top:8px}:root:not(.dark) .block-input{background:#00000008;border-color:#00000026}:root:not(.dark) .block-input:focus{background:#0000000d}:root:not(.dark) .block-input::placeholder{color:#0000004d}.block-count-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-right:8px}.block-count{font-size:.875rem;font-weight:600;color:var(--color-text-primary);padding:2px 8px;background:#8b70f61a;border-radius:var(--radius-sm)}.block-count.warning{background:#fbbf2433;color:#d97706}.block-count.full{background:#ef444433;color:#dc2626}.block-count-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.canvas-block{position:relative}.canvas-block.resizing{-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;background:var(--color-primary);border:2px solid white;border-radius:50%;width:10px;height:10px;z-index:20;opacity:0;transition:opacity .15s ease}.canvas-block.selected .resize-handle{opacity:1}.resize-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.resize-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.resize-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.resize-handle.n{top:-5px;left:0;width:100%;height:10px;background:transparent;border:none;border-radius:0;cursor:n-resize}.resize-handle.s{bottom:-5px;left:0;width:100%;height:10px;background:transparent;border:none;border-radius:0;cursor:s-resize}.resize-handle.e{top:0;right:-5px;width:10px;height:100%;background:transparent;border:none;border-radius:0;cursor:e-resize}.resize-handle.w{top:0;left:-5px;width:10px;height:100%;background:transparent;border:none;border-radius:0;cursor:w-resize}.resize-handle:hover{transform:scale(1.3);background:var(--color-primary-hover)}.resize-handle.n:hover,.resize-handle.s:hover,.resize-handle.e:hover,.resize-handle.w:hover{transform:none;background:transparent}.canvas-block{box-sizing:border-box;transition:box-shadow .15s ease,border-color .15s ease;border:2px solid transparent}.canvas-block.selected{border-color:var(--color-primary);box-shadow:0 0 0 4px #8b70f61a,var(--shadow-lg)}.chat-panel{position:fixed;top:56px;right:0;width:360px;height:calc(100vh - 56px);background:#16161af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;z-index:100;box-shadow:-8px 0 40px #0000004d}.chat-panel.minimized{height:auto;box-shadow:-4px 0 20px #0003}.chat-panel-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.chat-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:#fff}.chat-sparkle-icon{color:#8b70f6}.chat-header-actions{display:flex;align-items:center;gap:4px}.chat-header-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.chat-header-btn:hover{background:#ffffff14;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.chat-message{display:flex;gap:10px;align-items:flex-start;max-width:92%;animation:chatFadeIn .3s ease}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message-avatar{width:28px;height:28px;min-width:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-message.ai .chat-message-avatar{background:linear-gradient(135deg,#8b70f6,#6366f1);color:#fff}.chat-message.user .chat-message-avatar{background:#ffffff1f;color:#ffffffb3}.chat-message-content{padding:10px 14px;border-radius:14px;font-size:.85rem;line-height:1.55}.chat-message.ai .chat-message-content{background:#ffffff0f;color:#ffffffd9;border-bottom-left-radius:4px}.chat-message.user .chat-message-content{background:linear-gradient(135deg,#8b70f6,#7b61e8);color:#fff;border-bottom-right-radius:4px}.chat-message.error .chat-message-content{background:#ff3b301f;color:#ff8c82e6;border:1px solid rgba(255,59,48,.2)}.chat-message-content p{margin:0;word-wrap:break-word}.chat-action-badge{display:inline-block;margin-top:6px;padding:2px 8px;background:#8b70f626;color:#8b70f6;border-radius:10px;font-size:.72rem;font-weight:600}.chat-loading-dots{display:flex;gap:5px;padding:4px 0}.chat-loading-dots span{width:7px;height:7px;border-radius:50%;background:#fff6;animation:chatDotPulse 1.4s ease-in-out infinite both}.chat-loading-dots span:nth-child(2){animation-delay:.16s}.chat-loading-dots span:nth-child(3){animation-delay:.32s}@keyframes chatDotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-input-area{padding:12px 16px 16px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff05}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px 6px 6px 14px;transition:border-color .2s ease}.chat-input-wrapper:focus-within{border-color:#8b70f680}.chat-input{flex:1;background:none;border:none;color:#fff;font-size:.85rem;font-family:inherit;resize:none;padding:6px 0;min-height:24px;max-height:100px;outline:none;line-height:1.4}.chat-input::placeholder{color:#ffffff4d}.chat-send-btn{width:34px;height:34px;min-width:34px;border-radius:10px;border:none;background:#ffffff0f;color:#ffffff4d;cursor:not-allowed;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-send-btn.active{background:linear-gradient(135deg,#8b70f6,#6366f1);color:#fff;cursor:pointer}.chat-send-btn.active:hover{box-shadow:0 4px 12px #8b70f666;transform:scale(1.05)}.chat-hint{margin:8px 0 0;font-size:.7rem;color:#ffffff40;text-align:center}.tool-btn.active{background:#8b70f626;color:#8b70f6;border-color:#8b70f64d}.title-element{letter-spacing:-.5px}.subtitle-element{letter-spacing:.2px;opacity:.85}.bullet-list-element,.numbered-list-element{width:100%;height:100%;overflow:auto}.table-element{width:100%;height:100%;overflow:auto;border-radius:6px}.table-element table{border-radius:6px;overflow:hidden}.list-editing{display:flex;flex-direction:column;gap:8px;height:100%}.list-edit-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.list-edit-bullet{width:22px;text-align:right;opacity:.7;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;color:inherit}.list-edit-input{padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;outline:none;width:100%;text-align:inherit}.list-edit-input:focus{border-color:#8b70f680}.list-edit-remove{width:26px;height:26px;min-width:26px;border-radius:6px;border:none;background:#ff3b3026;color:#ff6b6b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.list-edit-remove:hover{background:#ff3b304d}.list-edit-add{padding:6px 10px;border-radius:6px;border:1px dashed rgba(255,255,255,.15);background:transparent;color:#ffffff80;cursor:pointer;font-size:.78rem;transition:all .15s ease;text-align:center;width:fit-content}.list-edit-add:hover{border-color:#8b70f666;color:#8b70f6;background:#8b70f60d}.block-edit-input{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;font-size:.85rem;text-align:inherit;outline:none}.block-edit-input:focus{border-color:#8b70f680}.block-edit-textarea{width:100%;min-height:70px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff;font-size:.85rem;line-height:1.5;text-align:inherit;outline:none;resize:none}.block-edit-textarea:focus{border-color:#8b70f680}.card-icon-input{width:56px;text-align:center;font-size:1.4rem;padding:6px 0}.quote-edit-text{font-style:italic;min-height:90px}.quote-edit-author{display:flex;gap:8px}.stat-edit-value{width:100%;text-align:inherit;font-size:2.4rem;font-weight:800;color:#8b70f6;background:transparent;border:none;outline:none}.stat-edit-label{width:100%;text-align:inherit;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffb3;background:transparent;border:none;outline:none}.comparison-edit-list{display:flex;flex-direction:column;gap:8px}.comparison-edit-row{display:flex;gap:8px;align-items:center}.comparison-edit-remove{width:26px;height:26px;min-width:26px;border-radius:6px;border:none;background:#ff3b3026;color:#ff6b6b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease}.comparison-edit-remove:hover{background:#ff3b304d}.comparison-edit-add{padding:6px 10px;border-radius:6px;border:1px dashed rgba(255,255,255,.15);background:transparent;color:#ffffff80;cursor:pointer;font-size:.78rem;transition:all .15s ease;width:fit-content}.comparison-edit-add:hover{border-color:#8b70f666;color:#8b70f6;background:#8b70f60d}.table-editing{display:flex;flex-direction:column;gap:8px}.table-content{flex:1 1 auto;width:100%;overflow:hidden}.table-inline-controls{display:flex;gap:6px;flex-wrap:wrap}.table-inline-btn{padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffd9;cursor:pointer;font-size:.75rem;transition:all .15s ease}.table-inline-btn:hover{border-color:#8b70f680;color:#fff}.table-inline-btn.danger{color:#ff8b8b;border-color:#ff6b6b59}.table-inline-btn.danger:hover{background:#ff3b301f}.table-edit-input{width:100%;background:transparent;border:none;color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;text-align:inherit;outline:none}.table-edit-input.header{font-weight:700}.theme-picker{position:absolute;top:100%;right:0;margin-top:8px;width:320px;background:#1e1e23fa;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;overflow:hidden}.theme-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.theme-picker-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#fff}.theme-picker-close{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:6px;transition:all .15s ease}.theme-picker-close:hover{color:#fff;background:#ffffff14}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.theme-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:2px solid transparent;border-radius:10px;padding:6px;cursor:pointer;transition:all .2s ease}.theme-card:hover{border-color:#ffffff26;background:#ffffff0a}.theme-card.active{border-color:#8b70f6;background:#8b70f614}.theme-card-preview{width:100%;height:60px;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}.theme-card-mock-title{font-size:18px;font-weight:700;letter-spacing:-.02em}.theme-card-mock-accent{width:24px;height:4px;border-radius:2px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.theme-card-check{position:absolute;top:4px;right:4px;width:18px;height:18px;background:#8b70f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.theme-card-name{font-size:.72rem;color:#ffffffb3;font-weight:500}.theme-picker-footer{padding:10px 16px;border-top:1px solid rgba(255,255,255,.06)}.theme-apply-all{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#fff9;cursor:pointer}.theme-apply-all input[type=checkbox]{accent-color:#8B70F6;cursor:pointer}.starter-overlay{position:fixed;inset:0;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2100}.starter-modal{width:820px;max-width:92vw;background:#1a1a1efa;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 30px 90px #0009;padding:22px 24px 26px}.starter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.starter-title{margin:0 0 6px;font-size:1.2rem;font-weight:700;color:#fff}.starter-subtitle{margin:0;font-size:.85rem;color:#fff9}.starter-blank-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fffc;padding:8px 16px;border-radius:10px;font-size:.82rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.starter-blank-btn:hover{background:#ffffff1f;color:#fff}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.starter-card{text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.starter-card:hover{border-color:#8b70f673;background:#8b70f614;transform:translateY(-2px)}.placement-overlay{position:fixed;inset:0;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2200}.placement-modal{width:520px;max-width:92vw;background:#1a1a1efa;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 70px #0009;padding:20px 22px}.placement-header h2{margin:0 0 6px;font-size:1.1rem;color:#fff}.placement-header p{margin:0;font-size:.86rem;color:#fff9}.placement-actions{display:flex;gap:12px;margin-top:18px;justify-content:flex-end;flex-wrap:wrap}.placement-btn{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffd9;font-size:.84rem;cursor:pointer;transition:all .15s ease}.placement-btn:hover{background:#ffffff1f;color:#fff}.placement-btn.primary{background:#8b70f6e6;border-color:#8b70f6e6;color:#fff}.placement-btn.primary:hover{background:#8b70f6}.starter-card-preview{height:90px;border-radius:10px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-hero,.preview-agenda,.preview-image,.preview-data,.preview-quote,.preview-compare{width:100%;height:100%;padding:12px;display:flex;flex-direction:column;box-sizing:border-box}.preview-hero{justify-content:center;align-items:center}.preview-hero-title{width:60%;height:8px;background:#fff;border-radius:4px;margin-bottom:6px}.preview-hero-subtitle{width:40%;height:4px;background:#ffffff80;border-radius:2px;margin-bottom:8px}.preview-hero-line{width:30px;height:2px;background:var(--color-primary);border-radius:1px}.preview-agenda{flex-direction:row;justify-content:space-between}.preview-agenda-left{width:35%;border-right:1px solid rgba(255,255,255,.1);padding-right:8px}.preview-agenda-title{width:100%;height:6px;background:var(--color-primary);border-radius:3px}.preview-agenda-right{width:55%;display:flex;flex-direction:column;gap:8px;justify-content:center}.preview-agenda-item{width:100%;height:4px;background:#fff9;border-radius:2px}.preview-image{align-items:center}.preview-image-box{width:100%;flex:1;background:#ffffff1a;border-radius:4px;margin-bottom:6px}.preview-image-caption{width:50%;height:4px;background:#fff6;border-radius:2px}.preview-data{flex-direction:row;justify-content:space-between;align-items:center}.preview-data-left{width:55%;display:flex;flex-direction:column;gap:4px;background:#ffffff0d;padding:6px;border-radius:4px}.preview-data-row{width:100%;height:4px;background:#ffffff4d;border-radius:1px}.preview-data-row.header{background:var(--color-primary);margin-bottom:2px}.preview-data-right{width:35%;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-data-metric{width:30px;height:16px;background:#8b70f6cc;border-radius:2px;margin-bottom:4px}.preview-data-metric-label{width:100%;height:3px;background:#fff6;border-radius:1px}.preview-quote{align-items:center;justify-content:center;position:relative}.preview-quote-mark{position:absolute;top:4px;left:8px;font-family:Georgia,serif;font-size:32px;color:var(--color-primary);opacity:.3;line-height:1}.preview-quote-text{width:70%;height:4px;background:#fffc;border-radius:2px;margin-bottom:4px}.preview-quote-text.short{width:50%;margin-bottom:8px}.preview-quote-author{width:30%;height:3px;background:var(--color-primary);border-radius:1px}.preview-compare{flex-direction:row;justify-content:space-between;align-items:stretch}.preview-compare-col{width:45%;display:flex;flex-direction:column;align-items:center;background:#ffffff08;padding:6px;border-radius:4px}.preview-compare-divider{width:1px;background:#ffffff1a}.preview-compare-title{width:60%;height:5px;background:var(--color-primary);border-radius:2px;margin-bottom:6px}.preview-compare-item{width:80%;height:3px;background:#ffffff80;border-radius:1px;margin-bottom:4px}.starter-card-title{font-size:.9rem;font-weight:600;color:#fff}.starter-card-desc{font-size:.78rem;color:#fff9;line-height:1.4}@media(max-width:900px){.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.starter-header{flex-direction:column;align-items:flex-start}.starter-grid{grid-template-columns:1fr}}.outline-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.outline-dialog{width:560px;max-width:90vw;background:#1a1a1efa;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 30px 80px #0009;overflow:hidden}.outline-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.outline-dialog-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#fff}.outline-sparkle{color:#f59e0b}.outline-close-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:8px;transition:all .15s ease}.outline-close-btn:hover{color:#fff;background:#ffffff1a}.outline-dialog-body{padding:18px 22px}.outline-description{font-size:.82rem;color:#ffffff8c;line-height:1.5;margin:0 0 14px}.outline-theme-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;padding:5px 12px;border-radius:20px;font-size:.75rem;color:#ffffffb3;margin-bottom:14px}.outline-theme-dot{width:8px;height:8px;border-radius:50%}.outline-textarea-wrapper{position:relative}.outline-textarea{width:100%;min-height:200px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 14px 40px;color:#fff;font-family:Inter,monospace;font-size:.82rem;line-height:1.7;resize:vertical;transition:border-color .2s ease}.outline-textarea:focus{outline:none;border-color:#8b70f680}.outline-textarea::placeholder{color:#ffffff40}.outline-example-btn{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:4px 10px;border-radius:6px;font-size:.7rem;cursor:pointer;transition:all .15s ease}.outline-example-btn:hover{background:#ffffff1a;color:#fffc}.outline-error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444;padding:10px 14px;border-radius:10px;font-size:.78rem;margin-top:12px}.outline-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.06)}.outline-cancel-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:8px 18px;border-radius:10px;font-size:.82rem;cursor:pointer;transition:all .15s ease}.outline-cancel-btn:hover{background:#ffffff1a;color:#fff}.outline-generate-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b70f6,#6c5ce7);border:none;color:#fff;padding:8px 22px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.outline-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #8b70f64d}.outline-generate-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.imagine-chat-page{width:100%;height:100vh;overflow:hidden}.imagine-chat-layout{display:flex;height:100vh;width:100%}.imagine-chat-sidebar{width:280px;min-width:280px;background:var(--color-bg-secondary, #fafafa);border-right:1px solid var(--color-border, #e8e8e8);display:flex;flex-direction:column;padding:20px 16px;gap:16px;overflow-y:auto}.dark .imagine-chat-sidebar{background:#141414;border-right-color:#2a2a2a}.imagine-chat-sidebar .back-button{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-text-secondary, #666);cursor:pointer;font-size:.85rem;padding:6px 0;transition:color .2s}.imagine-chat-sidebar .back-button:hover{color:var(--color-text-primary, #1D1D1F)}.dark .imagine-chat-sidebar .back-button:hover{color:#fff}.imagine-chat-sidebar-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--color-border, #e8e8e8)}.dark .imagine-chat-sidebar-header{border-bottom-color:#2a2a2a}.imagine-sidebar-icon{color:#8b70f6}.imagine-chat-sidebar-header h2{font-size:1.1rem;font-weight:700;margin:0;color:var(--color-text-primary, #1D1D1F)}.dark .imagine-chat-sidebar-header h2{color:#fff}.imagine-chat-sidebar-header p{font-size:.75rem;color:var(--color-text-secondary, #666);margin:0}.imagine-chat-params{flex:1;min-height:0}.imagine-chat-params h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #888);margin:0 0 8px}.imagine-chat-params-empty{font-size:.8rem;color:var(--color-text-tertiary, #aaa);font-style:italic}.imagine-chat-params-list{display:flex;flex-direction:column;gap:8px}.imagine-param-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.imagine-param-label{color:var(--color-text-secondary, #888);font-weight:500}.imagine-param-value{color:var(--color-text-primary, #1D1D1F);font-weight:600;text-align:right;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .imagine-param-value{color:#e0e0e0}.imagine-param-colors{display:flex;gap:4px}.imagine-param-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border, #ddd)}.dark .imagine-param-color-dot{border-color:#444}.imagine-chat-logo-section{padding-top:8px;border-top:1px solid var(--color-border, #e8e8e8)}.dark .imagine-chat-logo-section{border-top-color:#2a2a2a}.imagine-chat-logo-section h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #888);margin:0 0 8px}.imagine-chat-logo-upload-btn{display:flex;align-items:center;gap:6px;background:var(--color-bg-primary, #fff);border:1px dashed var(--color-border, #ccc);border-radius:8px;padding:8px 12px;font-size:.8rem;color:var(--color-text-secondary, #666);cursor:pointer;width:100%;justify-content:center;transition:all .2s}.imagine-chat-logo-upload-btn:hover{border-color:#8b70f6;color:#8b70f6}.dark .imagine-chat-logo-upload-btn{background:#1a1a1a;border-color:#333;color:#888}.imagine-chat-logo-preview{position:relative;display:inline-block}.imagine-chat-logo-preview img{width:64px;height:64px;object-fit:contain;border-radius:8px;border:1px solid var(--color-border, #ddd)}.imagine-chat-logo-preview button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#ff4757;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px}.imagine-chat-sidebar-actions{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--color-border, #e8e8e8)}.dark .imagine-chat-sidebar-actions{border-top-color:#2a2a2a}.imagine-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.imagine-btn-generate{background:linear-gradient(135deg,#8b70f6,#6c4def);color:#fff;box-shadow:0 4px 16px #8b70f64d}.imagine-btn-generate:hover:not(:disabled){box-shadow:0 6px 24px #8b70f666}.imagine-btn-generate:disabled{opacity:.6;cursor:not-allowed}.imagine-btn-success{background:linear-gradient(135deg,#00b894,#009874);color:#fff}.imagine-btn-secondary{background:var(--color-bg-secondary, #f0f0f0);color:var(--color-text-secondary, #666);border:1px solid var(--color-border, #ddd)}.dark .imagine-btn-secondary{background:#1e1e1e;color:#aaa;border-color:#333}.imagine-chat-main{flex:1;display:flex;flex-direction:column;background:var(--color-bg-primary, #fff);min-width:0;position:relative}.dark .imagine-chat-main{background:#0a0a0a}.imagine-chat-messages{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:16px}.imagine-chat-bubble{display:flex;gap:12px;max-width:720px;align-items:flex-start}.imagine-chat-bubble-user{align-self:flex-end;flex-direction:row-reverse}.imagine-chat-bubble-ai{align-self:flex-start}.imagine-chat-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.imagine-chat-bubble-ai .imagine-chat-avatar{background:linear-gradient(135deg,#8b70f6,#6c4def);color:#fff}.imagine-chat-bubble-user .imagine-chat-avatar{background:var(--color-bg-tertiary, #e8e8e8);color:var(--color-text-secondary, #666)}.dark .imagine-chat-bubble-user .imagine-chat-avatar{background:#2a2a2a;color:#aaa}.imagine-chat-content{padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.55}.imagine-chat-bubble-ai .imagine-chat-content{background:var(--color-bg-secondary, #f5f5f5);color:var(--color-text-primary, #1D1D1F);border-bottom-left-radius:4px}.dark .imagine-chat-bubble-ai .imagine-chat-content{background:#1a1a1a;color:#e0e0e0}.imagine-chat-bubble-user .imagine-chat-content{background:linear-gradient(135deg,#8b70f6,#6c4def);color:#fff;border-bottom-right-radius:4px}.imagine-chat-content p{margin:0}.imagine-chat-content strong{font-weight:700}.imagine-chat-typing{display:flex;gap:4px;padding:4px 0}.imagine-chat-typing span{width:8px;height:8px;border-radius:50%;background:#8b70f6;animation:imagine-typing-bounce 1.4s infinite ease-in-out both}.imagine-chat-typing span:nth-child(1){animation-delay:0s}.imagine-chat-typing span:nth-child(2){animation-delay:.16s}.imagine-chat-typing span:nth-child(3){animation-delay:.32s}@keyframes imagine-typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.imagine-chat-suggestions{padding:4px 44px}.imagine-chat-suggestions-label{font-size:.72rem;color:var(--color-text-tertiary, #aaa);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block;margin-bottom:6px}.imagine-chat-chips{display:flex;flex-wrap:wrap;gap:6px}.imagine-chat-chip{padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:500;border:1px solid var(--color-border, #ddd);background:var(--color-bg-primary, #fff);color:var(--color-text-secondary, #555);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.imagine-chat-chip:hover{border-color:#8b70f6;color:#8b70f6;background:#8b70f60f}.dark .imagine-chat-chip{background:#1a1a1a;border-color:#333;color:#aaa}.dark .imagine-chat-chip:hover{border-color:#8b70f6;color:#8b70f6;background:#8b70f61a}.imagine-chat-chip-primary{background:#8b70f6;color:#fff;border-color:#8b70f6}.imagine-chat-chip-primary:hover{background:#7c5ef0;color:#fff}.imagine-chat-inline-card{margin:0 44px;padding:16px 20px;background:var(--color-bg-secondary, #f8f8f8);border-radius:14px;border:1px solid var(--color-border, #e8e8e8)}.dark .imagine-chat-inline-card{background:#141414;border-color:#2a2a2a}.imagine-chat-inline-label{font-size:.82rem;font-weight:600;color:var(--color-text-primary, #1D1D1F);margin:0 0 12px}.dark .imagine-chat-inline-label{color:#e0e0e0}.imagine-chat-color-palette{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.imagine-chat-color-item{display:flex;flex-direction:column;align-items:center;gap:4px}.imagine-chat-color-item span{font-size:.68rem;color:var(--color-text-secondary, #888);text-transform:capitalize}.imagine-chat-color-input{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;padding:0;background:none}.imagine-chat-color-input::-webkit-color-swatch-wrapper{padding:0}.imagine-chat-color-input::-webkit-color-swatch{border:2px solid var(--color-border, #ddd);border-radius:8px}.imagine-chat-inline-hint{font-size:.75rem;color:var(--color-text-tertiary, #aaa);margin:8px 0 0;font-style:italic}.imagine-chat-preview-section{border-top:1px solid var(--color-border, #e8e8e8);padding:16px 120px 16px 0}.dark .imagine-chat-preview-section{border-top-color:#2a2a2a}.imagine-chat-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;font-size:.9rem;color:var(--color-text-primary, #1D1D1F)}.dark .imagine-chat-preview-header{color:#e0e0e0}.imagine-chat-preview-header:hover{opacity:.8}.imagine-preview-chevron{margin-left:auto;opacity:.6;transition:transform .2s ease}.imagine-chat-preview-container{width:100%;max-height:500px;border-radius:12px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--color-border, #e0e0e0);position:relative;background:#fff}.dark .imagine-chat-preview-container{border-color:#2a2a2a}.imagine-preview-scrollable{width:100%;margin:0 auto;padding:0;box-sizing:border-box}.imagine-preview-scrollable *{max-width:100%;box-sizing:border-box}.imagine-preview-scrollable img{height:auto}.imagine-preview-scrollable .slide{width:100%;min-height:400px;position:relative;overflow:hidden;border-bottom:2px solid var(--color-border, #e0e0e0)}.imagine-preview-scrollable .slide:last-child{border-bottom:none}.imagine-chat-input-bar{display:flex;align-items:center;gap:8px;padding:12px 24px 16px;border-top:1px solid var(--color-border, #e8e8e8);background:var(--color-bg-primary, #fff)}.dark .imagine-chat-input-bar{background:#0a0a0a;border-top-color:#1e1e1e}.imagine-chat-attach-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--color-bg-secondary, #f0f0f0);color:var(--color-text-secondary, #666);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.imagine-chat-attach-btn:hover{background:var(--color-bg-tertiary, #e0e0e0);color:#8b70f6}.dark .imagine-chat-attach-btn{background:#1e1e1e;color:#888}.dark .imagine-chat-attach-btn:hover{background:#2a2a2a;color:#8b70f6}.imagine-chat-input{flex:1;border:1px solid var(--color-border, #e0e0e0);border-radius:20px;padding:10px 16px;font-size:.9rem;font-family:inherit;resize:none;outline:none;background:var(--color-bg-secondary, #f8f8f8);color:var(--color-text-primary, #1D1D1F);transition:border-color .2s;max-height:120px;min-height:40px;line-height:1.4}.imagine-chat-input:focus{border-color:#8b70f6}.dark .imagine-chat-input{background:#141414;border-color:#2a2a2a;color:#e0e0e0}.dark .imagine-chat-input:focus{border-color:#8b70f6}.imagine-chat-input::placeholder{color:var(--color-text-tertiary, #bbb)}.imagine-chat-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b70f6,#6c4def);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.imagine-chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.imagine-chat-send-btn:hover:not(:disabled){box-shadow:0 4px 16px #8b70f666}@media(max-width:768px){.imagine-chat-layout{flex-direction:column}.imagine-chat-sidebar{width:100%;min-width:unset;flex-direction:row;flex-wrap:wrap;height:auto;padding:12px;gap:8px}.imagine-chat-sidebar-header{border-bottom:none;padding-bottom:0}.imagine-chat-params,.imagine-chat-logo-section{display:none}.imagine-chat-sidebar-actions{flex-direction:row;padding-top:0;border-top:none;flex-wrap:wrap}.imagine-chat-messages{padding:16px}.imagine-chat-input-bar{padding:8px 12px 12px}}.gen-chat-section{padding:0 20px;margin-bottom:16px}.gen-chat-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #666);margin-bottom:8px;display:block}.dark .gen-chat-section-label{color:var(--color-text-secondary, #aaa)}.gen-chat-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow-y:auto;padding-right:4px}.gen-chat-chips::-webkit-scrollbar{width:4px}.gen-chat-chips::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.dark .gen-chat-chips::-webkit-scrollbar-thumb{background:#ffffff26}.gen-chat-chips .imagine-chat-chip{font-size:.72rem;padding:4px 10px;border-radius:14px}.footer{background:linear-gradient(-45deg,var(--color-bg),var(--color-bg-secondary),var(--color-primary-light),var(--color-bg-secondary));background-size:400% 400%;animation:gradientBG 15s ease infinite;border-top:1px solid var(--color-border, rgba(0, 0, 0, .08));padding:60px 40px 20px;margin-top:auto}.dark .footer{background:linear-gradient(-45deg,#1a1a1a,#0f0f0f,#8b70f61a,#0f0f0f);background-size:400% 400%;animation:gradientBG 15s ease infinite;border-top:1px solid var(--color-border, rgba(255, 255, 255, .06))}.footer-section.social-section{padding-right:20px}.footer-section.feedback-section{background:linear-gradient(-45deg,#8b70f626,#8b70f640,#9d7dff26,#8b70f633);background-size:400% 400%;animation:gradientBG 15s ease infinite;border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border, rgba(0, 0, 0, .08))}.dark .footer-section.feedback-section{background:linear-gradient(-45deg,#8b70f626,#8b70f640,#9d7dff26,#8b70f633);background-size:400% 400%;animation:gradientBG 15s ease infinite;border-color:#ffffff0f}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:40px}}.footer-section h3{font-size:1.2rem;font-weight:600;margin-bottom:12px;color:var(--color-text-primary, #1d1d1f)}.dark .footer-section h3{color:#fff}.footer-section p{font-size:.9rem;color:var(--color-text-secondary, #86868b);margin-bottom:20px;line-height:1.5}.dark .footer-section p{color:#fff9}.social-links{display:flex;gap:16px}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--color-bg-subtle, #f5f5f7);color:var(--color-text-secondary, #86868b);transition:all .2s ease;text-decoration:none}.dark .social-link{background:#ffffff0a;color:#fff9}.social-link:hover{background:linear-gradient(135deg,#8b70f6,#6366f1);color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #8b70f64d}.feedback-form{display:flex;flex-direction:column;gap:12px}.feedback-select{padding:10px 14px;border-radius:10px;border:1px solid var(--color-border, rgba(0, 0, 0, .1));background:var(--color-bg-input, #ffffff);color:var(--color-text-primary, #1d1d1f);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s;width:100%}.dark .feedback-select{background:#ffffff08;border-color:#ffffff1a;color:#fff}.feedback-select:focus{border-color:#8b70f6}.feedback-textarea{padding:12px 14px;border-radius:10px;border:1px solid var(--color-border, rgba(0, 0, 0, .1));background:var(--color-bg-input, #ffffff);color:var(--color-text-primary, #1d1d1f);font-family:inherit;font-size:.9rem;outline:none;resize:vertical;min-height:100px;transition:border-color .2s}.dark .feedback-textarea{background:#ffffff08;border-color:#ffffff1a;color:#fff}.feedback-textarea:focus{border-color:#8b70f6}.feedback-textarea::placeholder{color:var(--color-text-tertiary, #a1a1a6)}.dark .feedback-textarea::placeholder{color:#ffffff4d}.btn-submit-feedback{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#8b70f6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.btn-submit-feedback:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b70f666}.btn-submit-feedback:disabled{opacity:.7;cursor:not-allowed}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text-tertiary, #a1a1a6);font-size:.8rem}.dark .footer-bottom{border-color:#ffffff0f;color:#fff6}