.app-container{display:flex;gap:12px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 48px)}.input-panel{width:380px;min-width:190px;max-width:380px;flex-shrink:1;display:flex;flex-direction:column;transition:width .2s ease}@media(max-width:1200px){.input-panel{width:320px}}@media(max-width:1000px){.input-panel{width:260px}}@media(max-width:850px){.input-panel{width:190px}}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;height:40px}.panel-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center}.how-it-works-btn{padding:6px 12px;background:transparent;color:#666;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.how-it-works-btn:hover{background:#f5f5f5;color:#333;border-color:#ccc}.panel-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;border:1px solid #e8e8e8;flex:1;display:flex;flex-direction:column}.description-input{width:100%;flex:1;min-height:120px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:none;transition:border-color .2s}.description-input:focus{outline:none;border-color:#0071e3}.description-input:disabled{background:#fafafa;cursor:not-allowed}.example-buttons{display:flex;gap:10px;margin-top:16px}.example-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;width:100%}.example-thumb-btn{padding:4px;background:#fafafa;border:2px solid #e8e8e8;border-radius:6px;cursor:pointer;transition:all .15s ease;overflow:hidden}.example-thumb-btn:hover:not(:disabled){border-color:#0071e3;transform:scale(1.02)}.example-thumb-btn:disabled{opacity:.5;cursor:not-allowed}.example-thumb{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:3px;display:block}.example-btn{padding:8px 10px;background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;font-size:12px;font-weight:500;color:#444;cursor:pointer;transition:all .15s ease}.example-btn:hover:not(:disabled){background:#f0f0f0;border-color:#d0d0d0}.example-btn:disabled{opacity:.5;cursor:not-allowed}.create-btn{width:100%;padding:14px 24px;margin-top:16px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.create-btn:hover:not(:disabled){background:#0077ed}.create-btn:disabled{opacity:.5;cursor:not-allowed}.upload-section{display:flex;flex-direction:column;align-items:center;padding:10px;border:2px dashed #e0e0e0;border-radius:12px;background:#fafafa;transition:all .15s ease}.upload-section:hover{border-color:#0071e3;background:#f5f9ff}.upload-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s ease}.upload-btn:hover:not(:disabled){background:#0077ed}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-hint{margin-top:12px;font-size:13px;color:#888}.upload-section .example-btn{margin-top:16px;padding:10px 20px;background:#f5f5f5;color:#333;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.upload-section .example-btn:hover:not(:disabled){background:#eee;border-color:#ccc}.upload-section .example-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{margin-top:16px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.steps-section{margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}.step{margin-bottom:20px}.step:last-child{margin-bottom:0}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-number{width:24px;height:24px;background:#0071e3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.step-number.disabled{background:#d0d0d0}.step-title{font-size:14px;font-weight:600;color:#1a1a1a}.step-title.disabled{color:#999}.radio-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.radio-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .15s ease}.radio-option:hover:not(.disabled){background:#f0f0f0;border-color:#d0d0d0}.radio-option.selected{background:#e8f4fd;border-color:#0071e3}.radio-option.disabled{opacity:.5;cursor:not-allowed}.radio-circle{width:18px;height:18px;border:2px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.radio-option.selected .radio-circle{border-color:#0071e3}.radio-circle-inner{width:10px;height:10px;background:#0071e3;border-radius:50%;opacity:0;transition:opacity .15s ease}.radio-option.selected .radio-circle-inner{opacity:1}.radio-label{font-size:13px;font-weight:500;color:#333}.radio-badge{font-size:10px;font-weight:600;color:#888;background:#e8e8e8;padding:2px 6px;border-radius:4px;margin-left:auto}.step-btn{width:100%;padding:12px 20px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.step-btn:hover:not(:disabled){background:#0077ed}.step-btn:disabled{opacity:.5;cursor:not-allowed}.step-btn.secondary{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.step-btn.secondary:hover:not(:disabled){background:#eee}.step-options{margin-bottom:8px}.model-select{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;background:#fff;color:#333;cursor:pointer}.model-select:disabled{opacity:.5;cursor:not-allowed}.mode-selector{display:flex;gap:4px;margin-bottom:12px}.mode-btn{flex:1;padding:6px 4px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;font-size:11px;font-weight:500;color:#555;cursor:pointer;transition:all .15s ease}.mode-btn:hover:not(:disabled){background:#eee;border-color:#ccc}.mode-btn.active{background:#0071e3;color:#fff;border-color:#0071e3}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.step-btn-group{display:flex;gap:8px}.detection-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#e8f8e8;border:1px solid #c8e8c8;border-radius:8px;margin-bottom:12px}.detection-status-icon{color:#22c55e;flex-shrink:0}.detection-status-text{font-size:13px;color:#166534}.preview-panel{flex:1;display:flex;flex-direction:column;min-width:0;max-height:calc(100vh - 48px);overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;height:40px;margin-bottom:12px}.preview-title{font-size:18px;font-weight:600;color:#1a1a1a}.view-controls{display:flex;gap:16px;align-items:center}.toggle-group{display:flex;align-items:center;gap:8px}.toggle-label{font-size:13px;color:#666;font-weight:500}.toggle-switch{position:relative;width:44px;height:24px;background:#e0e0e0;border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-switch.active{background:#0071e3}.toggle-switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.toggle-switch.active .toggle-switch-knob{transform:translate(20px)}.view-toggle-btn{padding:8px 16px;background:#f5f5f5;color:#333;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.view-toggle-btn:hover{background:#eee}.view-toggle-btn.active{background:#0071e3;color:#fff;border-color:#0071e3}.preview-card{width:100%;aspect-ratio:16 / 10;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;border:1px solid #e8e8e8;overflow:hidden;display:flex;align-items:center;justify-content:center}.placeholder{text-align:center;color:#999;padding:40px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.placeholder-icon{color:#d0d0d0;margin-bottom:16px}.placeholder-text{font-size:15px;font-weight:500;color:#666;margin-bottom:6px}.placeholder-subtext{font-size:13px;color:#999}.placeholder-spinner{width:64px;height:64px;border:4px solid #e0e0e0;border-top-color:#0071e3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.slide-processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}.processing-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.3);border-top-color:#ffffffe6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px;box-shadow:0 2px 8px #0003}.processing-text{font-size:14px;font-weight:500;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);background:#0003;padding:6px 16px;border-radius:20px}.slide-container{width:100%;aspect-ratio:16 / 9;padding:20px;display:flex;align-items:flex-start;justify-content:flex-start;position:relative}.slide-canvas{width:100%;aspect-ratio:16 / 9;position:relative;border-radius:4px;background-color:#f5f5f5;overflow:hidden}.text-overlay{position:absolute;padding:0;display:flex;align-items:flex-start}.text-editable{cursor:text;border:none;border-radius:0;transition:all .15s ease}.text-editable:hover{background:#fff9;box-shadow:inset 0 0 0 1px #0000001a}.text-editable:focus{outline:none;background:#ffffffe6;box-shadow:inset 0 0 0 1px #1a1a1a,0 0 0 2px #0000001a}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:900px){.app-container{flex-direction:column}.input-panel{width:100%}}.password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.password-modal{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;text-align:center;min-width:320px}.password-modal h2{margin:0 0 24px;font-size:24px;color:#1a1a1a}.password-input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;margin-bottom:16px;transition:border-color .2s}.password-input:focus{outline:none;border-color:#0071e3}.auth-error{color:#e53935;font-size:14px;margin:0 0 12px}.password-submit-btn{width:100%;padding:14px 20px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.password-submit-btn:hover{background:#0077ed}.prompt-section{margin-bottom:16px}.prompt-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.prompt-textarea{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s;box-sizing:border-box}.prompt-textarea:focus{outline:none;border-color:#0071e3}.prompt-textarea:disabled{background:#f9f9f9;color:#999}.generate-btn{margin-top:12px;padding:12px 24px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;width:100%}.generate-btn:hover:not(:disabled){background:#005bb5}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.example-links{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:10px}.example-links-label{font-size:12px;color:#888}.example-link{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .15s}.example-link:hover:not(:disabled){color:#0071e3;background:#f0f7ff}.example-link:disabled{opacity:.5;cursor:not-allowed}.example-separator{color:#ccc;font-size:12px}.section-divider{display:flex;align-items:center;margin:16px 0;color:#999;font-size:13px}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.section-divider span{padding:0 12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.process-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.process-modal h2{font-size:24px;font-weight:600;color:#1a1a1a;margin:0;padding:24px 24px 16px;border-bottom:1px solid #e8e8e8}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f5f5f5;border:none;border-radius:50%;font-size:24px;line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#e0e0e0;color:#333}.welcome-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:800px;max-width:95vw;position:relative;animation:modalSlideIn .2s ease-out;overflow:hidden}.welcome-modal.carousel{display:flex;flex-direction:column}.welcome-modal.simple{width:500px;max-width:90vw}.welcome-modal.simple h2{border-bottom:none;padding-bottom:0;font-size:24px}.welcome-update{font-size:12px;color:#666;margin:4px 0 16px}.welcome-features{margin:0;padding:0 0 0 20px;font-size:12px;color:#333;line-height:1}.welcome-features li{margin-bottom:4px}.welcome-features code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-size:13px}.welcome-carousel{width:800px;height:453px;max-width:95vw;max-height:53.79375vw;overflow:hidden;border-radius:16px 16px 0 0}.welcome-carousel-track{display:flex;transition:transform .5s ease-in-out;height:100%}.welcome-carousel-slide{min-width:100%;flex-shrink:0;height:100%}.welcome-carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.welcome-carousel-dots{display:flex;justify-content:center;gap:8px;padding:12px 0;background:#fff}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#d0d0d0;cursor:pointer;padding:0;transition:all .2s}.carousel-dot:hover{background:#a0a0a0}.carousel-dot.active{background:#0071e3;transform:scale(1.2)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.welcome-modal h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;border-bottom:1px solid #e8e8e8}.welcome-content{padding:20px 24px}.welcome-updates-simple{margin:0;padding:0 0 0 20px}.welcome-updates-simple li{font-size:11px;line-height:1.6;color:#444;margin-bottom:10px}.welcome-updates-simple li:last-child{margin-bottom:0}.welcome-updates-simple li strong{color:#1a1a1a}.update-icon-inline{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f0f7ff;border-radius:6px;color:#0071e3;margin-right:6px;vertical-align:middle;position:relative;top:-1px}.welcome-divider{list-style:none;height:1px;background:#e8e8e8;margin:14px 0!important}.welcome-next{color:#888!important;font-style:italic}.welcome-next strong{color:#666!important}.welcome-footer{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-top:1px solid #e8e8e8;background:#fafafa;border-radius:0 0 16px 16px}.welcome-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;cursor:pointer}.welcome-checkbox input{width:16px;height:16px;cursor:pointer}.welcome-modal.wide{width:920px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column}.welcome-modal.wide .welcome-content{flex:1;overflow-y:auto;padding:24px}.welcome-modal.wide h2{font-size:24px;margin:0 0 4px}.welcome-modal.wide .welcome-features{margin-bottom:8px}.welcome-columns{display:flex;gap:24px;margin-bottom:20px}.welcome-column{flex:1;min-width:0}.welcome-column h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.welcome-column .welcome-features{margin-bottom:0}.welcome-modal.wide .welcome-footer{justify-content:flex-end;padding:12px 24px}.welcome-start-btn{background:#0071e3;color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.welcome-start-btn:hover{background:#0062cc}.welcome-projects{margin-top:16px;border-top:1px solid #e8e8e8;padding-top:16px}.welcome-projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.welcome-projects h3{font-size:14px;font-weight:600;color:#333;margin:0}.refresh-projects-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;color:#666;transition:all .15s}.refresh-projects-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#333}.refresh-projects-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-projects-btn svg.spinning{animation:spin 1s linear infinite}.welcome-projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.welcome-project-card{background:#f8f9fa;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid #e8e8e8}.welcome-project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#0071e3}.welcome-project-thumbnail{width:100%;aspect-ratio:16 / 9;background:#e8e8e8;overflow:hidden}.welcome-project-thumbnail img{width:100%;height:100%;object-fit:cover}.welcome-project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:500}.welcome-project-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px;position:relative}.welcome-project-title{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;padding:2px 4px;margin:-2px -4px;border-radius:4px;outline:none}.welcome-project-title:hover{background:#f0f0f0}.welcome-project-title:focus{background:#fff;box-shadow:0 0 0 2px #3b82f6;white-space:normal;overflow:visible}.welcome-project-meta{display:flex;justify-content:space-between;align-items:center}.welcome-project-date{font-size:11px;color:#888}.welcome-project-delete{font-size:11px;color:#888;opacity:0;cursor:pointer;transition:opacity .15s,color .15s}.welcome-project-card:hover .welcome-project-delete{opacity:1}.welcome-project-delete:hover{color:#e53935}.welcome-projects-loading{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;color:#666;padding:30px 20px;text-align:center}.welcome-loading-spinner{width:28px;height:28px;border:3px solid #e0e0e0;border-top-color:#0071e3;border-radius:50%;animation:spin .8s linear infinite}.loading-presentation-modal{background:#fff;border-radius:16px;padding:48px 64px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 25px 50px #00000040}.loading-presentation-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#0071e3;border-radius:50%;animation:spin .8s linear infinite}.loading-presentation-text{font-size:16px;color:#333;font-weight:500}.process-content{padding:24px}.process-step{display:flex;gap:16px;margin-bottom:24px}.process-step:last-child{margin-bottom:0}.process-step-number{width:32px;height:32px;background:#0071e3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.process-step-content{flex:1}.process-step-content h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.process-step-content p{font-size:14px;line-height:1.6;color:#555;margin:0 0 12px}.process-step-content ul{margin:0;padding-left:20px}.process-step-content li{font-size:14px;line-height:1.6;color:#555;margin-bottom:6px}.process-step-content li:last-child{margin-bottom:0}.process-step-content strong{color:#333}.process-modal.technical-docs{max-width:900px}.process-modal.technical-docs h2{font-size:20px;font-family:SF Mono,Monaco,Menlo,monospace}.tech-overview{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px;border-left:4px solid #0071e3}.tech-overview h3{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.tech-overview p{font-size:14px;line-height:1.6;color:#555;margin:0 0 12px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{background:#e3f2fd;color:#1565c0;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;font-family:SF Mono,Monaco,Menlo,monospace}.tech-rationale{background:#fff3e0;border-left:3px solid #ff9800;padding:8px 12px;margin-bottom:12px;font-size:13px!important;border-radius:0 4px 4px 0}.process-step-content h4{font-size:13px;font-weight:600;color:#0071e3;margin:16px 0 8px;font-family:SF Mono,Monaco,Menlo,monospace}.process-step-content code{background:#f1f3f5;padding:2px 6px;border-radius:3px;font-size:12px;font-family:SF Mono,Monaco,Menlo,monospace;color:#d63384}.code-block{background:#1e1e1e;color:#d4d4d4;padding:12px 16px;border-radius:6px;font-size:11px;font-family:SF Mono,Monaco,Menlo,monospace;line-height:1.5;overflow-x:auto;margin:8px 0 12px;white-space:pre-wrap;word-break:break-word}.tech-notes{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:16px;margin-top:24px}.tech-notes h3{font-size:14px;font-weight:600;color:#f57c00;margin:0 0 12px}.tech-notes ul{margin:0;padding-left:20px}.tech-notes li{font-size:13px;line-height:1.6;color:#666;margin-bottom:8px}.tech-notes li:last-child{margin-bottom:0}.tech-notes li strong{color:#e65100}.export-pptx-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0071e3;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.slideshow-actions .export-pptx-btn{margin-left:0}.export-pptx-btn:hover:not(:disabled){background:#0077ed;transform:translateY(-1px)}.export-pptx-btn:disabled{opacity:.6;cursor:not-allowed}.export-pptx-btn svg{flex-shrink:0}.share-button-container{position:relative;display:inline-flex}.share-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0071e3;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.share-btn:hover:not(:disabled){background:#0077ed;transform:translateY(-1px)}.share-btn:disabled{background:#6bade3;cursor:not-allowed;transform:none}.share-btn svg{flex-shrink:0}.share-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease;z-index:1000;overflow:hidden}.share-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.share-dropdown button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:none;font-size:13px;color:#333;cursor:pointer;text-align:left;transition:background .1s ease}.share-dropdown button:hover:not(:disabled){background:#f0f7ff}.share-dropdown button:disabled{opacity:.5;cursor:not-allowed}.share-dropdown button svg{flex-shrink:0;color:#666}.share-dropdown-divider{height:1px;background:#eee;margin:4px 0}.share-dropdown .spinner.small{width:14px;height:14px;border-width:2px}.audio-button-container{position:relative;display:inline-flex;flex-direction:column}.audio-button-container:hover .audio-button-dropdown{opacity:1;visibility:visible;max-height:40px}.audio-button-dropdown{position:absolute;top:100%;left:0;right:0;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transition:all .15s ease;z-index:100}.audio-button-dropdown button{width:100%;display:flex;align-items:center;justify-content:center;padding:4px 12px;background:#e8f4fc;border:none;border-radius:0 0 6px 6px;font-size:11px;color:#0071e3;cursor:pointer;white-space:nowrap;transition:all .15s ease}.audio-button-dropdown button:hover{background:#d0e8f8}@keyframes audio-ready-pulse{0%,to{box-shadow:0 0 #0071e3b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #0071e300;transform:scale(1.05)}}.video-btn.audio-ready,.podcast-btn.audio-ready{animation:audio-ready-pulse 1.2s ease-out 3;background:#34c759!important}.video-btn.generating,.podcast-btn.generating{opacity:.7;cursor:wait}.podcast-btn.playing{background:#059669!important}.podcast-container{position:relative}.podcast-container:hover .audio-button-dropdown:not(.click-only){opacity:1;visibility:visible;max-height:40px}.audio-button-dropdown.click-only{opacity:0;visibility:hidden;max-height:0}.audio-button-dropdown.click-only.show{opacity:1;visibility:visible;max-height:40px}.podcast-options-toggle{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);background:#e8f4fc;border:none;border-radius:0 0 4px 4px;padding:0 8px;font-size:10px;color:#0071e3;cursor:pointer;opacity:0;transition:opacity .15s ease;line-height:14px}.podcast-container:hover .podcast-options-toggle{opacity:1}.podcast-options-toggle:hover{background:#d0e8f8}.spinner.small{width:14px;height:14px;border-width:2px;margin-right:4px}.audio-generating-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.audio-generating-modal{background:#fff;padding:32px 40px;border-radius:16px;text-align:center;max-width:400px;box-shadow:0 20px 60px #0000004d}.audio-generating-modal h3{margin:16px 0 8px;font-size:20px;color:#1a1a1a}.audio-generating-modal p{margin:8px 0;color:#666;font-size:14px;line-height:1.5}.audio-generating-modal .audio-generating-time{color:#888;font-size:13px}.audio-generating-modal .audio-generating-stage{color:#0071e3;font-size:14px;font-weight:500;min-height:21px}.audio-generating-modal .audio-generating-note{color:#0071e3;font-size:13px;font-weight:500}.audio-generating-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#0071e3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.audio-generating-close{margin-top:20px;padding:10px 24px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .15s ease}.audio-generating-close:hover{background:#eee;border-color:#ccc}.audio-generating-skip-link{margin-top:12px;padding:6px 12px;background:transparent;border:none;font-size:13px;color:#0071e3;cursor:pointer;text-decoration:underline;opacity:.8;transition:opacity .15s ease}.audio-generating-skip-link:hover{opacity:1}.audio-generating-checkmark{width:48px;height:48px;background:#34c759;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:24px;font-weight:700;animation:checkmark-pop .3s ease-out}@keyframes checkmark-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.audio-generating-play{margin-top:20px;padding:12px 32px;background:#0071e3;border:none;border-radius:8px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.audio-generating-play:hover{background:#0077ed;transform:scale(1.02)}.technical-settings{margin-top:10px;padding:10px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e8e8e8;width:100%}.processing-row{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.settings-btn{padding:6px 12px;background:#0071e3;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.settings-btn:hover:not(:disabled){background:#0077ed}.settings-btn:disabled{background:#ccc;cursor:not-allowed}.model-select-small{padding:5px 8px;border:1px solid #ddd;border-radius:4px;font-size:11px;background:#fff;cursor:pointer}.model-select-small:disabled{background:#f0f0f0;cursor:not-allowed}.detection-count{font-size:11px;color:#0071e3;padding:4px 8px;background:#e3f2fd;border-radius:4px;display:flex;align-items:center;gap:6px}.spinner.small{width:12px;height:12px;border-width:2px}.detection-count .spinner.small{border-color:#0071e333;border-top-color:#0071e3}.settings-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.settings-group{display:flex;align-items:center;gap:6px}.settings-label{font-size:12px;color:#666}.settings-number-input{width:50px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;text-align:center}.settings-number-input:focus{outline:none;border-color:#0071e3}.settings-unit{font-size:11px;color:#888}.settings-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;cursor:pointer}.settings-checkbox{width:14px;height:14px;cursor:pointer}.settings-divider{width:1px;height:20px;background:#ddd}.toggle-switch.small{width:32px;height:18px}.toggle-switch.small .toggle-switch-knob{width:14px;height:14px}.toggle-switch.small.active .toggle-switch-knob{transform:translate(14px)}.debug-mode-buttons{display:flex;gap:4px}.debug-mode-btn{padding:3px 8px;font-size:11px;border:none;border-radius:4px;cursor:pointer;background:#374151;color:#9ca3af;transition:all .15s}.debug-mode-btn:hover{background:#4b5563}.debug-mode-btn.active{background:#3b82f6;color:#fff}.debug-mode-btn.snaps-active{background:#10b981;color:#fff}.settings-stats{margin-left:auto}.stats-text{font-size:11px;color:#888}.debug-mask-container{margin-top:12px;padding:10px;background:#fff;border:1px solid #ddd;border-radius:6px}.debug-mask-header{margin-bottom:8px}.debug-mask-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.debug-mask-overlay-wrapper{position:relative;width:100%;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.debug-mask-base-image{display:block;width:100%;height:auto}.debug-mask-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;mix-blend-mode:multiply}.chat-panel{display:flex;flex-direction:column;height:calc(100vh - 48px);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;border:1px solid #e8e8e8;overflow:hidden}.chat-panel .panel-header{padding:12px 16px;border-bottom:1px solid #e8e8e8;margin-bottom:0}.chat-panel .how-it-works-btn{padding:6px;min-width:unset}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.chat-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;text-align:center}.chat-input-container{border-top:1px solid #e8e8e8;padding:12px 16px;background:#fafafa}.chat-input-container.prezi-mode{background:#0071e3;border-top-color:#0071e3}.prezi-mode-indicator{text-align:center;font-size:10px;color:#ffffffb3;margin-top:6px;letter-spacing:.5px}.error-message.compact{margin:0 0 8px;padding:8px 12px;font-size:12px}.brand-indicator{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:10px;cursor:pointer;transition:all .15s}.brand-indicator:hover{background:#eee;border-color:#ccc}.brand-indicator-colors{display:flex;gap:2px}.brand-indicator-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}.brand-indicator span{font-size:12px;color:#666;font-weight:500}.brand-indicator-style{font-size:12px;color:#0071e3;font-weight:600}.style-presets{margin-top:20px;padding-top:16px;border-top:1px solid #e8e8e8}.style-presets h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#666}.style-options{display:flex;flex-wrap:wrap;gap:8px}.style-option{padding:8px 14px;border-radius:20px;border:1px solid #e0e0e0;background:#fafafa;font-size:13px;color:#555;cursor:pointer;transition:all .15s}.style-option:hover{background:#f0f0f0;border-color:#ccc}.style-option.selected{background:#0071e3;color:#fff;border-color:#0071e3}.style-option.selected:hover{background:#005bb5;border-color:#005bb5}.brand-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;padding:24px 24px 0;position:relative;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.brand-modal-content{flex:1;overflow-y:auto;padding-bottom:16px}.brand-modal h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#1a1a1a}.modal-footer{display:flex;justify-content:flex-end;padding:16px 0 24px;border-top:1px solid #e5e5e5;background:#fff;flex-shrink:0}.modal-ok-btn{background:#0071e3;color:#fff;border:none;padding:10px 32px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.modal-ok-btn:hover{background:#005bb5}.brand-section{margin-bottom:24px}.brand-section:last-child{margin-bottom:0}.brand-section h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#333}.section-subtitle{margin:0 0 12px;font-size:12px;color:#888}.upload-drop-zone.small{padding:20px}.upload-drop-zone.small svg{margin-bottom:8px}.upload-drop-zone.small p{font-size:13px}.logo-preview.horizontal{display:flex;align-items:center;gap:16px;padding:12px;background:#f8f8f8;border-radius:8px}.logo-preview.horizontal img{width:60px;height:60px;object-fit:contain;border-radius:6px;background:#fff;padding:4px}.logo-info{flex:1}.logo-info .brand-colors-row{margin-bottom:8px;justify-content:flex-start}.logo-info .logo-actions{justify-content:flex-start}.logo-info .logo-actions button{padding:6px 12px;font-size:12px}.designer-tabs{display:flex;gap:10px;margin-bottom:14px}.designer-tab{flex:1;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:2px solid #e0e0e0;border-radius:35px;background:#fafafa;cursor:pointer;transition:all .2s;text-align:left}.designer-tab:hover{border-color:#ccc;background:#f5f5f5}.designer-tab.active{border-color:#0071e3;background:#e3f2fd}.designer-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.designer-info{display:flex;flex-direction:column;gap:1px;min-width:0}.designer-name{font-size:13px;font-weight:600;color:#333}.designer-tab.active .designer-name{color:#0071e3}.designer-title{font-size:11px;color:#888;font-weight:500}.designer-tab.active .designer-title{color:#0071e3}.designer-description{font-size:11px;color:#666;line-height:1.3;margin-top:3px}.style-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.style-label-btn{padding:8px 16px;border-radius:20px;border:1px solid #e0e0e0;background:#fafafa;font-size:13px;font-weight:500;color:#555;cursor:pointer;transition:all .15s}.style-label-btn:hover{background:#f0f0f0;border-color:#ccc}.style-label-btn.selected{background:#0071e3;color:#fff;border-color:#0071e3}.style-label-btn.selected:hover{background:#005bb5;border-color:#005bb5}.style-prompt-input{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-family:inherit;line-height:1.5;resize:vertical;min-height:80px;background:#fff;box-sizing:border-box}.style-prompt-input:focus{outline:none;border-color:#0071e3}.chat-input-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.chat-textarea{display:block;width:100%;border:none;outline:none;font-size:14px;font-family:inherit;resize:none;min-height:96px;max-height:200px;line-height:1.5;padding:8px 12px}.chat-textarea:disabled{background:transparent;color:#999}.send-btn{width:36px;height:36px;border-radius:8px;border:none;background:#3b82f6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.send-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.send-btn:disabled{background:#e0e0e0;cursor:not-allowed}.send-btn.has-content{animation:sendBtnPulse 1.2s ease-in-out infinite}@keyframes sendBtnPulse{0%,to{transform:scale(1);box-shadow:0 0 #3b82f6b3}50%{transform:scale(1.12);box-shadow:0 0 0 12px #3b82f600}}.chat-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid #f0f0f0}.chat-actions-left{display:flex;flex-wrap:wrap;gap:4px}.chat-action-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.chat-action-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#333}.chat-action-btn:disabled{opacity:.5;cursor:not-allowed}.html-mode-btn{font-size:10px;font-weight:600;font-family:monospace}.html-mode-btn.active{background:#0071e3;border-color:#0071e3;color:#fff}.html-mode-btn.active:hover:not(:disabled){background:#0077ed;border-color:#0077ed;color:#fff}.upload-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;padding:24px;position:relative}.upload-modal h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1a1a}.modal-subtitle{margin:0 0 16px;font-size:13px;color:#666}.upload-drop-zone{border:2px dashed #e0e0e0;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .15s;color:#888}.upload-drop-zone:hover{border-color:#0071e3;background:#f5f9ff;color:#0071e3}.upload-drop-zone svg{margin-bottom:12px}.upload-drop-zone p{margin:0;font-size:14px}.logo-preview{text-align:center}.logo-preview img{max-width:120px;max-height:80px;object-fit:contain;margin-bottom:16px}.brand-colors-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.brand-colors-row span{font-size:13px;color:#666}.color-swatches{display:flex;gap:4px}.color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.logo-actions{display:flex;gap:8px;justify-content:center}.logo-actions button{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;border:none;background:#0071e3;color:#fff}.logo-actions button:hover{background:#0077ed}.logo-actions button.secondary{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.logo-actions button.secondary:hover{background:#eee}.examples-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;padding:24px;position:relative;max-height:90vh;overflow-y:auto}.examples-modal h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1a1a}.examples-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.example-thumb-btn.large{padding:6px}.example-thumb-btn.large .example-thumb{border-radius:4px}.prompt-examples{border-top:1px solid #e8e8e8;padding-top:16px}.prompt-examples h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#666}.prompt-example-btns{display:flex;flex-wrap:wrap;gap:8px}.prompt-example-btns button{padding:8px 14px;border-radius:20px;border:1px solid #e0e0e0;background:#fafafa;font-size:12px;color:#555;cursor:pointer;transition:all .15s}.prompt-example-btns button:hover{background:#f0f0f0;border-color:#ccc}.prompt-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filter-btn{padding:6px 14px;border-radius:16px;border:1px solid #ddd;background:#f5f5f5;font-size:12px;color:#666;cursor:pointer;transition:all .15s}.filter-btn:hover{background:#eee;border-color:#ccc}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-btn.refresh{padding:6px 10px;font-size:14px;font-weight:700}.filter-btn:disabled{opacity:.5;cursor:not-allowed}.random-prompts{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.random-prompt-btn{padding:12px 14px;border-radius:8px;border:1px solid #e0e0e0;background:#fafafa;font-size:13px;color:#333;cursor:pointer;transition:all .15s;text-align:left;line-height:1.4}.random-prompt-btn:hover{background:#f0f0f0;border-color:#ccc}.prompts-loading,.prompts-empty{padding:20px;text-align:center;color:#888;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.prompts-loading .spinner{width:16px;height:16px;border:2px solid #ddd;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.demo-prompts-section{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.demo-prompts-section h4{margin:0 0 8px;font-size:13px;color:#555}.demo-format-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:13px;background:#fafafa;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.demo-format-select:focus{outline:none;border-color:#3b82f6}.demo-prompts-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.demo-prompt-card{padding:12px;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .15s ease;background:#fdfdfd}.demo-prompt-card:hover{border-color:#3b82f6;background:#f0f7ff;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f61a}.demo-prompt-user-info{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.demo-prompt-user-info span{font-size:11px;padding:2px 7px;border-radius:4px;background:#f0f0f0;color:#555}.demo-user-location{background:#e8f4fd!important;color:#1a6fb5!important}.demo-user-badge{background:#e8f8e8!important;color:#2d7a2d!important;font-weight:500}.demo-prompt-text{font-size:12.5px;line-height:1.4;color:#333}.chat-message{margin-bottom:12px;display:flex;flex-direction:column;align-items:flex-start}.chat-message.user{align-items:flex-end}.chat-message.assistant{align-items:flex-start}.chat-message-content{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-message.user .chat-message-content{background:#0071e3;color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .chat-message-content{background:#f0f0f0;color:#333;border-bottom-left-radius:4px}.chat-message-content.generating{display:flex;align-items:center;gap:8px;color:#666;font-style:italic}.chat-message-content.generating .spinner.small{border-color:#0000001a;border-top-color:#666}.copy-message-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;padding:0;background:transparent;border:none;border-radius:4px;color:#999;cursor:pointer;opacity:0;transition:all .15s}.chat-message.user:hover .copy-message-btn{opacity:1}.copy-message-btn:hover{color:#666;background:#0000000d}.chat-message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.chat-image-thumbnail{display:flex;flex-direction:column;align-items:center;width:120px;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;background:#0000000d;transition:transform .15s,box-shadow .15s}.chat-image-thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.chat-image-thumbnail img{width:100%;height:80px;object-fit:cover;background:#eee}.chat-image-info{display:flex;flex-direction:column;width:100%;padding:6px 8px}.chat-image-title{font-size:11px;line-height:1.2;text-align:center;color:#333;max-height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chat-image-meta{font-size:9px;color:#888;text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-image-thumbnail.prezi-card{width:140px;border:1px solid rgba(0,0,0,.1)}.chat-image-thumbnail.prezi-card img{height:90px}.show-more-btn{display:inline;background:none;border:none;color:#0071e3;font-size:13px;cursor:pointer;padding:0;margin-left:4px;text-decoration:underline}.show-more-btn:hover{color:#005bb5}.copy-message-btn:active{color:#0071e3}.slides-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 0;min-height:0}.slide-wrapper{display:flex;flex-direction:column;align-items:center;padding:10px 20px 20px;position:relative;cursor:pointer}.slide-wrapper:not(.active) .preview-card{opacity:.7;transition:opacity .2s}.slide-wrapper:not(.active):hover .preview-card{opacity:.9}.slide-wrapper .preview-card{width:100%;flex-shrink:0}.slide-indicator{display:flex;align-items:center;gap:8px;margin-bottom:8px;align-self:flex-start}.slide-number{width:24px;height:24px;background:#e0e0e0;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.slide-wrapper.active .slide-number{background:#0071e3;color:#fff}.editing-badge{background:#e3f2fd;color:#0071e3;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.add-slide-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;padding:10px 20px;background:#f5f5f5;border:2px dashed #d0d0d0;border-radius:8px;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;max-width:200px}.add-slide-btn:hover{background:#eee;border-color:#0071e3;color:#0071e3}.add-slide-btn svg{flex-shrink:0}.slide-counter{font-size:13px;color:#666;font-weight:500;padding:4px 10px;background:#f5f5f5;border-radius:12px}@media print{body.printing-pdf{height:auto!important;overflow:visible!important}body.printing-pdf *{visibility:hidden}body.printing-pdf .slides-scroll-container,body.printing-pdf .slide-wrapper,body.printing-pdf .slide-container,body.printing-pdf .slide-canvas,body.printing-pdf .slide-canvas *,body.printing-pdf .text-overlay,body.printing-pdf .text-editable{visibility:visible}body.printing-pdf .slides-scroll-container{position:absolute;left:0;top:0;width:100vw;height:auto;overflow:visible!important;scroll-snap-type:none;padding:0}body.printing-pdf .slide-wrapper{page-break-after:always;page-break-inside:avoid;min-height:100vh;width:100vw;margin:0;padding:0;display:flex;align-items:center;justify-content:center}body.printing-pdf .slide-wrapper:last-child{page-break-after:auto}body.printing-pdf .slide-indicator,body.printing-pdf .add-slide-btn{display:none!important}body.printing-pdf .preview-card{width:100vw!important;height:56.25vw!important;max-height:100vh;max-width:177.78vh;border:none!important;box-shadow:none!important;border-radius:0!important}body.printing-pdf .slide-canvas{width:100%!important;height:100%!important;border-radius:0!important;background-size:100% 100%!important}body.printing-pdf .slide-canvas>div[style*=dashed]{border:none!important}body.printing-pdf .placeholder{display:none!important}@page{size:landscape;margin:0}}.style-thumbs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.style-thumb-btn{padding:4px;background:#fafafa;border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .15s ease;overflow:hidden}.style-thumb-btn:hover{border-color:#0071e3;transform:scale(1.02)}.style-thumb-btn.selected{border-color:#0071e3;box-shadow:0 0 0 2px #0071e34d}.style-thumb-btn img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;display:block}.designer-photo.community-icon{display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#666}.designer-tab.active .community-icon{background:#d0e8ff;color:#0071e3}.community-styles-section{margin-top:8px}.community-add-style{display:flex;gap:8px;margin-bottom:12px}.community-style-name-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px}.community-style-name-input:focus{outline:none;border-color:#0071e3}.community-add-btn{padding:8px 16px;background:#0071e3;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.community-add-btn:hover:not(:disabled){background:#0077ed}.community-add-btn:disabled{opacity:.5;cursor:not-allowed}.community-styles-list{max-height:150px;overflow-y:auto;margin-bottom:12px;border:1px solid #e8e8e8;border-radius:8px}.community-style-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .1s}.community-style-item:last-child{border-bottom:none}.community-style-item:hover{background:#f8f8f8}.community-style-item.selected{background:#e3f2fd}.community-style-name{font-size:13px;color:#333}.community-style-item.selected .community-style-name{color:#0071e3;font-weight:500}.community-style-delete{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#999;font-size:16px;cursor:pointer;border-radius:4px;transition:all .1s}.community-style-delete:hover{background:#ffebee;color:#d32f2f}.community-save-btn{margin-top:8px;padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.community-save-btn:hover{background:#43a047}.no-styles{padding:20px;text-align:center;color:#999;font-size:13px}.loading-indicator{padding:20px;text-align:center;color:#666;font-size:13px}.attached-file-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f7ff;border:1px solid #c8e0ff;border-radius:8px;margin-bottom:8px}.attached-file-thumb{width:32px;height:32px;object-fit:cover;border-radius:4px;border:1px solid #e0e0e0}.attached-file-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e3f2fd;border-radius:4px;color:#1976d2}.attached-file-name{flex:1;font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attached-file-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#666;cursor:pointer;transition:all .15s}.attached-file-remove:hover{background:#0000001a;color:#333}.slideshow-panel{width:1008px;flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;background:#f8fafc;border-radius:12px;border:1px solid #e8e8e8}.slideshow-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0}.slideshow-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.slideshow-actions{display:flex;gap:8px}.slideshow-header-left{display:flex;align-items:center;gap:8px}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;color:#666;transition:all .15s ease}.sidebar-toggle-btn:hover{background:#f5f5f5;border-color:#ccc;color:#333}.chat-panel.hidden{display:none}.slideshow-panel.expanded{flex:1;width:auto;max-width:none}.slideshow-content{flex:1;overflow:hidden;position:relative}.slideshow-iframe{width:100%;height:100%;border:none}.slideshow-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#666}.slideshow-loading-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#0071e3;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1200px){.app-container{max-width:100%;padding:0 12px}}@media(max-width:1400px){.slideshow-panel{width:1008px;min-width:1008px;flex-shrink:0;overflow-x:auto}}@media(max-width:900px){.slideshow-panel{max-height:60vh;min-height:400px}}.voice-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voice-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:800px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.voice-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.voice-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a1a}.voice-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;line-height:1}.voice-modal-close:hover{color:#333}.voice-modal-tabs{display:flex;gap:0;border-bottom:1px solid #e0e0e0;background:#fafafa}.voice-tab{padding:12px 24px;border:none;background:transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.voice-tab:hover{color:#333;background:#f0f0f0}.voice-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.podcast-dialogue{flex:1;overflow-y:auto;padding:16px 24px}.podcast-empty{text-align:center;padding:40px 20px;color:#666;font-size:14px;line-height:1.6}.podcast-line{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}.podcast-line.host1{padding-left:0}.podcast-line.host2{padding-left:40px}.podcast-speaker{min-width:60px;font-weight:600;font-size:13px;padding-top:8px}.podcast-line.host1 .podcast-speaker{color:#2563eb}.podcast-line.host2 .podcast-speaker{color:#9333ea}.podcast-line textarea{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;line-height:1.5;resize:vertical;font-family:inherit}.podcast-line.host1 textarea{background:#f0f7ff;border-color:#bfdbfe}.podcast-line.host2 textarea{background:#faf5ff;border-color:#e9d5ff}.podcast-line textarea:focus{outline:none;border-color:#2563eb}.voice-btn-play{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.voice-btn-play:hover{background:#059669}.voice-btn-play.playing{background:#ef4444}.voice-btn-play.playing:hover{background:#dc2626}.voice-modal-settings{display:flex;gap:16px;padding:16px 24px;background:#f8f8f8;border-bottom:1px solid #eee;flex-wrap:wrap}.voice-setting{display:flex;flex-direction:column;gap:4px}.voice-setting label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.voice-setting select,.voice-setting input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;min-width:150px}.voice-setting select:focus,.voice-setting input:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 2px #0071e31a}.voice-setting-wide{flex:1;min-width:200px}.voice-setting-wide input{width:100%}.voice-modal-actions{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid #eee}.voice-btn-generate,.voice-btn-audio,.voice-btn-save{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.voice-btn-generate{background:#0071e3;color:#fff}.voice-btn-generate:hover:not(:disabled){background:#0062cc}.voice-btn-audio{background:#34c759;color:#fff}.voice-btn-audio:hover:not(:disabled){background:#2db84d}.voice-btn-save{background:#ff9500;color:#fff}.voice-btn-save:hover:not(:disabled){background:#e68600}.voice-btn-generate:disabled,.voice-btn-audio:disabled,.voice-btn-save:disabled{opacity:.5;cursor:not-allowed}.voice-error{padding:12px 24px;background:#fee;color:#c00;font-size:14px;border-bottom:1px solid #fcc}.voice-narrations{flex:1;overflow-y:auto;padding:16px 24px}.voice-narration-item{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:16px;overflow:hidden}.voice-narration-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.voice-slide-number{font-weight:600;color:#0071e3;font-size:14px}.voice-slide-title{color:#666;font-size:14px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-infographic-badge{background:#ff9500;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.voice-narration-content{padding:16px}.voice-narration-content textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.voice-narration-content textarea:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 2px #0071e31a}.voice-narration-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.voice-btn-small{padding:6px 14px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s}.voice-btn-small:hover:not(:disabled){background:#f0f0f0;border-color:#ccc}.voice-btn-small:disabled{opacity:.5;cursor:not-allowed}.voice-btn-small.playing{background:#ff3b30;color:#fff;border-color:#ff3b30}.voice-duration{color:#888;font-size:13px;margin-left:4px}.voice-zoom-narrations{border-top:1px solid #e0e0e0;padding:16px;background:#fafafa}.voice-zoom-header{font-weight:600;font-size:13px;color:#666;margin-bottom:12px}.voice-zoom-item{margin-bottom:12px;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.voice-zoom-item:last-child{margin-bottom:0}.voice-zoom-label{font-weight:500;font-size:12px;color:#ff9500;margin-bottom:8px}.voice-zoom-item textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;min-height:60px}.voice-modal-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.voice-btn-export{padding:10px 24px;background:#0071e3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.voice-btn-export:hover:not(:disabled){background:#0062cc}.voice-btn-export:disabled{opacity:.5;cursor:not-allowed}.voice-btn-toolbar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.voice-btn-toolbar:hover{background:#f5f5f5;border-color:#ccc}.voice-btn-toolbar svg{width:18px;height:18px;color:#666}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:14px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0000004d;z-index:100000;animation:toast-slide-up .3s ease-out;cursor:pointer}.toast-notification:hover{background:#252540}.toast-icon{background:#22c55e;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.toast-message{font-size:14px;font-weight:500}@keyframes toast-slide-up{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#faf8f5;min-height:100vh}#root{min-height:100vh;padding-left:2px;padding-top:24px}