:root{--bg:#0c0a13;--bg-elevated:#110e1b;--surface:#16132a;--surface-hover:#1e1a36;--surface-active:#262142;--border:#2a2545;--border-subtle:#1f1b38;--text:#ece8f4;--text-secondary:#b0a8c9;--text-muted:#7a7194;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf640;--accent-subtle:#8b5cf61f;--secondary:#f59e0b;--secondary-subtle:#f59e0b1f;--danger:#ef4444;--danger-subtle:#ef44441a;--success:#22c55e;--canvas-bg:#1a1726;--slide-bg:#fff;--slide-shadow:0 8px 40px #00000073, 0 2px 12px #0000004d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "JetBrains Mono", ui-monospace, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;font-family:var(--font-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;margin:0;padding:0}body{background:var(--bg);color:var(--text);overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{letter-spacing:-.035em;font-size:48px;font-weight:800}h2{letter-spacing:-.025em;font-size:32px;font-weight:700}h3{font-size:20px;font-weight:600}p{color:var(--text-secondary);line-height:1.65}a{color:var(--accent);transition:color var(--duration-fast) ease;text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font-sans);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}button:focus-visible,a:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::selection{background:var(--accent);color:#fff}.landing{flex-direction:column;min-height:100vh;display:flex}.landing-nav{padding:var(--space-4) var(--space-8);z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#0c0a13d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.landing-nav__brand{color:var(--text);align-items:center;gap:var(--space-2);letter-spacing:-.02em;font-size:18px;font-weight:700;display:flex}.landing-nav__icon{flex-shrink:0}.landing-nav__cta{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-5);background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-fast) ease;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.landing-nav__cta:hover{background:var(--accent-hover);color:#fff;box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.landing-hero{gap:var(--space-16);padding:80px var(--space-8) 100px;grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:grid}.landing-hero__badge{padding:var(--space-1) var(--space-3);background:var(--accent-subtle);color:var(--accent);letter-spacing:.01em;margin-bottom:var(--space-6);border:1px solid #8b5cf633;border-radius:100px;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.landing-hero__title{color:var(--text);margin-bottom:var(--space-6);letter-spacing:-.04em;font-size:56px;font-weight:800;line-height:1.05}.landing-hero__accent{background:linear-gradient(135deg, var(--accent), #c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero__subtitle{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:480px;font-size:18px;line-height:1.7}.landing-hero__actions{gap:var(--space-4);align-items:center;display:flex}.landing-hero__cta{align-items:center;gap:var(--space-2);padding:14px var(--space-8);background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.landing-hero__cta:hover{background:var(--accent-hover);color:#fff;box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.landing-hero__secondary{padding:14px var(--space-8);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) ease;font-size:16px;font-weight:600;text-decoration:none}.landing-hero__secondary:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted)}.landing-hero__visual{justify-content:center;align-items:center;display:flex}.landing-hero__slide-stack{aspect-ratio:16/9;perspective:1200px;width:380px;position:relative}.landing-hero__slide{border-radius:var(--radius-lg);padding:var(--space-8);justify-content:center;gap:var(--space-3);transition:all .5s var(--ease-out);box-shadow:var(--slide-shadow);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.landing-hero__slide--0{z-index:3;transform:rotateY(-5deg)translate(0)}.landing-hero__slide--1{z-index:2;opacity:.7;transform:rotateY(-3deg)translate(24px)translateY(12px)scale(.95)}.landing-hero__slide--2{z-index:1;opacity:.4;transform:rotateY(-1deg)translate(48px)translateY(24px)scale(.9)}.landing-hero__slide-stack:hover .landing-hero__slide--0{transform:rotateY(-8deg)translate(-30px)translateY(-5px)}.landing-hero__slide-stack:hover .landing-hero__slide--1{opacity:.85;transform:rotateY(0)translate(0)translateY(0)scale(1)}.landing-hero__slide-stack:hover .landing-hero__slide--2{opacity:.6;transform:rotateY(8deg)translate(30px)translateY(-5px)scale(.98)}.landing-hero__slide-title{letter-spacing:-.02em;font-size:20px;font-weight:700}.landing-hero__slide-body{opacity:.75;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.landing-features{padding:100px var(--space-8);width:100%;max-width:1100px;margin:0 auto}.landing-features__header{text-align:center;margin-bottom:var(--space-12)}.landing-features__title{color:var(--text);margin-bottom:var(--space-3);letter-spacing:-.03em;font-size:36px;font-weight:700}.landing-features__subtitle{color:var(--text-muted);margin:0;font-size:17px}.landing-features__grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.landing-feature{padding:var(--space-8) var(--space-6);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.landing-feature:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 12px 40px #00000040}.landing-feature__icon{background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);border-radius:var(--radius-md);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.landing-feature__name{color:var(--text);margin-bottom:var(--space-2);font-size:17px;font-weight:600}.landing-feature__desc{color:var(--text-muted);font-size:14px;line-height:1.65}.landing-templates{padding:80px var(--space-8) 100px;width:100%;max-width:1100px;margin:0 auto}.landing-templates__header{text-align:center;margin-bottom:var(--space-12)}.landing-templates__title{color:var(--text);margin-bottom:var(--space-3);letter-spacing:-.03em;font-size:36px;font-weight:700}.landing-templates__subtitle{color:var(--text-muted);margin:0;font-size:17px}.landing-templates__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.landing-template-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);text-decoration:none;display:block;overflow:hidden}.landing-template-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.landing-template-card__preview{aspect-ratio:16/9;padding:var(--space-4);justify-content:center;gap:var(--space-1);color:#fff;flex-direction:column;display:flex}.landing-template-card__slide-title{letter-spacing:-.01em;font-size:13px;font-weight:700}.landing-template-card__slide-body{opacity:.65;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;display:-webkit-box;overflow:hidden}.landing-template-card__info{padding:var(--space-3) var(--space-4);flex-direction:column;gap:2px;display:flex}.landing-template-card__category{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:10px;font-weight:600}.landing-template-card__name{color:var(--text);font-size:14px;font-weight:600}.landing-template-card__meta{color:var(--text-muted);font-size:12px}.landing-cta{padding:100px var(--space-8)}.landing-cta__inner{text-align:center;max-width:640px;padding:var(--space-16) var(--space-8);background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin:0 auto;position:relative;overflow:hidden}.landing-cta__inner:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent-glow), transparent 50%);z-index:0;pointer-events:none;position:absolute;inset:-1px}.landing-cta__title{color:var(--text);margin-bottom:var(--space-3);z-index:1;letter-spacing:-.03em;font-size:32px;font-weight:700;position:relative}.landing-cta__subtitle{color:var(--text-muted);margin-bottom:var(--space-8);z-index:1;font-size:17px;position:relative}.landing-cta__button{align-items:center;gap:var(--space-2);padding:14px var(--space-10);background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);z-index:1;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.landing-cta__button:hover{background:var(--accent-hover);color:#fff;box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.landing-footer{padding:var(--space-10) var(--space-8);text-align:center;border-top:1px solid var(--border-subtle)}.landing-footer__brand{color:var(--text);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-size:16px;font-weight:700;display:inline-flex}.landing-footer__copy{color:var(--text-muted);font-size:14px}@media (width<=1024px){.landing-features__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.landing-hero{gap:var(--space-10);padding:var(--space-10) var(--space-5) var(--space-12);text-align:center;grid-template-columns:1fr}.landing-hero__title{font-size:36px}.landing-hero__subtitle{max-width:100%;font-size:16px}.landing-hero__actions{flex-direction:column;width:100%}.landing-hero__cta,.landing-hero__secondary{text-align:center;justify-content:center;width:100%}.landing-hero__slide-stack{width:100%;max-width:320px}.landing-features{padding:var(--space-12) var(--space-5)}.landing-features__title{font-size:28px}.landing-features__grid{grid-template-columns:1fr}.landing-templates{padding:var(--space-12) var(--space-5)}.landing-templates__title{font-size:28px}.landing-templates__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.landing-cta__title{font-size:24px}}.slide-sorter{background:var(--bg-elevated);border-right:1px solid var(--border-subtle);flex-direction:column;width:232px;min-width:232px;height:100%;display:flex;overflow:hidden}.slide-sorter__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;min-height:44px;display:flex}.slide-sorter__title{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.slide-sorter__add-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:all var(--duration-fast) ease;border:none;justify-content:center;align-items:center;display:flex}.slide-sorter__add-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px var(--accent-glow);transform:scale(1.05)}.slide-sorter__list{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.slide-sorter__item{align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) ease;border:2px solid #0000;display:flex;position:relative}.slide-sorter__item:hover{background:var(--surface)}.slide-sorter__item.active{border-color:var(--accent);background:var(--accent-subtle)}.slide-sorter__item.dragging{opacity:.35;transform:scale(.95)}.slide-sorter__item.drag-over{border-color:var(--accent);background:var(--accent-subtle);border-style:dashed}.slide-sorter__item-number{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;width:20px;font-size:11px;font-weight:700}.slide-sorter__item.active .slide-sorter__item-number{color:var(--accent)}.slide-sorter__thumbnail-wrapper{flex:1;min-width:0}.slide-sorter__thumbnail{aspect-ratio:16/9;padding:var(--space-2);border-radius:var(--radius-sm);transition:box-shadow var(--duration-fast) ease;flex-direction:column;justify-content:center;gap:3px;display:flex;overflow:hidden;box-shadow:0 1px 4px #0003}.slide-sorter__item.active .slide-sorter__thumbnail{box-shadow:0 2px 8px #0000004d}.slide-sorter__thumb-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-size:7px;font-weight:700;line-height:1.2;overflow:hidden}.slide-sorter__thumb-body{-webkit-line-clamp:3;opacity:.7;-webkit-box-orient:vertical;font-size:5px;line-height:1.3;display:-webkit-box;overflow:hidden}.slide-sorter__delete-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.slide-sorter__item:hover .slide-sorter__delete-btn{opacity:1}.slide-sorter__delete-btn:hover{color:var(--danger);background:var(--danger-subtle)}.slide-sorter__drag-ghost{background:var(--accent);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;padding:6px 12px;font-size:12px;font-weight:600;position:fixed;top:-1000px;left:-1000px}@media (width<=768px){.slide-sorter{border-right:none;border-bottom:1px solid var(--border-subtle);width:100%;min-width:0;max-height:140px}.slide-sorter__list{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-direction:row;overflow:auto hidden}.slide-sorter__item{flex-direction:column;min-width:100px}.slide-sorter__item-number{width:auto}}.slide-editor{flex-direction:column;flex:1;gap:0;min-width:0;height:100%;display:flex}.slide-editor__toolbar{align-items:center;gap:var(--space-5);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;min-height:44px;display:flex}.slide-editor__toolbar-group{align-items:center;gap:var(--space-2);display:flex}.slide-editor__toolbar-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-right:var(--space-1);font-size:11px;font-weight:600}.slide-editor__btn-group{background:var(--border-subtle);border-radius:var(--radius-sm);gap:1px;display:flex;overflow:hidden}.slide-editor__align-btn{background:var(--surface);width:32px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) ease;border:none;justify-content:center;align-items:center;display:flex}.slide-editor__align-btn:hover{background:var(--surface-hover);color:var(--text)}.slide-editor__align-btn.active{background:var(--accent);color:#fff}.slide-editor__color-picker{flex-wrap:wrap;gap:3px;display:flex}.slide-editor__color-swatch{cursor:pointer;width:20px;height:20px;transition:all var(--duration-fast) ease;border:2px solid #0000;border-radius:4px;padding:0;box-shadow:inset 0 0 0 1px #ffffff14}.slide-editor__color-swatch:hover{z-index:1;transform:scale(1.2)}.slide-editor__color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow), inset 0 0 0 1px #ffffff14;transform:scale(1.15)}.slide-editor__canvas-wrapper{padding:var(--space-8);background:var(--canvas-bg);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.slide-editor__canvas{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;max-width:820px;padding:var(--space-12) var(--space-12);justify-content:center;gap:var(--space-6);box-shadow:var(--slide-shadow);box-sizing:border-box;flex-direction:column;transition:opacity .2s,transform .2s;display:flex;overflow:hidden}.slide-editor__canvas--animate{animation:slideCanvasIn .25s var(--ease-out) both}@keyframes slideCanvasIn{0%{opacity:.7;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.slide-editor__title{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;white-space:pre-wrap;letter-spacing:-.02em;border:2px solid #0000;outline:none;min-height:1.2em;font-size:32px;font-weight:700;line-height:1.2}.slide-editor__title:hover{border-color:#8b5cf633}.slide-editor__title:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.slide-editor__title:empty:before{content:attr(data-placeholder);opacity:.35;pointer-events:none}.slide-editor__body{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;white-space:pre-wrap;border:2px solid #0000;outline:none;flex:1;min-height:1.6em;font-size:18px;line-height:1.65}.slide-editor__body:hover{border-color:#8b5cf633}.slide-editor__body:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.slide-editor__body:empty:before{content:attr(data-placeholder);opacity:.35;pointer-events:none}.slide-editor__nav{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-top:1px solid var(--border-subtle);display:flex}.slide-editor__nav-btn{border-radius:var(--radius-sm);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-fast) ease;justify-content:center;align-items:center;display:flex}.slide-editor__nav-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border)}.slide-editor__nav-btn:disabled{opacity:.3;cursor:default}.slide-editor__nav-status{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:13px;font-weight:600}@media (width<=768px){.slide-editor__canvas-wrapper{padding:var(--space-4)}.slide-editor__canvas{padding:var(--space-6);max-width:100%}.slide-editor__title{font-size:24px}.slide-editor__body{font-size:14px}.slide-editor__toolbar{padding:var(--space-2) var(--space-3);gap:var(--space-3)}}.content-assist{background:var(--bg-elevated);border-left:1px solid var(--border-subtle);flex-direction:column;width:280px;min-width:280px;height:100%;display:flex;overflow:hidden}.content-assist__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);min-height:44px;display:flex}.content-assist__header-icon{background:var(--accent-subtle);width:28px;height:28px;color:var(--accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.content-assist__title{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.content-assist__content{padding:var(--space-4);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.content-assist__badge-row{display:flex}.content-assist__badge{padding:var(--space-1) var(--space-3);background:var(--accent);color:#fff;letter-spacing:.01em;border-radius:100px;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.content-assist__section{gap:var(--space-2);flex-direction:column;display:flex}.content-assist__section-title{align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:11px;font-weight:700;display:flex}.content-assist__tips{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.content-assist__tip{color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--accent);transition:background var(--duration-fast) ease;font-size:13px;line-height:1.5}.content-assist__tip:hover{background:var(--surface-hover)}.content-assist__suggestion-preview{padding:var(--space-3);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.content-assist__preview-title{color:var(--text);margin-bottom:var(--space-1);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{justify-content:center;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3);background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;border:none;font-size:13px;font-weight:600;display:inline-flex}.content-assist__apply-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px var(--accent-glow)}.content-assist__actions{gap:var(--space-1);flex-direction:column;display:flex}.content-assist__action-btn{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;text-align:left;font-size:13px;font-weight:500;display:inline-flex}.content-assist__action-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border)}@media (width<=768px){.content-assist{border-left:none;border-top:1px solid var(--border-subtle);width:100%;min-width:0;max-height:300px}}.export-panel{height:100%;animation:fadeSlideIn var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.export-panel__header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--bg-elevated);flex-wrap:wrap;min-height:52px;display:flex}.export-panel__title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700}.export-panel__header-actions{gap:var(--space-2);display:flex}.export-panel__content{padding:var(--space-8);align-items:center;gap:var(--space-5);flex-direction:column;flex:1;justify-content:center;display:flex}.export-panel__info{text-align:center}.export-panel__deck-name{color:var(--text);margin:0 0 var(--space-1);letter-spacing:-.02em;font-size:22px;font-weight:700}.export-panel__slide-count{color:var(--text-muted);margin:0;font-size:15px}.export-panel__preview-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) ease;font-size:14px;font-weight:600;display:inline-flex}.export-panel__preview-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent)}.export-panel__download-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) ease;border:none;font-size:14px;font-weight:600;display:inline-flex}.export-panel__download-btn:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow)}.export-panel__back-btn{padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.export-panel__back-btn:hover{background:var(--surface-hover);color:var(--text)}.export-panel__hint{color:var(--text-muted);text-align:center;max-width:280px;margin:0;font-size:12px;line-height:1.5}.export-panel__preview-grid{padding:var(--space-5);gap:var(--space-5);flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;display:grid;overflow-y:auto}.export-panel__preview-card{animation:fadeSlideIn var(--duration-normal) var(--ease-out) both;position:relative}.export-panel__preview-card:first-child{animation-delay:0s}.export-panel__preview-card:nth-child(2){animation-delay:50ms}.export-panel__preview-card:nth-child(3){animation-delay:.1s}.export-panel__preview-card:nth-child(4){animation-delay:.15s}.export-panel__preview-card:nth-child(5){animation-delay:.2s}.export-panel__preview-card:nth-child(6){animation-delay:.25s}.export-panel__preview-card:nth-child(7){animation-delay:.3s}.export-panel__preview-card:nth-child(8){animation-delay:.35s}.export-panel__preview-number{top:var(--space-2);left:var(--space-2);-webkit-backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-sm);z-index:1;font-variant-numeric:tabular-nums;background:#0009;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex;position:absolute}.export-panel__preview-slide{aspect-ratio:16/9;border-radius:var(--radius-md);padding:var(--space-6);justify-content:center;gap:var(--space-3);box-shadow:var(--slide-shadow);transition:transform var(--duration-fast) ease;flex-direction:column;display:flex;overflow:hidden}.export-panel__preview-card:hover .export-panel__preview-slide{transform:scale(1.02)}.export-panel__preview-slide-title{letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1.2}.export-panel__preview-slide-body{white-space:pre-wrap;opacity:.85;font-size:12px;line-height:1.55}.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:var(--space-8);animation:fadeSlideIn var(--duration-normal) var(--ease-out)}.template-library__top{margin-bottom:var(--space-8)}.template-library__heading{color:var(--text);margin:0 0 var(--space-2);letter-spacing:-.03em;font-size:28px;font-weight:700}.template-library__subheading{color:var(--text-muted);margin:0;font-size:16px}.template-library__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.template-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);animation:fadeSlideIn var(--duration-slow) var(--ease-out) both;overflow:hidden}.template-card:first-child{animation-delay:50ms}.template-card:nth-child(2){animation-delay:.1s}.template-card:nth-child(3){animation-delay:.15s}.template-card:nth-child(4){animation-delay:.2s}.template-card:nth-child(5){animation-delay:.25s}.template-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.template-card--loading{pointer-events:none;opacity:.7}.template-card__preview{padding:var(--space-4);background:var(--bg)}.template-card__slides-row{gap:var(--space-2);display:flex}.template-card__mini-slide{aspect-ratio:16/9;border-radius:var(--radius-sm);padding:var(--space-2);flex:1;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0003}.template-card__mini-title{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;font-weight:600;display:block;overflow:hidden}.template-card__info{padding:var(--space-4) var(--space-5)}.template-card__category{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700}.template-card__name{color:var(--text);margin:var(--space-1) 0 var(--space-2);font-size:18px;font-weight:600}.template-card__description{color:var(--text-muted);margin:0 0 var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.template-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.template-card__meta{color:var(--text-muted);font-size:13px;font-weight:500}.template-card__button{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap;border:none;font-size:13px;font-weight:600;display:inline-flex}.template-card__button:hover{background:var(--accent-hover);box-shadow:0 2px 8px var(--accent-glow)}.template-card__button:disabled{cursor:default}.template-card__loading{align-items:center;gap:var(--space-2);display:inline-flex}.template-card__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.template-library{padding:var(--space-5)}.template-library__heading{font-size:22px}.template-library__grid{gap:var(--space-4);grid-template-columns:1fr}}.editor-page{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-page__header{padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);justify-content:space-between;align-items:center;gap:var(--space-4);height:52px;min-height:52px;display:flex}.editor-page__header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.editor-page__back{border-radius:var(--radius-sm);width:36px;height:36px;transition:background var(--duration-fast) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex}.editor-page__back:hover{background:var(--surface-hover)}.editor-page__divider{background:var(--border);flex-shrink:0;width:1px;height:24px}.editor-page__deck-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.editor-page__slide-count{color:var(--text-muted);background:var(--surface);padding:2px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;font-size:12px}.editor-page__tabs{background:var(--surface);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.editor-page__tab{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap;border-radius:7px;font-size:13px;font-weight:600;display:inline-flex}.editor-page__tab:hover{color:var(--text);background:var(--surface-hover)}.editor-page__tab.active{color:#fff;background:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.editor-page__header-right{align-items:center;gap:var(--space-2);display:flex}.editor-page__template-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;font-size:13px;font-weight:600;display:inline-flex}.editor-page__template-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent)}.editor-page__main{flex:1;overflow:hidden}.editor-page__workspace{height:100%;display:flex}.editor-page__canvas-area{background:var(--canvas-bg);flex-direction:column;flex:1;min-width:0;display:flex}.editor-page__main>.template-library{height:100%;overflow-y:auto}.editor-page__main>.export-panel{height:100%}.editor-page__modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);padding:var(--space-8);animation:fadeIn var(--duration-fast) ease;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.editor-page__modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:85vh;animation:scaleIn var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000080}.editor-page__modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.editor-page__modal-title{color:var(--text);margin:0;font-size:18px;font-weight:700}.editor-page__modal-close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) ease;justify-content:center;align-items:center;display:flex}.editor-page__modal-close:hover{background:var(--surface-hover);color:var(--text)}.editor-page__modal-body{flex:1;overflow-y:auto}.editor-page__modal-body .template-library{padding:var(--space-6)}.editor-page__modal-body .template-library__heading,.editor-page__modal-body .template-library__subheading{display:none}@media (width<=768px){.editor-page__workspace{flex-direction:column;overflow-y:auto}.editor-page__canvas-area{min-height:50vh}.editor-page__header{height:auto;padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-wrap:wrap}.editor-page__header-left{order:1}.editor-page__tabs{order:3;justify-content:center;width:100%}.editor-page__header-right{order:2;margin-left:auto}.editor-page__modal{max-width:100%;max-height:95vh;margin:var(--space-3);border-radius:var(--radius-lg)}}