:root{--primary-color: #764ba2;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-color: #667eea;--text-primary: #1a1a1a;--text-secondary: #666;--text-tertiary: #999;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f5f5f5;--border-color: #e0e0e0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}.top-nav{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:70px;z-index:100;box-shadow:var(--shadow-sm);border-radius:24px}.nav-tabs{display:flex;gap:4px}.nav-tab{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:3px solid transparent;position:relative;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.nav-tab:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--primary-color);transition:width .3s ease}.nav-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-tab:hover:before{width:60%}.nav-tab.active{color:var(--primary-color);background:var(--bg-secondary)}.nav-tab.active:before{width:100%}.tab-icon{font-size:18px;filter:grayscale(.3);transition:filter .3s}.nav-tab.active .tab-icon{filter:grayscale(0)}.nav-actions{display:flex;gap:12px;align-items:center}.icon-btn{width:40px;height:40px;border:none;background:var(--bg-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s;color:var(--text-secondary)}.icon-btn:hover{background:var(--primary-gradient);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.main-container{flex:1;display:flex;overflow:hidden;gap:0;background:#f2f2f2}.preview-panel{flex:1;background:#f2f2f2;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.preview-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.05) 0%,transparent 50%);pointer-events:none}.slide-preview{width:100%;max-width:490px;aspect-ratio:1;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transform:scale(1);transition:transform .3s ease}.slide-preview:hover{transform:scale(1.02)}.slide-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:calc(50px * (490 / 1080));background:#fff;box-sizing:border-box}.slide-background{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:0}.pattern-overlay{width:100%;height:100%;background-image:radial-gradient(circle at 15% 25%,rgba(102,126,234,.08) 0%,transparent 45%),radial-gradient(circle at 85% 75%,rgba(118,75,162,.08) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.03) 2px,transparent 2px);background-size:100% 100%,100% 100%,50px 50px;opacity:.7;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,50px 50px}}.slide-text{position:relative;z-index:1;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.slide-title{font-size:calc(68px * (490 / 1080));font-weight:800;color:var(--text-primary);margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:calc(-2px * (490 / 1080));text-shadow:0 2px 4px rgba(0,0,0,.05);max-width:100%;word-wrap:break-word}.slide-subtitle{font-size:calc(28px * (490 / 1080));color:var(--text-secondary);font-weight:400;margin:0;line-height:1.5;max-width:80%}.slide-footer{position:relative;z-index:1;text-align:center;font-size:11px;color:var(--text-tertiary);padding-top:20px;font-weight:500;letter-spacing:.5px}.editor-panel{width:355px;background:var(--bg-primary);border-left:1px solid var(--border-color);padding:25px 15px;overflow-y:auto;box-shadow:-4px 0 16px #0000000d;border-radius:24px}.editor-panel.hidden{display:none}.panel-title{font-size:21px;font-weight:700;color:var(--text-primary);margin-bottom:32px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.editor-field{margin-bottom:28px}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.field-header label:first-child{font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.editor-input{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;transition:all .3s;font-family:inherit;background:var(--bg-primary);color:var(--text-primary)}.editor-input:hover{border-color:#d0d0d0}.editor-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #764ba21a;transform:translateY(-1px)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:26px;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary-gradient)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.ai-section{margin-top:48px;padding-top:32px;border-top:2px solid var(--bg-secondary)}.ai-section h3{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.ai-section h3:before{content:"✨";font-size:20px}.ai-btn{width:100%;padding:14px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:16px;box-shadow:var(--shadow-md);letter-spacing:.3px}.ai-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ai-btn:active{transform:translateY(0)}.import-options{display:flex;flex-direction:column;gap:12px}.import-btn{width:100%;padding:14px 18px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;text-align:left;color:var(--text-primary);display:flex;align-items:center;gap:10px}.import-btn:hover{background:#fff;border-color:var(--primary-color);transform:translate(4px);box-shadow:var(--shadow-sm)}.import-btn:active{transform:translate(2px)}.settings-group{margin-bottom:28px}.settings-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;letter-spacing:.3px}.settings-group select{width:100%;padding:14px 40px 14px 18px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;background:var(--bg-primary);cursor:pointer;font-family:inherit;color:var(--text-primary);transition:all .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23764ba2' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.settings-group select:hover{border-color:#d0d0d0}.settings-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #764ba21a}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.theme-options::-webkit-scrollbar{width:6px}.theme-options::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.theme-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.theme-preset{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;padding:20px;border-radius:var(--radius-md);transition:all .3s;border:2px solid transparent}.theme-preset:hover{background:var(--bg-secondary);border-color:var(--border-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.theme-preset.active{border-color:var(--primary-color);background:#764ba20d}.theme-preview{width:100%;height:70px;border-radius:var(--radius-sm);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s}.theme-preset:hover .theme-preview{box-shadow:var(--shadow-md);transform:scale(1.05)}.theme-preset span{font-size:11px;color:var(--text-secondary);font-weight:600;letter-spacing:.3px;text-align:center}.settings-section{margin-bottom:30px}#headshotPreview img{width:100%;height:100%;object-fit:cover}.thumbnails-panel{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:0 24px;display:flex;align-items:center;gap:16px;overflow-x:auto;height:137px;box-shadow:0 -4px 16px #0000000d;border-radius:24px}.thumbnails-panel::-webkit-scrollbar{height:6px}.thumbnails-panel::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.thumbnails-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.thumbnails-panel::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.thumbnails-container{display:flex;gap:16px;align-items:center}.thumbnail{width:110px;height:110px;border-radius:var(--radius-md);border:3px solid var(--border-color);cursor:pointer;position:relative;flex-shrink:0;overflow:hidden;background:#fff;transition:all .3s;box-shadow:var(--shadow-sm)}.thumbnail:hover{border-color:var(--primary-color);transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-md)}.thumbnail.active{border-color:var(--primary-color);border-width:3px;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.thumbnail-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:10px;font-size:10px;position:relative;background:#fff}.thumbnail-title{font-weight:700;color:var(--text-primary);font-size:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.thumbnail-footer{font-size:9px;color:var(--text-tertiary);text-align:center;font-weight:500}.thumbnail-icon{position:absolute;top:6px;right:6px;width:22px;height:22px;background:#fffffff2;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}.thumbnail-icon:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.thumbnail-icon.delete-slide:hover{background:#ef4444;color:#fff}.thumbnail-icon.drag-handle{left:6px;right:auto;top:6px;cursor:grab;font-size:12px;line-height:1;-webkit-user-select:none;user-select:none;font-weight:700;letter-spacing:-2px}.thumbnail-icon.drag-handle:active{cursor:grabbing}.thumbnail.dragging{opacity:.5;transform:scale(.95);cursor:grabbing!important;z-index:1000}.thumbnail.drag-over{border-color:var(--primary-color);border-width:3px;transform:scale(1.05);z-index:999;box-shadow:var(--shadow-lg)}.thumbnail[draggable=true]{cursor:grab}.thumbnail[draggable=true]:active{cursor:grabbing}.thumbnail-drag-handle{position:absolute;top:4px;left:4px;font-size:12px;opacity:.6;z-index:1;color:var(--text-secondary);-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700;letter-spacing:-2px;line-height:1}.thumbnail.drag-over-left:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:4px;background:var(--primary-color);border-radius:2px;z-index:1001}.thumbnail.drag-over-right:after{content:"";position:absolute;right:-8px;top:0;bottom:0;width:4px;background:var(--primary-color);border-radius:2px;z-index:1001}.add-slide-btn{width:110px;height:110px;border:3px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--text-tertiary);transition:all .3s;flex-shrink:0;font-weight:300}.add-slide-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#764ba20d;transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-sm)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#0009;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal.active{display:flex}.modal-content{background:#fff;padding:40px;border-radius:var(--radius-lg);max-width:560px;width:90%;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:20px;right:24px;font-size:32px;font-weight:300;color:var(--text-tertiary);cursor:pointer;line-height:1;width:32px;height:32px;z-index:1000;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-modal:hover{color:var(--text-primary);background:var(--bg-secondary);transform:rotate(90deg)}.modal-content h2{margin-bottom:24px;color:var(--text-primary);font-size:24px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-content textarea{width:100%;min-height:180px;padding:16px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:15px;font-family:inherit;resize:vertical;margin-bottom:24px;transition:all .3s;color:var(--text-primary);background:var(--bg-primary)}.modal-content textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #764ba21a}.generate-btn{width:100%;padding:16px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md);letter-spacing:.3px}.generate-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.api-key-section input[type=password]{font-family:monospace;letter-spacing:1px}.api-key-section a{text-decoration:none;font-weight:600}.api-key-section a:hover{text-decoration:underline}@media (max-width: 1200px){.editor-panel{width:380px}}@media (max-width: 768px){.main-container{flex-direction:column}.preview-panel{height:50vh;padding:30px 20px}.editor-panel{width:100%;height:50vh}.nav-tab .tab-label{display:none}.slide-title{font-size:38px}.slide-subtitle{font-size:12px}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark-mode{--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #888;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #333;--border-color: #404040;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}.dark-mode body{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.dark-mode .top-nav{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark-mode .editor-panel{background:var(--bg-primary);border-left-color:var(--border-color)}.dark-mode .preview-panel{background:var(--bg-secondary)}.dark-mode .thumbnails-panel{background:var(--bg-primary);border-top-color:var(--border-color)}.dark-mode .editor-input,.dark-mode select,.dark-mode textarea{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .editor-input:focus,.dark-mode select:focus,.dark-mode textarea:focus{border-color:var(--primary-color);background:var(--bg-tertiary)}.dark-mode .settings-group label,.dark-mode .panel-title{color:var(--text-primary)}.dark-mode .modal-content{background:var(--bg-primary);color:var(--text-primary)}.dark-mode .modal-content h2{color:var(--text-primary)}.dark-mode .close-modal{color:var(--text-secondary)}.dark-mode .close-modal:hover{color:var(--text-primary);background:var(--bg-secondary)}#previewGallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(400px,400px))!important;gap:20px!important;align-items:start!important;justify-content:center!important}#previewGallery>div{width:100%!important;max-width:400px!important;aspect-ratio:1 / 1!important;min-height:0!important;max-height:none!important;overflow:hidden!important;box-sizing:border-box!important}.format-option{transition:all .3s ease}.format-option:hover{border-color:#764ba2!important;transform:translateY(-2px);box-shadow:0 4px 12px #764ba226}.format-option input[type=radio]{cursor:pointer;accent-color:#764ba2}.format-option input[type=radio]:checked+div{color:#764ba2}body.dark-mode .format-option{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}body.dark-mode .format-option:hover{border-color:#764ba2!important;background:#764ba21a!important}.export-slides{position:absolute;top:-9999px;left:-9999px;pointer-events:none;opacity:0;visibility:hidden;overflow:visible}.export-slides [data-export-slide-id]{position:relative;overflow:hidden;box-sizing:border-box}.export-slides .slide-preview{width:100%!important;height:100%!important;border-radius:0;overflow:hidden;position:relative;box-sizing:border-box;margin:0;padding:0}.export-slides .slide-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:50px}.export-slides .slide-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.export-slides .pattern-overlay{width:100%;height:100%;background-image:radial-gradient(circle at 15% 25%,rgba(102,126,234,.08) 0%,transparent 45%),radial-gradient(circle at 85% 75%,rgba(118,75,162,.08) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.03) 2px,transparent 2px);background-size:100% 100%,100% 100%,50px 50px;opacity:.7}.export-slides .slide-text{position:relative;z-index:1;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.export-slides .slide-title{font-size:68px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.1;text-transform:uppercase;letter-spacing:-2px;text-shadow:0 2px 4px rgba(0,0,0,.05);max-width:100%;word-wrap:break-word}.export-slides .slide-subtitle{font-size:28px;color:var(--text-secondary);font-weight:400;margin:0;line-height:1.5;max-width:80%}.export-slides .slide-footer{position:relative;z-index:1;text-align:center;font-size:11px;color:var(--text-tertiary);padding-top:20px;font-weight:500;letter-spacing:.5px}.export-slides .slide-author{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px}.export-slides [data-slide-type=follow-me] .slide-content{justify-content:center!important;align-items:center!important}.export-slides [data-slide-type=follow-me] .slide-text{flex:0 0 auto!important;margin-bottom:40px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f2f2f2;display:flex;flex-direction:column;height:93vh;overflow:hidden}#root{height:100%;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}