:root{font-family:Arial,Helvetica,sans-serif;color:#252b29;background:#f7f8f6;font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #db744d;outline-offset:4px}button{border-radius:6px}a{color:inherit;text-decoration:none}.app-header{height:82px;padding:0 38px;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid #e2e5e0}.brand{font-size:25px;font-weight:750}.brand span{color:#267155}.beta-badge{font-size:10px;padding:5px 7px;background:#e9f0e8;color:#38634d;border-radius:4px}.header-note{margin-left:auto;font-size:12px;color:#7a817b}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:calc(100dvh - 82px)}.composer{padding:40px 28px 26px;background:#fff;border-right:1px solid #e2e5e0;display:flex;flex-direction:column}.eyebrow{font-size:10px;color:#7a817b}h1{font-size:27px;line-height:1.2;margin:14px 0 34px;font-weight:600}label{display:block;font-size:13px;margin-bottom:11px}textarea{width:100%;resize:vertical;min-height:180px;max-height:360px;border:1px solid #dce1d9;border-radius:6px;padding:15px;font-size:15px;line-height:1.6;color:#252b29;background:#fcfdfb}textarea::placeholder{color:#9a9f99}textarea:focus{outline:2px solid #5f997a;outline-offset:2px}.field-meta{display:flex;gap:14px;font-size:11px;color:#7a817b;margin:13px 0 23px}.field-meta span+span:before{content:'·';margin-right:14px}.generate{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:#205b46;color:#fff;padding:16px;font-size:13px;font-weight:600;min-height:50px}.generate:hover{background:#174835}.generate>span:last-child{font-size:21px}.status{font-size:12px;line-height:1.6;color:#65736a;margin:14px 0 0;min-height:20px}.status.error{color:#a53e27}.example-button{border:0;background:transparent;padding:14px 0;color:#52665a;font-size:12px;align-self:flex-start}.example-button span{margin-left:8px}.composer-bottom{margin-top:auto;padding-top:60px;font-size:10px;color:#929b92;display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;background:#688c6f;border-radius:50%}.preview{padding:28px 40px 20px;min-width:0;display:flex;flex-direction:column;align-items:center}.preview-toolbar{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:34px;margin-bottom:26px}.preview-toolbar>div{display:flex;gap:15px;align-items:center}.preview-toolbar #deck-state{font-size:10px;color:#727d74}#saved-label{font-size:10px;color:#889788}.quiet-button{border:1px solid #d9dfd7;background:#fff;padding:9px 13px;font-size:12px}.quiet-button span{margin-left:12px}.stage{width:100%;max-width:1120px}.slide-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;box-shadow:0 7px 28px #24362712;background:#fff}.slide{position:absolute;width:960px;height:540px;transform-origin:top left;padding:44px 52px;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#223c31}.slide-top,.slide-footer{display:flex;justify-content:space-between;gap:30px;font-size:11px;line-height:1.4;flex-shrink:0}.slide-top{opacity:.7}.slide-footer{margin-top:auto;opacity:.65;padding-top:20px}.slide-main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:24px 0 5px}.slide h2{font-size:43px;line-height:1.12;margin:0 0 18px;font-weight:600;overflow-wrap:anywhere;max-width:820px}.slide .subtitle{font-size:19px;line-height:1.4;margin:0;max-width:720px;opacity:.8;overflow-wrap:anywhere}.cover{background:#205b46;color:#fff}.cover h2{font-family:Georgia,'Times New Roman',serif;font-size:56px;font-weight:400;max-width:820px}.cover .slide-main{padding-top:30px}.cover .subtitle{color:#dbebda}.cover .points{display:none}.content .subtitle{font-size:17px}.points{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:34px 0 0}.points li{border-top:1px solid #b8c8bc;padding-top:15px;font-size:18px;line-height:1.45;overflow-wrap:anywhere}.point-number{display:block;font-size:12px;margin-bottom:12px;color:#658373}.conclusion{background:#f1d9cd;color:#493128}.conclusion .points li{border-color:#c8aa9a}.conclusion .point-number{color:#8a5b46}.empty-slide{background:#e7ede4;color:#2d4d3c}.empty-content{margin:auto 0;display:flex;align-items:center;gap:60px}.empty-number{font-family:Georgia,serif;font-size:150px}.empty-number span{color:#d07952}.empty-slide h2{font-size:43px;line-height:1.2;font-weight:400}.navigation{display:flex;align-items:center;justify-content:center;gap:22px;height:65px}.navigation>span,.show-controls>span{font-size:11px;color:#7c877d;min-width:48px;text-align:center}.icon-button{width:34px;height:32px;border:1px solid #dbe1d8;background:transparent;color:inherit;font-size:19px}.icon-button:hover:not(:disabled){background:#e4eadf}.thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:700px}.empty-thumb{height:78px;border:1px dashed #d5ddd2;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#889482}.empty-thumb span{color:#a2afa0}.thumb{border:2px solid transparent;background:transparent;text-align:left;padding:4px;min-width:0}.thumb[aria-current=true]{border-color:#3f7555}.thumb .slide-frame{box-shadow:none;pointer-events:none}.thumb-label{display:flex;gap:8px;padding:9px 0 1px;font-size:10px;color:#72816f}.thumb-label span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-footer{display:flex;justify-content:space-between;width:100%;font-size:10px;color:#9ba397;margin-top:auto;padding-top:30px}dialog{border:0;background:#171d19;color:#fff;max-width:none;max-height:none;width:100vw;height:100dvh;padding:65px 30px 55px}dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}dialog::backdrop{background:#171d19}dialog .slide-frame{width:min(100%,calc((100dvh - 180px)*16/9));flex-shrink:0}.close-show{position:absolute;top:18px;right:22px;border-color:#647165}.show-controls{display:flex;gap:20px;align-items:center}.show-controls .icon-button{border-color:#647165}.show-controls>span{color:#d6dfd4}.busy .slide-frame{opacity:.55}.busy #generate-label:after{content:'…'}
[hidden]{display:none!important}
.toolbar-actions{display:flex;gap:8px}.download-button{border:0;background:#205b46;color:#fff;padding:10px 14px;font-size:12px}.download-button span{margin-left:8px}
.thumbnails{display:flex;overflow-x:auto;max-width:none;padding:4px 2px 10px;gap:12px;scrollbar-color:#bcccbc transparent;scrollbar-width:thin}.thumb,.empty-thumb{flex:0 0 158px}.thumb{position:relative}.thumb-label{min-height:25px}.locked-art{height:83px;background:#205b46;filter:blur(5px);overflow:hidden;padding:13px}.locked-art-1{background:#eddbd0}.locked-art-2{background:#e5ece2}.ghost-title{height:10px;width:85%;background:#aabfa6;margin-bottom:8px}.ghost-picture{height:20px;width:100%;background:#739880;margin-bottom:8px}.ghost-lines{height:16px;background:repeating-linear-gradient(0deg,#b6c6aa 0 2px,transparent 2px 6px)}.lock-mark{position:absolute;top:31px;left:65px;color:#fff;background:#18392bdd;border-radius:50%;width:27px;height:27px;text-align:center;line-height:27px;font-size:18px}.locked-thumb:hover{border-color:#a2b59c}.image-credit{font-size:10px;line-height:1.5;color:#7a867b;width:100%;margin:8px 0;overflow-wrap:anywhere}.image-credit a{text-decoration:underline}
.slide.illustrated{padding-right:390px}.illustrated .slide-top,.illustrated .slide-footer{width:856px}.illustrated .slide-main{width:510px;justify-content:center}.illustrated h2,.illustrated.cover h2{font-size:34px}.illustrated .subtitle{font-size:17px}.illustrated .points{display:block;margin-top:17px}.illustrated .points li{font-size:16px;border:0;padding:0 0 10px;line-height:1.35}.illustrated .point-number{display:inline;margin:0 9px 0 0}.slide-image{position:absolute;right:42px;top:100px;width:295px;height:350px;margin:0;display:flex;align-items:center;justify-content:center}.slide-image img{width:100%;height:100%;object-fit:contain}.illustrated.cover .slide-image{background:#ffffffed;padding:12px}
.outline-step{width:100%;max-width:780px;margin:38px auto}.outline-step h2{font-size:32px;line-height:1.2;margin:16px 0}.outline-step>p{font-size:15px;line-height:1.6;color:#7a817b;overflow-wrap:anywhere;margin:0 0 35px}.outline-step ol{padding:0;list-style:none;margin:0 0 30px}.outline-step li{display:flex;gap:18px;border-bottom:1px solid #dce2d8;align-items:center;padding:20px 0}.outline-step label{font-size:12px;color:#6a836c;margin:0}.outline-step input{font:inherit;font-size:16px;font-weight:500;color:#294c38;border:1px solid transparent;border-radius:4px;background:transparent;padding:10px 6px;width:100%;min-width:0}.outline-step input:hover{border-color:#d3decf}.outline-step input:focus{outline:2px solid #5f997a;background:#fff}.outline-actions{display:flex;justify-content:space-between;gap:18px}.outline-actions .generate{width:auto;gap:20px}.outlining .preview> :not(.outline-step){display:none}.outlining .preview{justify-content:flex-start}.outlining .composer{opacity:.8}
dialog.paywall{width:min(480px,calc(100vw - 28px));height:auto;max-height:calc(100dvh - 32px);padding:40px;background:#fff;color:#243d2e;border-radius:8px;overflow:auto}dialog.paywall[open]{display:block}dialog.paywall::backdrop{background:#11221999;backdrop-filter:blur(4px)}.paywall-close{position:absolute;right:14px;top:14px}.paywall h2{font-family:Georgia,serif;font-size:38px;line-height:1.08;font-weight:400;margin:22px 0}.paywall>p{font-size:14px;line-height:1.5;color:#748074}.paywall ul{padding:20px 0 22px;list-style:none;border-top:1px solid #e1e7dc;margin:24px 0 0}.paywall li{font-size:14px;margin:0 0 14px}.paywall li:before{content:'✓';margin-right:12px;color:#5c8161}.paywall .status{font-size:11px}.paywall .generate{margin-top:6px}
dialog.paywall{height:fit-content;margin:auto}
.outline-step textarea{font:inherit;font-size:16px;font-weight:500;line-height:1.5;color:#294c38;border:1px solid transparent;border-radius:4px;background:transparent;padding:9px 6px;width:100%;min-width:0;min-height:66px;height:66px;max-height:110px;resize:none;overflow:auto}.outline-step textarea:hover{border-color:#d3decf}.outline-step textarea:focus{outline:2px solid #5f997a;background:#fff}
@media(max-width:760px){.outline-step textarea{font-size:14px;height:84px;min-height:84px}}
dialog .icon-button:hover:not(:disabled){color:#203d2e}
@media(max-width:1050px){.preview-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.outline-actions{flex-wrap:wrap}.outline-actions .generate{flex:1;min-width:230px}.outline-step input{font-size:14px}}
@media(max-width:760px){.outline-step{margin:10px 0}.outline-step h2{font-size:27px}.outline-step>p{margin-bottom:14px}.outline-step li{padding:12px 0;gap:10px}.outline-actions{gap:10px}.outline-actions .generate{min-width:200px;font-size:12px}.toolbar-actions{margin-left:auto}.download-button{font-size:11px;padding:10px}.thumb{flex-basis:128px}.locked-art{height:66px}.lock-mark{top:22px;left:50px}dialog.paywall{padding:36px 24px 24px}.paywall h2{font-size:34px}}
@media(min-width:1500px){.preview{padding:32px 65px}.workspace{grid-template-columns:360px minmax(0,1fr)}.composer{padding:44px 36px}}
@media(max-width:1050px){.workspace{grid-template-columns:285px minmax(0,1fr)}.composer{padding:30px 22px}.preview{padding:24px}h1{font-size:25px}}
@media(max-width:760px){.app-header{height:65px;padding:0 20px}.brand{font-size:22px}.header-note{display:none}.workspace{display:block}.composer{padding:26px 20px 20px;border-right:0;border-bottom:1px solid #e2e5e0}h1{margin:9px 0 22px;font-size:26px}textarea{min-height:110px;height:110px}.field-meta{margin:10px 0 16px}.composer-bottom{display:none}.status:empty{display:none}.example-button{padding-bottom:0}.preview{padding:20px 14px 24px}.preview-toolbar{margin-bottom:16px}.navigation{height:53px}.thumbnails{gap:6px}.empty-thumb{height:62px}.preview-footer{padding-top:25px}.thumb-label{font-size:9px}.preview-toolbar>div{gap:8px}dialog{padding:60px 12px}.empty-content{gap:42px}}
/* Reserve space for navigation and the filmstrip before sizing the slide. */
.slide-image{flex-direction:column}.slide-image img{min-height:0;flex:1;object-fit:contain}.slide-image figcaption{font-size:11px;line-height:1.4;margin-top:7px;text-align:center;color:inherit}.cover .slide-image figcaption{color:#294b38}
@media(min-width:761px){
  .workspace{height:calc(100dvh - 82px);min-height:0;overflow:hidden}
  .composer{overflow-y:auto;min-height:0}
  .preview{height:100%;min-height:0;padding:16px 24px 10px;overflow:hidden}
}
.preview-toolbar{flex-shrink:0;margin-bottom:12px}
.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:none;overflow:hidden}
.stage>.slide-frame{flex-shrink:0;max-width:100%}
.navigation{height:44px;flex:0 0 44px}
.thumbnails{flex:0 0 120px;height:120px;align-items:flex-start}
.thumb{flex-basis:144px}.locked-art{height:75px}.lock-mark{left:58px;top:28px}
.image-credit{flex-shrink:0;height:15px;line-height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:3px 0}
.preview-footer{flex-shrink:0;margin:0;padding-top:4px;height:18px}
.outline-step{flex:1;min-height:0;margin:0 auto;display:flex;flex-direction:column}
.outline-step h2{font-size:27px;margin:10px 0}
.outline-step>p{margin:0 0 10px;max-height:48px;overflow:auto}
#outline-form{display:flex;flex-direction:column;flex:1;min-height:0}
.outline-step ol{flex:1;min-height:0;overflow-y:auto;margin:0 0 8px;padding:3px 6px}
.outline-step li{padding:6px 0;gap:12px}
.outline-step textarea{height:59px;min-height:59px;font-size:14px}
.remove-topic{flex-shrink:0;color:#7d897f;border-color:transparent}.remove-topic:hover:not(:disabled){color:#a7432c;background:#f5e5df}
#outline-add{align-self:flex-start;flex-shrink:0;margin:0 0 10px}
.outline-actions{flex-shrink:0;padding-top:8px;border-top:1px solid #dce2d8;background:#f7f8f6}
#outline-status{flex-shrink:0;margin:6px 0 0;min-height:0}
@media(max-width:760px){
  body.has-deck,body.outlining{height:100dvh;overflow:hidden}
  .has-deck .workspace,.outlining .workspace{height:calc(100dvh - 65px);min-height:0;overflow:hidden}
  .has-deck .composer,.outlining .composer{display:none}
  .has-deck .preview,.outlining .preview{height:100%;min-height:0;padding:12px 12px 8px;overflow:hidden}
  .preview-toolbar{gap:8px;margin-bottom:8px}
  .preview-toolbar>div:first-child{width:100%}
  .toolbar-actions{width:100%;justify-content:flex-end;gap:6px!important}
  .toolbar-actions button{padding:9px;font-size:11px}
  .thumbnails{height:103px;flex-basis:103px}
  .thumb{flex-basis:120px}.locked-art{height:62px}.lock-mark{left:46px;top:21px}
  .outline-step{margin:0}.outline-step li{padding:4px 0;gap:6px}
  .outline-step textarea{height:70px;min-height:70px}
  .outline-actions{flex-wrap:nowrap}.outline-actions .generate{min-width:0;font-size:11px;padding:12px;gap:8px}
}
@media(max-height:520px){.has-deck .app-header,.outlining .app-header{height:48px}.has-deck .workspace,.outlining .workspace{height:calc(100dvh - 48px)}.has-deck .preview-footer,.has-deck .image-credit{display:none}.thumbnails{height:90px;flex-basis:90px}.thumb{flex-basis:100px}.locked-art{height:51px}.lock-mark{top:15px;left:37px}.thumb-label{font-size:9px}.preview-toolbar{margin-bottom:4px}}
@media(prefers-reduced-motion:no-preference){.generate{transition:background .15s}.busy #generate-label{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}}

.field-meta{flex-wrap:wrap;gap:8px;font-size:10px}
.composer-foot{margin-top:auto;padding-top:26px}
.composer-bottom{margin-top:16px;padding-top:0;line-height:1.5}
.topic-ticker{border-top:1px solid #e2e5e0;padding-top:14px}
.ticker-heading{display:flex;align-items:center;gap:7px;font-size:9px;color:#718074}
.ticker-heading .icon-button{margin-left:auto;width:26px;height:26px;font-size:14px;border:0}
.ticker-window{height:52px;overflow:hidden;margin-top:6px}
.ticker-window p{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}
@media(min-width:761px) and (max-height:750px){
  .composer{padding:22px 24px 16px}.composer h1{margin:8px 0 16px;font-size:25px}
  #topic{height:110px;min-height:110px}.field-meta{margin:10px 0 16px}
  .composer>.status{margin-top:8px;min-height:18px;line-height:1.5}
  .composer-foot{padding-top:12px}.ticker-window{height:42px}.ticker-window p{font-size:13px}
  .composer-bottom{margin-top:8px}
}
[aria-invalid=true]{border-color:#ae4936!important;outline-color:#ae4936!important}
.generation-progress{width:100%;max-width:700px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 16px}
.busy .preview>:not(#generation-progress){display:none!important}
.busy .preview #generation-progress{display:flex}
.generation-progress h2{font-size:28px;line-height:1.2;max-width:460px;margin:26px 0 14px;font-weight:600;outline:none}
#progress-message{font-size:16px;line-height:1.5;min-height:48px;margin:0;color:#426a54}
.progress-note{font-size:12px;line-height:1.5;color:#79827a;max-width:290px;margin:22px 0 0}
.loading-art{position:relative;width:260px;height:160px;margin:44px 0 0}
.loading-sheet{position:absolute;inset:15px 20px;background:#fff;border:1px solid #c8d4ca;border-radius:6px;padding:24px;box-shadow:0 10px 22px #203c3110}
.loading-sheet:nth-child(1){transform:rotate(-9deg) translate(-12px,-5px);background:#e4ebe3}
.loading-sheet:nth-child(2){transform:rotate(7deg) translate(12px,0);background:#f1d9cd;border-color:#dfbaaa}
.loading-sheet:nth-child(3){animation:sheet-float 2.8s ease-in-out infinite}
.loading-sheet i{display:block;height:7px;background:#dae3d9;margin-top:10px;border-radius:2px}
.loading-sheet i:first-child{height:13px;width:65%;margin-bottom:20px;background:#518465}
.loading-sheet i:last-child{width:75%}
.loading-track{width:180px;height:4px;overflow:hidden;background:#dee7dc;border-radius:2px}
.loading-track span{display:block;width:45%;height:100%;background:#397757;animation:loading-travel 1.6s ease-in-out infinite}
.busy #generate>span:last-child{display:none}
.busy #generate:after,.busy #outline-next:after{content:'';flex:0 0 16px;height:16px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:loading-spin .8s linear infinite;margin-left:10px}
.busy #generate-label:after{content:none}
.busy .generate:disabled{opacity:.85}
.outlining .composer{opacity:1}
.paywall h2{font-family:inherit;font-size:32px;margin:0 0 12px;font-weight:650}
dialog.paywall{width:min(850px,calc(100vw - 28px));padding:36px}
.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.payment-option{display:flex;flex-direction:column;min-width:0;padding:26px;background:#f3f5f2;border:1px solid #e1e6df;border-radius:8px}
.payment-option h3{font-size:25px;line-height:1.2;margin:16px 0}
.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:4px 0 22px}.plan-price strong{font-size:30px}.plan-price span{font-size:13px;color:#758379}
.payment-option p{font-size:15px;line-height:1.6;color:#67766a;margin:0 0 28px}
.payment-details{font-size:15px;margin:auto 0 22px;font-weight:600}
.subscription-option{background:#eef5f8;border-color:#8dbdcd}
.subscription-option .generate{background:#276c83}
.payment-option .generate{gap:10px;line-height:1.4}
.paywall #payment-status{margin-top:20px;max-width:620px;line-height:1.6}
@keyframes sheet-float{50%{transform:translateY(-9px) rotate(-2deg)}}
@keyframes loading-travel{0%{transform:translateX(-100%)}100%{transform:translateX(325%)}}
@keyframes loading-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .composer-foot{padding-top:12px}.composer-bottom{display:block}
  .ticker-window{height:42px}.ticker-window p{font-size:13px}
  body.busy{height:100dvh;overflow:hidden}
  .busy .workspace{height:calc(100dvh - 65px);min-height:0;overflow:hidden}
  .busy .composer{display:none}.busy .preview{height:100%;min-height:0;padding:12px}
  .generation-progress h2{font-size:25px}.generation-progress .eyebrow{font-size:9px}
  .loading-art{margin-top:32px}.generation-progress{padding:20px 12px}
  dialog.paywall{padding:36px 20px 24px}.paywall h2{font-size:28px}
  .payment-options{grid-template-columns:1fr;gap:12px;margin-top:18px}
  .payment-option{padding:20px}.payment-option h3{font-size:22px;margin:10px 0}
  .payment-option p{font-size:14px;margin-bottom:16px}.payment-details{margin-bottom:12px}
}
@media(max-height:520px){.loading-art{height:95px;width:200px;margin-top:15px}.loading-sheet{padding:12px}.loading-sheet i{height:3px;margin-top:5px}.loading-sheet i:first-child{height:7px;margin-bottom:8px}.generation-progress h2{font-size:22px;margin:14px 0 8px}.generation-progress{padding:10px}.progress-note{display:none}#progress-message{min-height:36px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.loading-sheet,.loading-track span,.busy #generate:after,.busy #outline-next:after,.busy #generate-label{animation:none!important}.loading-track span{width:100%;opacity:.5}}

.analytics-notice{display:block;font-size:11px;line-height:1.5;color:#66716c;margin:8px 0;}