:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-text: #1e293b;--color-text-light: #64748b;--color-border: #e2e8f0;--color-code-bg: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--radius: 8px;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh}.hero{text-align:center;padding:80px 24px 60px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.hero-content{max-width:700px;margin:0 auto}.hero-title{font-size:3rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;margin-bottom:16px}.hero-tagline{font-size:1.25rem;color:var(--color-text-light);margin-bottom:32px}.contact-button{display:inline-block;padding:12px 32px;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:background .2s}.contact-button:hover{background:var(--color-primary-dark)}.hero-buttons{display:flex;gap:16px;align-items:center;justify-content:center}.playground-button{display:inline-block;padding:12px 32px;background:#fff;color:var(--color-primary);text-decoration:none;border:2px solid var(--color-primary);border-radius:var(--radius);font-weight:600;font-size:1rem;transition:all .2s}.playground-button:hover{background:var(--color-primary);color:#fff}.contact-hint{margin-top:12px;font-size:.9rem;color:var(--color-text-light)}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:40px;color:var(--color-text)}.demo{padding:60px 24px;max-width:var(--max-width);margin:0 auto}.demo-container{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}.demo-container-3col{grid-template-columns:1fr 1fr 400px}.demo-col-header{font-size:.85rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;margin-bottom:12px;border-bottom:2px solid var(--color-border)}.demo-right-content{display:flex;flex-direction:column;height:500px}.demo-right-content .tab-content{flex:1;height:auto}.demo-example-selector{display:flex;align-items:center;gap:16px;margin-bottom:16px}.demo-select{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer}.demo-select:focus{outline:none;border-color:var(--color-primary)}.demo-checkbox-label{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;color:var(--color-text-light);cursor:pointer;-webkit-user-select:none;user-select:none}.demo-checkbox-label input{width:16px;height:16px;cursor:pointer}.preview-iframe{width:100%;height:500px;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--color-border)}.tab{padding:8px 20px;border:none;background:none;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--color-text-light);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:var(--color-text)}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{background:#1e1e1e;border-radius:var(--radius);overflow:hidden;height:500px;display:flex;flex-direction:column}.loading,.error{padding:24px;text-align:center;color:var(--color-text-light)}.error{color:#dc2626}.jv-viewer{display:flex;flex-direction:column;height:100%}.jv-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#252526;border-bottom:1px solid #3e3e3e;flex-shrink:0}.jv-label{font-size:.75rem;color:#888;font-family:SF Mono,Fira Code,monospace;text-transform:uppercase;letter-spacing:1px}.jv-actions{display:flex;gap:8px}.jv-btn{padding:4px 12px;background:#3c3c3c;color:#ccc;border:1px solid #555;border-radius:4px;font-size:.78rem;cursor:pointer;transition:all .15s}.jv-btn:hover{background:#505050;color:#fff}.jv-code{flex:1;overflow:auto;padding:12px 16px;background:#1e1e1e;color:#d4d4d4;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.82rem;line-height:1.5}.jv-line{white-space:nowrap}.jv-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.jv-toggle:hover{background:#ffffff0d;border-radius:3px}.jv-arrow{display:inline-block;width:16px;color:#888;font-size:.7rem}.jv-children{padding-left:20px}.jv-key{color:#9cdcfe}.jv-colon{color:#888}.jv-string{color:#ce9178}.jv-number{color:#b5cea8}.jv-boolean{color:#569cd6}.jv-null{color:#569cd6;font-style:italic}.jv-bracket{color:#d4d4d4}.jv-count{color:#888;font-style:italic;margin-left:8px}.jv-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px}.jv-fullscreen-inner{display:flex;flex-direction:column;width:90%;max-width:1200px;height:90%;background:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #00000080}.jv-code-full{flex:1;overflow:auto;padding:20px 24px;background:#1e1e1e;color:#d4d4d4;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.9rem;line-height:1.6}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:16px;overflow:auto}.gallery-empty{text-align:center;color:var(--color-text-light);padding:40px}.gallery-item{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.gallery-item img{width:100%;height:120px;object-fit:contain;background:var(--color-bg-alt)}.gallery-item-info{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.gallery-item-name{color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-item-size{color:var(--color-text-light);white-space:nowrap;margin-left:8px}.features{padding:60px 24px;background:var(--color-bg-alt)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:var(--max-width);margin:0 auto}.feature-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.feature-title{font-size:1.15rem;font-weight:600;color:var(--color-primary);margin-bottom:8px}.feature-desc{color:var(--color-text-light);font-size:.95rem}.services{padding:60px 24px;max-width:var(--max-width);margin:0 auto;text-align:center}.services-subtitle{color:var(--color-text-light);font-size:1.1rem;margin-bottom:40px;margin-top:-24px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}.service-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-md);text-align:left}.service-icon{font-size:2.5rem;margin-bottom:16px}.service-title{font-size:1.3rem;font-weight:700;color:var(--color-primary);margin-bottom:12px}.service-desc{color:var(--color-text-light);font-size:.95rem;line-height:1.7}.services-cta{margin-top:40px}.footer{padding:32px 24px;border-top:1px solid var(--color-border);background:#fff}.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand{font-weight:700;color:var(--color-primary);font-size:1.1rem}.footer-email{color:var(--color-text-light);text-decoration:none;font-size:.95rem}.footer-email:hover{color:var(--color-primary)}@media(max-width:1200px){.demo-container-3col{grid-template-columns:1fr 1fr}.demo-container-3col .pptx-renderer-wrapper{grid-column:1 / -1;height:400px}}@media(max-width:768px){.hero-title{font-size:2rem}.hero-tagline{font-size:1rem}.demo-container,.demo-container-3col{grid-template-columns:1fr}.demo-preview{position:static}.preview-iframe{height:360px}.footer-content{flex-direction:column;gap:12px}.services-grid{grid-template-columns:1fr}}.playground{min-height:100vh;padding:60px 24px;max-width:var(--max-width);margin:0 auto}.playground-contact{text-align:center;padding:64px 24px 32px}.playground-contact h2{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:24px}.playground-header{text-align:center;margin-bottom:48px}.playground-title{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:12px}.playground-desc{font-size:1.1rem;color:var(--color-text-light)}.upload-area{border:2px dashed var(--color-border);border-radius:12px;padding:80px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.upload-area:hover{border-color:var(--color-primary);background:#2563eb08}.upload-area.drag-over{border-color:var(--color-primary);background:#2563eb14}.file-input{display:none}.upload-icon{font-size:3rem;margin-bottom:16px}.upload-text{font-size:1.1rem;font-weight:500;color:var(--color-text);margin-bottom:8px}.upload-hint{font-size:.9rem;color:var(--color-text-light)}.upload-error{margin-top:16px;padding:12px 20px;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:.9rem}.upload-progress{text-align:center;padding:80px 24px;background:#fff;border-radius:12px;border:1px solid var(--color-border)}.progress-label{font-size:1.1rem;font-weight:500;color:var(--color-text);margin-bottom:24px}.progress-bar-container{width:100%;max-width:400px;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin:0 auto 12px}.progress-bar{height:100%;background:var(--color-primary);border-radius:4px;transition:width .2s}.progress-percent{font-size:.9rem;color:var(--color-text-light)}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.playground-result{display:flex;flex-direction:column;gap:16px}.result-header{display:flex;justify-content:space-between;align-items:center}.result-filename{font-size:1rem;font-weight:500;color:var(--color-text)}.upload-again-btn{padding:8px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:background .2s}.upload-again-btn:hover{background:var(--color-primary-dark)}.playground-demo{display:grid;grid-template-columns:1fr 1fr 400px;gap:24px;align-items:start}.pptx-renderer-wrapper{height:500px;position:relative}.pptx-renderer-toolbar{position:absolute;top:4px;right:4px;z-index:10}.renderer-fullscreen-btn{background:#ffffffe6;border:1px solid var(--color-border);border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:16px;line-height:1;color:var(--color-text-light);display:flex;align-items:center;justify-content:center}.renderer-fullscreen-btn:hover{background:#fff;color:var(--color-text)}.pptx-renderer-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f0f0f0;z-index:9999;padding:40px 20px 20px}.pptx-renderer-fullscreen .pptx-renderer-container{height:100%}.renderer-fullscreen-close{position:absolute;top:12px;right:16px;background:#ffffffe6;border:1px solid var(--color-border);border-radius:4px;width:32px;height:32px;cursor:pointer;font-size:18px;line-height:1;color:var(--color-text);display:flex;align-items:center;justify-content:center;z-index:10000}.renderer-fullscreen-close:hover{background:#fff}.pptx-renderer-container{width:100%;height:100%;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:#f0f0f0}.pptx-renderer-error{width:100%;height:500px;display:flex;align-items:center;justify-content:center;color:#dc2626;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#fef2f2}@media(max-width:1200px){.playground-demo{grid-template-columns:1fr 1fr}.pptx-renderer-wrapper{grid-column:1 / -1;height:400px}}@media(max-width:768px){.playground-demo{grid-template-columns:1fr}}