:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#242836;--border:#2e3345;--text:#e4e6ef;--text-muted:#8b8fa3;--accent:#7c5cfc;--accent-hover:#6b4ae0;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700}a{color:var(--accent)}button{font-family:var(--sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.landing{flex-direction:column;min-height:100vh;display:flex}.landing__nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.landing__nav-brand{color:var(--text);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.landing__logo{color:var(--accent);font-size:24px}.landing__nav-cta{background:var(--accent);color:#fff;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s}.landing__nav-cta:hover{opacity:.9}.landing__hero{text-align:center;max-width:900px;margin:0 auto;padding:80px 32px 64px}.landing__hero-title{color:var(--text);letter-spacing:-1.5px;margin:0 0 20px;font-size:52px;font-weight:800;line-height:1.1}.landing__hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 32px;font-size:20px;line-height:1.6}.landing__hero-actions{justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}.landing__hero-cta{background:var(--accent);color:#fff;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:opacity .15s}.landing__hero-cta:hover{opacity:.9}.landing__hero-secondary{border:1px solid var(--border);color:var(--text);border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .15s}.landing__hero-secondary:hover{background:var(--surface-hover)}.landing__hero-visual{justify-content:center;display:flex}.landing__hero-mockup{perspective:1000px;gap:16px;display:flex}.landing__mockup-slide{aspect-ratio:16/9;color:#fff;border-radius:8px;flex-direction:column;justify-content:center;gap:8px;width:220px;padding:20px;transition:transform .3s;display:flex;transform:rotateY(-5deg);box-shadow:0 8px 32px #0000004d}.landing__mockup-slide:hover{transform:rotateY(0)scale(1.05)}.landing__mockup-slide:nth-child(2){transform:rotateY(0)translateY(-8px)}.landing__mockup-slide:nth-child(2):hover{transform:rotateY(0)translateY(-8px)scale(1.05)}.landing__mockup-slide:nth-child(3){transform:rotateY(5deg)}.landing__mockup-slide:nth-child(3):hover{transform:rotateY(0)scale(1.05)}.landing__mockup-title{font-size:16px;font-weight:700}.landing__mockup-body{opacity:.8;font-size:11px}.landing__features{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:64px 32px}.landing__features-title{text-align:center;color:var(--text);margin:0 0 40px;font-size:32px;font-weight:700}.landing__features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.landing__feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.landing__feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.landing__feature-icon{margin-bottom:12px;font-size:32px}.landing__feature-name{color:var(--text);margin:0 0 8px;font-size:18px;font-weight:600}.landing__feature-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.landing__cta-section{text-align:center;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 32px}.landing__cta-title{color:var(--text);margin:0 0 12px;font-size:32px;font-weight:700}.landing__cta-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:18px}.landing__cta-button{background:var(--accent);color:#fff;border-radius:10px;padding:14px 40px;font-size:16px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block}.landing__cta-button:hover{opacity:.9}.landing__footer{text-align:center;padding:32px}.landing__footer-brand{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.landing__footer-copy{color:var(--text-muted);margin:0;font-size:14px}@media (width<=768px){.landing__hero-title{font-size:32px}.landing__hero-subtitle{font-size:16px}.landing__hero-actions{flex-direction:column}.landing__hero-mockup{flex-direction:column;align-items:center}.landing__mockup-slide,.landing__mockup-slide:nth-child(2),.landing__mockup-slide:nth-child(3){transform:none}.landing__features-title,.landing__cta-title{font-size:24px}}.slide-sorter{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;height:100%;display:flex;overflow:hidden}.slide-sorter__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.slide-sorter__title{color:var(--text);margin:0;font-size:14px;font-weight:600}.slide-sorter__add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:600;line-height:1;transition:opacity .15s;display:flex}.slide-sorter__add-btn:hover{opacity:.85}.slide-sorter__list{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.slide-sorter__item{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:all .15s;overflow:hidden}.slide-sorter__item:hover{border-color:var(--border)}.slide-sorter__item.active{border-color:var(--accent)}.slide-sorter__item.dragging{opacity:.4}.slide-sorter__item.drag-over{border-color:var(--accent);border-style:dashed}.slide-sorter__thumbnail{aspect-ratio:16/9;border-radius:6px 6px 0 0;flex-direction:column;justify-content:center;gap:4px;padding:8px;display:flex;overflow:hidden}.slide-sorter__thumb-title{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;line-height:1.2;overflow:hidden}.slide-sorter__thumb-body{-webkit-line-clamp:3;opacity:.8;-webkit-box-orient:vertical;font-size:6px;line-height:1.3;display:-webkit-box;overflow:hidden}.slide-sorter__item-footer{background:var(--bg);justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.slide-sorter__item-number{color:var(--text-muted);font-size:11px;font-weight:600}.slide-sorter__delete-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:all .15s;display:flex}.slide-sorter__delete-btn:hover{color:#ef4444;background:#ef44441a}.slide-editor{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.slide-editor__toolbar{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 12px;display:flex}.slide-editor__toolbar-group{align-items:center;gap:6px;display:flex}.slide-editor__toolbar-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-right:4px;font-size:12px;font-weight:600}.slide-editor__align-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.slide-editor__align-btn:hover{background:var(--surface-hover);color:var(--text)}.slide-editor__align-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.slide-editor__color-picker{flex-wrap:wrap;gap:4px;display:flex}.slide-editor__color-swatch{border:2px solid var(--border);cursor:pointer;border-radius:4px;width:22px;height:22px;padding:0;transition:all .15s}.slide-editor__color-swatch:hover{transform:scale(1.15)}.slide-editor__color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.slide-editor__canvas-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.slide-editor__canvas{aspect-ratio:16/9;box-sizing:border-box;border-radius:8px;flex-direction:column;justify-content:center;gap:24px;width:100%;max-width:800px;padding:48px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000004d}.slide-editor__title{white-space:pre-wrap;border:2px solid #0000;border-radius:4px;outline:none;min-height:1.2em;padding:4px 8px;font-size:32px;font-weight:700;line-height:1.2;transition:border-color .15s}.slide-editor__title:focus{border-color:var(--accent)}.slide-editor__title:empty:before{content:attr(data-placeholder);opacity:.4}.slide-editor__body{white-space:pre-wrap;border:2px solid #0000;border-radius:4px;outline:none;flex:1;min-height:1.6em;padding:4px 8px;font-size:18px;line-height:1.6;transition:border-color .15s}.slide-editor__body:focus{border-color:var(--accent)}.slide-editor__body:empty:before{content:attr(data-placeholder);opacity:.4}.slide-editor__status{text-align:center;color:var(--text-muted);font-size:13px}.content-assist{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:280px;min-width:280px;height:100%;display:flex;overflow:hidden}.content-assist__header{border-bottom:1px solid var(--border);padding:12px 16px}.content-assist__title{color:var(--text);margin:0;font-size:14px;font-weight:600}.content-assist__content{flex-direction:column;flex:1;gap:16px;padding:12px;display:flex;overflow-y:auto}.content-assist__section{flex-direction:column;gap:8px;display:flex}.content-assist__section-badge{background:var(--accent);color:#fff;border-radius:12px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.content-assist__section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.content-assist__tips{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.content-assist__tip{color:var(--text);background:var(--bg);border-left:3px solid var(--accent);border-radius:6px;padding:6px 8px;font-size:13px;line-height:1.5}.content-assist__suggestion-preview{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px}.content-assist__preview-title{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600}.content-assist__preview-body{color:var(--text-muted);white-space:pre-wrap;font-size:12px;line-height:1.5}.content-assist__apply-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:opacity .15s}.content-assist__apply-btn:hover{opacity:.9}.content-assist__actions{flex-direction:column;gap:6px;display:flex}.content-assist__action-btn{background:var(--surface-hover);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .15s}.content-assist__action-btn:hover{background:var(--border)}.export-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.export-panel__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.export-panel__title{color:var(--text);margin:0;font-size:16px;font-weight:600}.export-panel__header-actions{gap:8px;display:flex}.export-panel__content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.export-panel__info{text-align:center}.export-panel__deck-name{color:var(--text);margin:0 0 4px;font-size:20px;font-weight:600}.export-panel__slide-count{color:var(--text-muted);margin:0;font-size:14px}.export-panel__preview-btn{background:var(--surface-hover);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .15s}.export-panel__preview-btn:hover{background:var(--border)}.export-panel__download-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .15s}.export-panel__download-btn:hover{opacity:.9}.export-panel__back-btn{background:var(--surface-hover);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .15s}.export-panel__back-btn:hover{background:var(--border)}.export-panel__hint{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.export-panel__preview-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:16px;padding:16px;display:grid;overflow-y:auto}.export-panel__preview-card{position:relative}.export-panel__preview-number{color:#fff;z-index:1;background:#0009;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex;position:absolute;top:8px;left:8px}.export-panel__preview-slide{aspect-ratio:16/9;border-radius:8px;flex-direction:column;justify-content:center;gap:12px;padding:24px;display:flex;overflow:hidden;box-shadow:0 2px 12px #0003}.export-panel__preview-slide-title{font-size:18px;font-weight:700;line-height:1.2}.export-panel__preview-slide-body{white-space:pre-wrap;opacity:.9;font-size:12px;line-height:1.5}.export-print-only{display:none}@media print{body *{visibility:hidden}.export-print-only,.export-print-only *{visibility:visible}.export-print-only{z-index:99999;width:100%;display:block;position:fixed;top:0;left:0}.export-print-slide{page-break-after:always;box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;flex-direction:column;justify-content:center;gap:24px;width:100vw;height:100vh;padding:64px;display:flex}.export-print-slide:last-child{page-break-after:auto}.export-print-slide__title{font-size:48px;font-weight:700;line-height:1.2}.export-print-slide__body{white-space:pre-wrap;font-size:24px;line-height:1.6}}.template-library{padding:32px}.template-library__heading{color:var(--text);margin:0 0 8px;font-size:28px;font-weight:700}.template-library__subheading{color:var(--text-muted);margin:0 0 32px;font-size:16px}.template-library__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.template-card__preview{background:var(--bg);padding:16px}.template-card__slide-preview{aspect-ratio:16/9;border-radius:6px;justify-content:center;align-items:center;padding:16px;display:flex}.template-card__slide-title{color:#fff;text-align:center;font-size:14px;font-weight:600}.template-card__info{padding:16px}.template-card__category{text-transform:uppercase;letter-spacing:.8px;color:var(--accent);font-size:11px;font-weight:600}.template-card__name{color:var(--text);margin:4px 0 8px;font-size:18px;font-weight:600}.template-card__description{color:var(--text-muted);margin:0 0 12px;font-size:14px;line-height:1.5}.template-card__meta{color:var(--text-muted);margin-bottom:12px;font-size:13px}.template-card__button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .15s}.template-card__button:hover{opacity:.9}.editor-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-page__header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;height:48px;min-height:48px;padding:0 16px;display:flex}.editor-page__header-left{align-items:center;gap:16px;display:flex}.editor-page__back{color:var(--text);align-items:center;gap:6px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.editor-page__logo{color:var(--accent);font-size:20px}.editor-page__deck-name{color:var(--text-muted);border-left:1px solid var(--border);padding-left:16px;font-size:14px}.editor-page__tabs{gap:4px;display:flex}.editor-page__tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.editor-page__tab:hover{color:var(--text);background:var(--surface-hover)}.editor-page__tab.active{color:#fff;background:var(--accent)}.editor-page__main{flex:1;overflow:hidden}.editor-page__workspace{height:100%;display:flex}.editor-page__main>.template-library{height:100%;overflow-y:auto}.editor-page__main>.export-panel{height:100%}