.slide-mock{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--sm-bg);box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000059}.slide-mock__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--sm-accent) 45%,var(--sm-bg)) 0%,var(--sm-bg) 55%,color-mix(in srgb,var(--sm-surface) 80%,#000) 100%)}.slide-mock__hero-title{position:absolute;top:14%;left:8%;right:20%;height:10%;border-radius:4px;background:#ffffff24}.slide-mock__lines{position:absolute;bottom:16%;left:8%;right:12%;display:flex;flex-direction:column;gap:6px}.slide-mock__lines span{height:5px;border-radius:3px;background:color-mix(in srgb,var(--sm-muted) 55%,transparent)}.slide-mock__lines span:nth-child(2){width:88%}.slide-mock__lines span:nth-child(3){width:62%}.slide-mock__split-bar{position:absolute;left:0;top:0;bottom:0;width:28%;background:linear-gradient(180deg,var(--sm-accent),color-mix(in srgb,var(--sm-accent) 40%,var(--sm-bg)))}.slide-mock__split-main{position:absolute;left:32%;right:8%;top:18%;bottom:14%;display:flex;flex-direction:column;gap:7px}.slide-mock__bar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--sm-text) 22%,transparent)}.slide-mock__bar--lg{height:9px;width:92%;background:color-mix(in srgb,var(--sm-text) 35%,transparent)}.slide-mock__bar--short{width:45%}.slide-mock__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12%;gap:10px}.slide-mock__bar--center{width:72%;height:10px;background:color-mix(in srgb,var(--sm-accent) 65%,transparent)}.slide-mock__dots{display:flex;gap:5px;margin-top:4px}.slide-mock__dots span{width:5px;height:5px;border-radius:50%;background:var(--sm-muted);opacity:.7}.slide-mock__minimal{position:absolute;top:10%;right:9%;bottom:12%;left:9%;display:flex;flex-direction:column;gap:12px}.slide-mock__bar--thin{width:34%;height:4px;background:var(--sm-accent);opacity:.85}.slide-mock__lines--wide span{height:5px;border-radius:2px;background:color-mix(in srgb,var(--sm-muted) 45%,transparent)}.slide-mock__lines--wide span:nth-child(2){width:95%}.slide-mock__lines--wide span:nth-child(3){width:78%}.slide-mock__lines--wide span:nth-child(4){width:52%}.slide-mock__side-nav{position:absolute;left:0;top:0;bottom:0;width:22%;background:color-mix(in srgb,var(--sm-surface) 90%,black);border-right:1px solid color-mix(in srgb,var(--sm-accent) 25%,transparent)}.slide-mock__side-body{position:absolute;left:26%;right:8%;top:20%;bottom:16%;display:flex;flex-direction:column;gap:8px}.slide-mock__spot{position:absolute;width:55%;height:55%;right:-8%;top:-12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sm-accent) 35%,transparent) 0%,transparent 70%);filter:blur(.5px)}.slide-mock__spot-content{position:absolute;left:9%;right:28%;bottom:16%;top:28%;display:flex;flex-direction:column;gap:8px;justify-content:flex-end}.app-shell{min-height:100vh;position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 95% 55% at 50% -12%,rgba(255,255,255,.38),transparent 58%)}.app-container{position:relative;z-index:1;max-width:1580px;margin:0 auto;padding:1.5rem 1.25rem 4rem}@media (min-width: 900px){.app-container{padding:2rem 2.25rem 4.5rem}}@media (min-width: 1400px){.app-container{padding:2rem 3rem 4.5rem}}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.app-brand{display:flex;align-items:center;gap:.85rem}.app-brand-mark{width:52px;height:52px;border-radius:16px;object-fit:contain;background:#fff;display:block;flex-shrink:0;padding:5px;box-sizing:border-box;box-shadow:0 2px 16px #16141214}.app-brand__name{font-weight:700;font-size:clamp(1.15rem,2.4vw,1.45rem);letter-spacing:.02em;color:var(--text);line-height:1.25}.app-header__nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem}.app-header__link{font-size:.8125rem;font-weight:600;color:var(--text-muted);padding:.45rem .85rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--card-border);transition:color .15s,background .15s,border-color .15s}.app-header__link:hover{color:var(--accent);background:#ffffffd9;border-color:var(--border-strong)}.app-hero{margin-bottom:2.75rem;max-width:min(70rem,100%);text-align:center}@media (min-width: 960px){.app-hero{margin-bottom:3.25rem;text-align:start}}.app-hero__kicker{margin:0 0 .75rem;font-size:clamp(1.5rem,4.5vw,2.35rem);font-weight:700;letter-spacing:.03em;line-height:1.55;color:var(--accent-mid)}.app-hero__title{margin:0 0 1.15rem;font-size:clamp(2.15rem,7vw,3.65rem);font-weight:700;letter-spacing:.02em;line-height:1.52;color:var(--text);text-wrap:balance}.app-hero__sub{margin:0;font-size:clamp(.95rem,1.8vw,1.08rem);line-height:2;color:var(--text-muted);max-width:min(52rem,100%)}@media (min-width: 960px){.app-hero__sub{margin-left:0;margin-right:auto}}.workspace{display:grid;grid-template-columns:1fr;gap:1.75rem;align-items:stretch;margin-bottom:2rem}@media (min-width: 1024px){.workspace--split{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:2.25rem;align-items:stretch}}.workspace__col{display:flex;flex-direction:column;min-width:0;min-height:0}.workspace__col--output{min-height:min(52vh,680px)}@media (min-width: 1024px){.workspace__col--settings,.workspace__col--output{align-self:stretch;min-height:min(72vh,820px)}}.panel-eyebrow{margin:0 0 .75rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle)}.workspace .kimi-composer{margin-bottom:0;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.workspace .kimi-composer-title{flex-shrink:0}.workspace .kimi-actions{margin-top:auto;flex-shrink:0}.kimi-composer{background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:1.65rem 1.5rem 1.75rem;box-shadow:var(--card-shadow);margin-bottom:0}.kimi-composer-title{margin:0 0 1.35rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle)}.kimi-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.kimi-label--spaced{margin-top:1.35rem}.kimi-input{width:100%;padding:.95rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--surface-input);color:var(--text);resize:vertical;line-height:1.65;transition:border-color .18s,box-shadow .18s,background .18s}.kimi-input::placeholder{color:var(--text-subtle)}.kimi-input:hover{border-color:var(--border-strong)}.kimi-input:focus{outline:none;border-color:var(--accent-a35);box-shadow:0 0 0 4px var(--accent-soft);background:#fff}.kimi-topic-jumbo{min-height:7.5rem;font-size:1rem}.kimi-extra-compact{min-height:4rem;font-size:.9375rem}.kimi-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin:1.5rem 0 1.35rem}@media (max-width: 520px){.kimi-mode-row{grid-template-columns:1fr}}.kimi-mode-card{position:relative;padding:1.15rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--surface-muted);cursor:pointer;text-align:left;transition:border-color .18s,background .18s,box-shadow .2s,transform .15s;color:inherit;font:inherit;min-height:120px;display:flex;flex-direction:column;align-items:flex-start}.kimi-mode-card:hover{border-color:var(--border-strong);background:#ffffffd9;box-shadow:0 8px 24px -12px #0f0f141a}.kimi-mode-card.active{border-color:var(--accent-a35);background:#fff;box-shadow:0 0 0 1px var(--accent-ring),var(--card-shadow)}.kimi-mode-card__badge{display:inline-block;font-size:.625rem;font-weight:700;padding:.22rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);margin-bottom:.5rem;letter-spacing:.04em}.kimi-mode-card__title{display:block;font-size:.98rem;font-weight:700;margin-bottom:.35rem;line-height:1.3;color:var(--text)}.kimi-mode-card__desc{font-size:.75rem;color:var(--text-muted);line-height:1.55;margin:0}.template-strip-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin:.35rem 0 .85rem}.template-strip-header h3{margin:0;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-subtle)}.template-strip-header p{margin:0;font-size:.75rem;color:var(--text-muted)}.template-carousel{display:flex;align-items:stretch;gap:.5rem;margin:0 -.1rem;border-radius:var(--radius-md)}.template-carousel:focus-visible{outline:2px solid var(--accent-mid);outline-offset:3px}.template-carousel__arrow{flex-shrink:0;width:2.65rem;align-self:stretch;min-height:5.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--surface-muted);color:var(--text);cursor:pointer;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}.template-carousel__arrow svg{flex-shrink:0}.template-carousel__arrow:hover:not(:disabled){background:#fff;border-color:var(--border-strong);box-shadow:0 4px 14px #0f0f140f}.template-carousel__arrow:disabled{opacity:.35;cursor:not-allowed;color:var(--text-subtle)}.template-strip-wrap--carousel{flex:1;min-width:0;margin:0}.template-strip-wrap{position:relative;margin:0 -.35rem;padding:.25rem 0 .5rem}.template-strip-wrap:before,.template-strip-wrap:after{content:"";position:absolute;top:0;bottom:.5rem;width:40px;z-index:2;pointer-events:none}.template-strip-wrap:before{left:0;background:linear-gradient(90deg,var(--shell-fade) 0%,transparent 100%)}.template-strip-wrap:after{right:0;background:linear-gradient(270deg,var(--shell-fade) 0%,transparent 100%)}.template-strip{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:.35rem;padding:.35rem .35rem .85rem;scrollbar-width:thin;scrollbar-color:var(--accent-a20) transparent}.template-strip::-webkit-scrollbar{height:4px}.template-strip::-webkit-scrollbar-thumb{background:var(--accent-a22);border-radius:999px}.template-card-kimi{flex:0 0 172px;scroll-snap-align:start;display:flex;flex-direction:column;gap:.5rem;padding:0;border:none;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit;border-radius:var(--radius-md);transition:transform .15s}@media (min-width: 480px){.template-card-kimi{flex-basis:188px}}.template-card-kimi:hover .template-card-kimi__frame{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.template-card-kimi.active .template-card-kimi__frame{box-shadow:0 0 0 2px var(--accent),0 16px 40px -12px var(--accent-a22)}.template-card-kimi__frame{border-radius:var(--radius-md);overflow:hidden;transition:transform .18s,box-shadow .22s;border:1px solid var(--card-border);background:var(--surface-muted)}.template-card-kimi__name{font-size:.75rem;font-weight:600;line-height:1.95;padding:.2em .15rem;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-kimi__desc{font-size:.625rem;color:var(--text-muted);line-height:1.6;padding:0 .15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kimi-actions{margin-top:1.5rem;padding-top:1.35rem;border-top:1px solid var(--card-border)}.slider-row{display:flex;align-items:center;gap:.85rem;margin-bottom:1.2rem;flex-wrap:wrap}.slider-row label{font-size:.8125rem;font-weight:600;color:var(--text-muted);min-width:6.5rem}.slider-row input[type=range]{flex:1;min-width:120px;accent-color:var(--accent);height:4px}.slider-row .num{font-variant-numeric:tabular-nums;min-width:2ch;font-size:.9375rem;font-weight:700;color:var(--accent)}.generate-row{display:flex;gap:.65rem;align-items:stretch}.generate-row .btn-generate{flex:1}.btn-cancel{flex-shrink:0;padding:.65rem 1rem;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--surface-muted);color:var(--text-muted);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn-cancel:hover{border-color:var(--danger);color:var(--danger);background:#fff}.generate-status{margin-top:1rem;padding:1rem 1.05rem;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,var(--surface-muted) 100%);border:1px solid var(--card-border)}.generate-status__line{margin:0 0 .4rem;font-size:.8125rem;font-weight:600;color:var(--text)}.generate-status__line:last-of-type{margin-bottom:.55rem}.generate-status__hint{margin:0;font-size:.72rem;line-height:1.55;color:var(--text-muted)}.btn-generate{width:100%;padding:.95rem 1.35rem;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.9375rem;letter-spacing:-.01em;cursor:pointer;color:#fafaf9;background:linear-gradient(145deg,var(--accent) 0%,var(--accent-mid) 42%,var(--cta) 78%,var(--cta-mid) 100%);box-shadow:0 2px 6px var(--accent-a15),0 14px 36px -6px var(--cta-glow),0 0 0 1px #ffffff1f inset;transition:transform .12s,box-shadow .2s,filter .15s}.btn-generate:hover:not(:disabled){filter:brightness(1.045);box-shadow:0 4px 14px var(--accent-a20),0 20px 44px -8px var(--cta-glow),0 0 0 1px #ffffff29 inset}.btn-generate:active:not(:disabled){transform:scale(.992)}.btn-generate:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.2)}.err-msg{margin:1rem 0 0;font-size:.8125rem;color:var(--danger);text-align:center;font-weight:500}.output-panel{flex:1;min-height:0;background:var(--card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:1.65rem 1.5rem 1.75rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column}.output-panel .preview-head{flex-shrink:0}.output-panel .slide-stage{flex:1;min-height:200px}.output-panel .empty-preview{flex:1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stream-live{flex:1;display:flex;flex-direction:column;min-height:0;gap:.75rem}.stream-live__title{margin:0;font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle)}.stream-live__body{flex:1 1 0;min-height:0;margin:0;padding:1rem 1.1rem;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;font-family:var(--font);font-size:.72rem;line-height:1.6;color:#b8c9c6;background:linear-gradient(168deg,#152a28,#0f1c1a 52%,#0a1211);border:1px solid rgba(255,255,255,.055);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;-moz-tab-size:2;tab-size:2;box-shadow:inset 0 1px #ffffff0b}.preview-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.preview-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;align-items:center}.preview-head__main{flex:1;min-width:0}.preview-head h2{margin:0;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:700;letter-spacing:-.025em;line-height:1.35;color:var(--text)}.token-usage{margin:.5rem 0 0;font-size:.7rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.btn-ghost{padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--surface-muted);color:var(--text);cursor:pointer;font:inherit;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn-ghost:hover:not(:disabled){background:#fff;border-color:var(--border-strong);color:var(--accent)}.btn-ghost:disabled{opacity:.38;cursor:not-allowed}.slide-stage{aspect-ratio:16 / 9;border-radius:var(--radius-md);border:1px solid var(--slide-frame);background:var(--slide-preview-bg);padding:1.25rem 1.35rem;display:flex;flex-direction:column;min-height:0;box-shadow:inset 0 1px #ffffffa6}.slide-badge{display:inline-block;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .5rem;border-radius:6px;background:var(--accent-soft);color:var(--accent);margin-bottom:.5rem}.slide-stage h3{margin:0;font-size:clamp(1rem,2.4vw,1.22rem);font-weight:700;line-height:1.35;color:var(--text)}.slide-sub{margin:.4rem 0 0;font-size:.875rem;color:var(--text-muted)}.slide-stage ul{margin:.55rem 0 0;padding-inline-start:1.15rem;line-height:1.6;overflow:auto;flex:1;font-size:.875rem;color:var(--text)}.pager{display:flex;align-items:center;justify-content:center;gap:1.15rem;margin-top:1rem;color:var(--text-muted);font-size:.875rem;font-weight:600}.thumb-scroll{margin-top:.85rem;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding-right:2px}.thumb-btn{width:100%;text-align:left;padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.75rem;transition:background .12s,border-color .12s,color .12s}.thumb-btn:hover{background:var(--surface-muted);color:var(--text)}.thumb-btn.active{border-color:var(--card-border);background:#fff;color:var(--text);font-weight:600;box-shadow:0 2px 8px #0f0f140f}.empty-preview{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);gap:.65rem;padding:2.5rem 1.25rem}.empty-preview__mark{width:2.75rem;height:2.75rem;object-fit:contain;border-radius:12px;background:#fff;padding:5px;box-sizing:border-box;opacity:.5}.empty-preview .sub{font-size:.8125rem;color:var(--text-subtle);max-width:22rem;line-height:1.55}.kimi-foot{margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--card-border);font-size:.75rem;color:var(--text-muted);line-height:1.65;text-align:center}.kimi-foot p{margin:0}.kimi-foot p+p{margin-top:.55rem}.kimi-foot__credit{font-size:.6875rem;color:var(--text-subtle)}.kimi-foot__credit a{color:var(--accent);text-decoration:none}.kimi-foot__credit a:hover{opacity:.88}.kimi-foot code{font-size:.68em;font-family:var(--font-mono);padding:.15em .45em;border-radius:6px;background:var(--surface-muted);color:var(--accent);font-weight:500}.output-panel .thumb-scroll{flex-shrink:0}@font-face{font-family:Amdo Classic;src:url(/fonts/amdo_classic_1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--shell-bg: #f2f0eb;--shell-bg-2: #e8e6e0;--shell-fade: rgba(242, 240, 235, .97);--shell-mesh: radial-gradient(ellipse 88% 52% at 50% -14%, rgba(13, 148, 136, .11), transparent 56%), radial-gradient(ellipse 70% 44% at 100% 0%, rgba(180, 160, 130, .06), transparent 52%), radial-gradient(ellipse 52% 36% at 0% 100%, rgba(45, 110, 100, .06), transparent 48%), radial-gradient(ellipse 130% 85% at 50% 115%, rgba(30, 28, 26, .03), transparent 55%);--card: rgba(255, 255, 255, .92);--card-solid: #faf9f6;--card-border: rgba(45, 42, 38, .06);--card-border-strong: rgba(45, 42, 38, .1);--card-shadow: 0 1px 0 rgba(255, 255, 255, .88) inset, 0 28px 56px -20px rgba(30, 45, 44, .09), 0 8px 18px -8px rgba(30, 28, 26, .05);--card-shadow-hover: 0 36px 68px -22px rgba(30, 45, 44, .1);--text: #1c1917;--text-muted: #57534e;--text-subtle: #78716c;--accent: #0f766e;--accent-mid: #14b8a6;--accent-soft: rgba(15, 118, 110, .1);--accent-ring: rgba(15, 118, 110, .26);--accent-a12: rgba(15, 118, 110, .12);--accent-a15: rgba(15, 118, 110, .15);--accent-a20: rgba(15, 118, 110, .2);--accent-a22: rgba(15, 118, 110, .22);--accent-a35: rgba(15, 118, 110, .35);--cta: #0d9488;--cta-mid: #14b8a6;--cta-glow: rgba(13, 148, 136, .28);--surface-muted: rgba(255, 255, 255, .58);--surface-input: rgba(255, 255, 255, .88);--border-strong: rgba(45, 42, 38, .1);--slide-preview-bg: linear-gradient(165deg, #faf9f6 0%, #eceae4 100%);--slide-frame: rgba(45, 42, 38, .05);--danger: #b91c1c;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--font: "Amdo Classic", "Noto Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);font-feature-settings:"kern" 1;background:var(--shell-bg);background-image:var(--shell-mesh);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button,input,textarea,select{font:inherit}a{color:var(--accent-mid);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent-mid);outline-offset:2px}