@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:wght@500&display=swap";:root{--color-paper:oklch(97% .012 88);--color-paper-2:oklch(94% .014 88);--color-paper-3:oklch(90% .016 88);--color-ink:oklch(18% .014 75);--color-ink-2:oklch(30% .012 75);--color-muted:oklch(47% .012 75);--color-rule:oklch(80% .014 82);--color-accent:oklch(78% .19 125);--color-accent-ink:oklch(18% .04 125);--color-error:oklch(54% .19 25);--color-focus:oklch(48% .17 130);--font-display:"Fraunces", ui-serif, serif;--font-body:"IBM Plex Sans", ui-sans-serif, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--radius-sm:3px;--radius-md:8px;--z-sticky:200;--z-modal:400;--z-toast:500}*{box-sizing:border-box}html,body{background:var(--color-paper-2);min-width:320px;min-height:100%;color:var(--color-ink);margin:0;overflow-x:clip}body,button,input,textarea,select{font-family:var(--font-body)}button,input,textarea,select{font-size:1rem}button,.button{white-space:nowrap;min-height:44px}button{border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);padding:0 var(--space-md);cursor:pointer;transition:transform var(--dur-micro) var(--ease-out), background-color var(--dur-short) var(--ease-out);font-weight:700}button:hover{background:var(--color-ink);color:var(--color-paper)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}input,textarea,select{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);width:100%;color:var(--color-ink);outline-offset:1px;outline:2px solid #0000;padding:.7rem .8rem}textarea{resize:vertical;min-height:6rem}label{gap:var(--space-xs);color:var(--color-ink-2);font-size:.85rem;font-weight:700;display:grid}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent-ink)}.ghost{background:0 0;border-color:#0000}.icon-button{place-items:center;width:44px;padding:0;display:grid}.app{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.masthead{border-bottom:1px solid var(--color-rule);background:var(--color-paper);justify-content:space-between;align-items:center;gap:var(--space-md);min-height:64px;padding:var(--space-sm) clamp(1rem, 3vw, 2.5rem);z-index:var(--z-sticky);display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:var(--space-sm);display:flex}.brand strong{font-family:var(--font-display);font-size:1.4rem}.brand span{color:var(--color-muted);font-size:.75rem}.mast-actions{gap:var(--space-xs);align-items:center;display:flex}.workspace{grid-template-columns:260px minmax(340px,1fr) minmax(420px,1.15fr);min-height:0;display:grid}.sidebar,.editor,.stage{min-width:0}.sidebar{border-right:1px solid var(--color-rule);background:var(--color-paper);padding:var(--space-lg) var(--space-md);gap:var(--space-lg);flex-direction:column;display:flex}.sidebar-head{justify-content:space-between;align-items:center;display:flex}.sidebar-head h2{font-size:1.25rem}.draft-list{gap:var(--space-xs);display:grid}.draft-item{text-align:left;width:100%;height:auto;min-height:64px;padding:var(--space-sm);border-color:#0000;gap:.3rem;display:grid}.draft-item:hover,.draft-item.active{color:var(--color-ink);background:var(--color-paper-2);border-color:var(--color-rule)}.draft-item small{color:var(--color-muted)}.editor{align-content:start;gap:var(--space-xl);background:var(--color-paper);padding:clamp(1rem,3vw,2.5rem);display:grid;overflow-y:auto}.title-row{gap:var(--space-xs);display:grid}.title-input{border:0;border-bottom:1px solid var(--color-rule);font-family:var(--font-display);border-radius:0;padding-inline:0;font-size:clamp(1.8rem,3vw,3rem);font-weight:700}.form-grid{gap:var(--space-md);display:grid}.generate-row{gap:var(--space-sm);grid-template-columns:1fr auto;align-items:end;display:grid}.slides{gap:var(--space-sm);display:grid}.slide-row{border-top:1px solid var(--color-rule);padding-top:var(--space-sm);gap:var(--space-sm);grid-template-columns:42px 1fr auto;align-items:start;display:grid}.slide-row.active{border-top-color:var(--color-ink)}.slide-index{font-family:var(--font-mono);color:var(--color-muted);padding-top:.7rem}.slide-copy{gap:var(--space-xs);display:grid}.slide-copy input{font-weight:700}.row-actions{gap:.25rem;display:grid}.stage{background:var(--color-ink);color:var(--color-paper);gap:var(--space-md);grid-template-rows:auto 1fr auto;padding:clamp(1rem,2vw,2rem);display:grid;overflow:hidden}.stage-head,.stage-foot{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.stage-head span,.stage-foot span{color:var(--color-paper-3);font-size:.85rem}.canvas-wrap{place-items:center;min-height:0;display:grid;overflow:hidden}.carousel-canvas{width:1080px;height:1920px;transform:scale(var(--canvas-scale,.34));background:var(--color-paper);color:var(--color-ink);transform-origin:50%;flex-direction:column;flex:none;justify-content:space-between;padding:92px 86px 80px;display:flex;position:relative;overflow:hidden}.carousel-canvas.has-image:before{content:"";z-index:1;background:linear-gradient(oklch(10% .01 75/.12),oklch(10% .01 75/.82));position:absolute;inset:0}.carousel-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slide-brand,.slide-content,.slide-meta{z-index:2;position:relative}.slide-brand{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-top:5px solid;justify-content:space-between;padding-top:24px;font-size:28px;display:flex}.slide-content{align-content:end;gap:46px;display:grid}.carousel-canvas.statement .slide-content{margin-block:auto}.slide-content h2{letter-spacing:-.04em;max-width:900px;font-size:112px;line-height:.98}.carousel-canvas.statement .slide-content h2{font-size:142px}.slide-content p{max-width:820px;font-size:45px;line-height:1.25}.slide-meta{font-family:var(--font-mono);justify-content:space-between;align-items:end;font-size:28px;display:flex}.slide-progress{background:var(--color-rule);width:230px;height:7px}.slide-progress i{background:var(--color-accent);height:100%;display:block}.stage-nav{gap:var(--space-xs);display:flex}.login-shell{background:var(--color-paper);grid-template-columns:1.2fr .8fr;min-height:100dvh;display:grid}.login-copy{border-right:1px solid var(--color-rule);flex-direction:column;justify-content:space-between;padding:clamp(2rem,8vw,8rem);display:flex}.login-copy h1{max-width:9ch;font-size:clamp(3rem,8vw,7rem);line-height:.9}.login-copy p{max-width:42ch;font-size:1.15rem}.login-panel{background:var(--color-paper-2);place-items:center;padding:clamp(2rem,6vw,6rem);display:grid}.login-form{gap:var(--space-lg);width:min(100%,420px);display:grid}.login-form h2{font-size:2.2rem}.error{color:var(--color-error);min-height:1.5rem}.settings{width:min(440px,100%);height:100%;z-index:var(--z-modal);background:var(--color-paper);color:var(--color-ink);border:0;border-left:1px solid var(--color-rule);padding:var(--space-xl);align-content:start;gap:var(--space-lg);margin:0;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-12px 0 30px oklch(10% .01 75/.12)}.settings[open]{display:grid}.settings::backdrop{background:oklch(10% .01 75/.42)}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-note{border-top:1px solid var(--color-rule);padding-top:var(--space-md);color:var(--color-muted);font-size:.9rem}.export-deck{position:fixed;top:0;left:-2000px}.empty{gap:var(--space-md);padding-block:var(--space-2xl);max-width:34rem;display:grid}.empty h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.95}@media (width<=76rem){.workspace{grid-template-columns:220px 1fr}.stage{grid-column:1/-1;min-height:760px}.canvas-wrap{min-height:650px}.carousel-canvas{--canvas-scale:.3}}@media (width<=48rem){.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--color-rule)}.draft-list{grid-auto-columns:minmax(200px,1fr);grid-auto-flow:column;overflow-x:auto}.generate-row,.login-shell{grid-template-columns:1fr}.login-copy{border-right:0;border-bottom:1px solid var(--color-rule);min-height:45dvh}.stage{min-height:650px}.canvas-wrap{min-height:520px}.carousel-canvas{--canvas-scale:.235}}@media (width<=26rem){.brand span,.mast-actions .label{display:none}.slide-row{grid-template-columns:32px 1fr}.row-actions{grid-column:2;grid-auto-flow:column;justify-content:start}.carousel-canvas{--canvas-scale:.19}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important}}