@font-face{font-family:Montserrat;src:url('/story-studio/assets/montserrat-600.woff') format('woff');font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url('/story-studio/assets/montserrat-700.woff') format('woff');font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url('/story-studio/assets/montserrat-400.woff') format('woff');font-weight:400;font-display:swap}:root{--ink:#06172d;--coral:#92c9f0;--beige:#a8c7df;--muted:#625953;--line:#e6dfd9;--paper:#ffffff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.7 Montserrat,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}header,main,footer{width:min(1240px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:29px 0;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:22px;letter-spacing:-1.1px;text-decoration:none;font-weight:700;line-height:1.1}.wordmark span{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:7px}.header-tag,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.small-link{font-size:12px;text-decoration:none}.intro{padding:66px 0 38px;position:relative}.intro h1{font-size:clamp(55px,6.8vw,90px);line-height:1.04;letter-spacing:-5px;margin:20px 0 25px;font-weight:600}.intro h1 span{color:var(--coral)}.intro>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:530px;position:absolute;left:59%;top:105px;line-height:1.9}.intro-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px;color:var(--muted);font-size:11px}.pill{border:1px solid var(--line);padding:6px 12px;border-radius:30px;background:white;color:var(--ink)}.pill i{display:inline-block;background:var(--coral);width:6px;height:6px;border-radius:100%;margin-right:6px}.studio{display:grid;grid-template-columns:minmax(300px,.83fr) minmax(0,1.4fr);border:1px solid var(--line);background:white}form{padding:32px;border-right:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:23px}.section-label>span{font-size:11px;color:var(--muted)}h2{font-size:23px;letter-spacing:-.8px;line-height:1.3;font-weight:600;margin:0}.section-label h2{font-size:18px}label:not(.swatch){display:block;font-size:12px;margin:18px 0 8px;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);font-size:12px}select{min-height:47px;cursor:pointer}textarea{resize:vertical;line-height:1.8}.optional{font-weight:400;color:var(--muted);font-size:10px}.field-help,.local-note{font-size:10px;color:var(--muted);line-height:1.7;margin:8px 0 0}.local-note{text-align:center;margin-top:14px}fieldset{border:0;padding:0;margin:20px 0}legend{font-size:12px;font-weight:600;margin-bottom:10px}.swatches{display:flex;gap:12px}.swatch{font-size:10px;display:flex;align-items:center;gap:5px;cursor:pointer}.swatch input{position:absolute;opacity:0;width:1px}.swatch span{display:block;width:27px;height:27px;border:1px solid var(--line);border-radius:50%}.swatch input:checked+span{outline:1px solid var(--ink);outline-offset:3px}.swatch input:focus-visible+span{outline:3px solid var(--coral);outline-offset:3px}.light{background:#ffffff}.coral{background:var(--coral)}.dark{background:var(--ink)}button{cursor:pointer;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.primary,.secondary{border:0;min-height:45px;padding:12px 18px;font-size:11px;font-weight:600;border-radius:2px}.primary{background:var(--ink);color:white}.primary:hover{background:var(--coral);color:var(--ink)}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:var(--beige)}form>.primary{width:100%;display:flex;justify-content:space-between;margin-top:24px}form>.secondary{width:100%;margin-top:9px}.preview-area{padding:30px;background:var(--beige);min-width:0}.preview-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.preview-top .eyebrow{font-size:9px;color:var(--muted)}.preview-top h2{font-size:17px;margin-top:5px}.dimension{font-size:9px;white-space:nowrap;color:var(--muted)}.preview-stage{display:flex;align-items:center;justify-content:center;gap:18px;margin:25px 0 20px;min-height:470px}.canvas-wrap{width:min(262px,75%);box-shadow:0 15px 35px #06172d17;border-radius:4px;overflow:hidden;line-height:0}canvas{width:100%;height:auto}.arrow{width:31px;height:31px;border-radius:50%;border:1px solid var(--ink);background:transparent;flex-shrink:0;font-size:15px}.arrow:disabled{opacity:.3;cursor:default}.slide-nav{display:flex;justify-content:center;gap:8px}.slide-nav button{border:0;border-radius:30px;width:26px;height:26px;background:transparent;font-size:10px}.slide-nav button.active{background:var(--ink);color:white}.preview-actions{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}.preview-area>.field-help{text-align:center;max-width:420px;margin:12px auto 0}.copy-section{margin:38px 0 65px;background:white;border:1px solid var(--line);padding:28px 32px}.copy-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.copy-heading .eyebrow{margin-top:0;color:var(--muted)}.copy-actions{display:flex;gap:8px;flex-wrap:wrap}#caption{background:#ffffff;padding:20px;font-size:13px;min-height:260px}#status{font-size:12px;color:var(--ink);min-height:20px;margin-top:5px}.plan{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:0 0 65px;border-bottom:1px solid var(--line)}.plan h2{font-size:35px;letter-spacing:-1.5px}.plan p:not(.eyebrow){max-width:310px;font-size:12px;color:var(--muted)}.plan-days{display:grid;gap:6px}.plan-days button{display:flex;align-items:center;gap:17px;border:0;background:white;text-align:left;padding:12px 17px;font-size:12px}.plan-days button span{font-size:9px;color:var(--muted);letter-spacing:1px}.plan-days button b{margin-left:auto;font-size:15px;font-weight:400}.plan-days button:hover{background:var(--beige)}.help{padding:55px 0}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:30px 0}.help article b{font-size:9px;letter-spacing:1px;color:var(--muted)}.help h3{font-size:15px;font-weight:600}.help article p,.help details p{font-size:12px;color:var(--muted)}details{padding:18px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:12px}footer{padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer nav{display:flex;gap:20px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){header,main,footer{width:calc(100% - 36px)}header{padding:22px 0}.header-tag{display:none}.intro{padding-top:35px}.intro h1{letter-spacing:-3px}.intro>p:not(.eyebrow){position:static;font-size:14px}.intro-bottom{gap:10px}.intro-bottom>span:last-child{font-size:9px}.studio{grid-template-columns:1fr}form{border-right:0;border-bottom:1px solid var(--line);padding:25px}.preview-area{padding:25px 15px}.preview-stage{min-height:410px}.canvas-wrap{width:235px}.copy-section{padding:22px;margin:25px 0 40px}.copy-heading{display:block}.copy-actions{margin-top:15px}.plan{grid-template-columns:1fr;gap:20px;padding-bottom:35px}.plan h2{font-size:30px}.help{padding-top:35px}.help-grid{grid-template-columns:1fr;gap:12px}.help h3{margin:8px 0}.help article p{margin-top:0}footer{flex-direction:column}footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.wordmark{display:block;width:190px;flex-shrink:0}.wordmark img{display:block;width:190px;height:auto;max-width:100%}.wordmark span{font-size:9px;letter-spacing:1px;margin:0;text-align:center}.preview-top .eyebrow,.dimension,.preview-area>.field-help{color:var(--ink)}.preview-actions .secondary{border-color:var(--ink)}@media(max-width:800px){.wordmark{width:155px}.wordmark img{width:155px}.wordmark span{font-size:8px}}

.canvas-wrap{width:min(320px,78%);border-radius:2px;box-shadow:0 18px 40px #06172d30}.preview-stage{min-height:575px;gap:20px}.preview-area{background:#06172d}.preview-top h2,.preview-top .eyebrow,.dimension,.preview-area>.field-help{color:#ffffff}.preview-area .arrow{border-color:#a8c7df;color:#ffffff}.preview-area .slide-nav button{color:#ffffff}.preview-area .slide-nav button.active{background:#92c9f0;color:#06172d}.preview-actions .primary{background:#92c9f0;color:#06172d}.preview-actions .secondary{border-color:#a8c7df;color:#ffffff}.preview-actions .secondary:hover{background:#a8c7df;color:#06172d}@media(max-width:800px){.canvas-wrap{width:270px}.preview-stage{min-height:480px;gap:12px}}

@font-face{font-family:MachEditorial;src:url('/story-studio/assets/editorial-serif-bold.ttf') format('truetype');font-weight:700;font-display:swap}#controls[data-layout=editorial] fieldset{display:none}.preview-area{background:#a8c7df}.preview-top h2,.preview-top .eyebrow,.dimension,.preview-area>.field-help{color:#06172d}.preview-area .arrow{color:#06172d;border-color:#06172d}.preview-area .slide-nav button{color:#06172d}.preview-area .slide-nav button.active{background:#06172d;color:#ffffff}.preview-actions .secondary{border-color:#06172d;color:#06172d}

.preview-stage{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:14px}.canvas-wrap{grid-column:1 / -1;grid-row:1;width:min(320px,100%);margin:auto}#prev{grid-column:1;grid-row:2;justify-self:end}#next{grid-column:2;grid-row:2;justify-self:start}.arrow{width:auto;height:auto;min-height:44px;padding:8px 16px;border-radius:2px;font-size:12px}summary{list-style:none}summary::-webkit-details-marker{display:none}.primary span:empty{display:none}

.compact-intro{padding:32px 0}.compact-intro h1{font-size:clamp(38px,5vw,64px);letter-spacing:-3px;line-height:1.02;margin:12px 0}.compact-intro>p:not(.eyebrow){top:60px;font-size:14px;max-width:470px}.step-number{display:inline-flex;align-items:center;justify-content:center;background:#06172d;color:#fff;border-radius:50%;width:22px;height:22px;margin-right:7px;font-size:11px}.custom-options{margin-top:24px;padding:0;border:1px solid #e6dfd9;border-radius:3px}.custom-options summary{padding:12px;min-height:44px;font-size:11px}.custom-options[open]{padding:0 14px 14px}.custom-options[open] summary{margin:0 -14px;border-bottom:1px solid #e6dfd9}.section-label h2{font-size:17px}form>label:not(.swatch){margin-top:24px}form>.primary{margin-top:22px}.copy-section{margin:24px 0;padding:24px}#caption{min-height:190px}.tiktok-section{border-top:3px solid #92c9f0}.resource-section{margin:0;border-top:1px solid #e6dfd9;padding:0}.resource-section>summary{padding:18px 0;font-size:12px;font-weight:600;min-height:52px}.resource-section .plan{border:0;padding:20px 0 30px}.resource-section .help{padding-top:15px}.resource-section .help>.eyebrow{display:none}.resource-section[open]>summary{color:#625953}.studio{align-items:start}#controls{border-bottom:0}.preview-area{border-left:1px solid #e6dfd9}.slide-nav{flex-wrap:wrap}input,select,textarea{font-size:14px}select{min-height:49px}[hidden]{display:none!important}@media(max-width:800px){header{padding:12px 0}.wordmark{width:140px}.compact-intro{padding:20px 0}.compact-intro h1{font-size:40px;letter-spacing:-2px}.compact-intro>p:not(.eyebrow){font-size:12px;max-width:100%;margin:15px 0 0}.studio{display:block}form{padding:20px}.section-label{margin-bottom:12px;padding-bottom:14px}.preview-area{border-left:0;padding:20px 15px}.copy-section{padding:20px}.copy-heading h2{font-size:21px}.preview-top h2{font-size:18px}.copy-actions{margin-top:12px}.local-note{font-size:9px}.help-grid{gap:12px}.custom-options summary{font-size:12px}.preview-stage{margin-top:18px}.resource-section .plan h2{font-size:26px}}

@media(max-width:800px){input,select,textarea{font-size:16px}.custom-options>summary{font-size:13px}}

.title-options{border:0;padding:0;margin-top:12px}.title-options>summary{min-height:44px;padding:10px 0;font-size:12px;font-weight:600}.title-options[open]>summary{border-bottom:1px solid #e6dfd9}#titleChoices{display:grid;gap:8px;margin-top:10px}#titleChoices button{padding:12px;text-align:left;font-size:12px;line-height:1.5;background:#eaf4fc;border:1px solid #e6dfd9;border-radius:3px;min-height:44px}#titleChoices button:hover,#titleChoices button.selected{border-color:#06172d;background:#fff}.custom-options select{width:100%}#libraryCount{color:#625953;font-size:10px}optgroup{font-weight:600}

#controls[data-layout]>.color-options{display:block!important;border:0;padding:0;margin:24px 0 0}.color-options legend{font-size:12px;font-weight:600;margin-bottom:10px}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.color-choice{display:flex;align-items:center;gap:7px;padding:9px 8px;min-height:44px;border:1px solid #e6dfd9;border-radius:3px;cursor:pointer;font-size:11px;position:relative}.color-choice.chosen{border:2px solid #06172d;padding:8px 7px;background:#eaf4fc}.color-choice input{position:absolute;opacity:0;width:1px;height:1px}.color-choice:focus-within{outline:3px solid #92c9f0;outline-offset:2px}.color-chip{width:18px;height:18px;border-radius:50%;border:1px solid #c5b2a4;flex-shrink:0}.color-choice:last-child{grid-column:1/-1;justify-content:center}.custom-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.custom-colors label{margin:0!important;font-size:11px!important}.custom-colors input[type=color]{padding:3px;height:46px;cursor:pointer;margin-top:5px;width:100%}@media(max-width:350px){.color-choice{font-size:10px;padding:8px 5px;gap:5px}.color-choice.chosen{padding:7px 4px}}

.color-options label.color-choice{display:flex;margin:0;font-weight:400;font-size:11px;line-height:1.3}.color-chip{display:block}.color-choice>span:last-child{min-width:0}@media(max-width:350px){.color-options label.color-choice{font-size:10px}}

.canvas-wrap{position:relative}.safe-zone-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;font:600 8px/1.4 Montserrat,Arial,sans-serif;color:#fff}.safe-zone-overlay span{position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(125,35,35,.65)}.safe-zone-top{inset:0 0 auto;height:9.375%;border-bottom:1px dashed #fff}.safe-zone-bottom{inset:auto 0 0;height:18.75%;border-top:1px dashed #fff}.safe-zone-left{top:9.375%;bottom:18.75%;left:0;width:4.444%;border-right:1px dashed #fff}.safe-zone-right{top:9.375%;bottom:18.75%;right:0;width:16.667%;border-left:1px dashed #fff;writing-mode:vertical-rl}.safe-zone-controls{margin:0 auto 18px;max-width:390px;color:#fff}.safe-zone-controls label{display:flex;gap:9px;align-items:center;font-size:12px;cursor:pointer}.safe-zone-controls input{width:18px;min-height:18px;height:18px;accent-color:#92c9f0;margin:0}.safe-zone-controls p{font-size:11px;line-height:1.6;margin:8px 0;color:#ddd}

.topic-picker{margin:26px 0;padding:20px 16px;background:#eaf4fc;border:2px solid #92c9f0;border-radius:4px}.topic-picker label[for="topic"]{display:flex;align-items:flex-start;gap:10px;font-size:clamp(19px,2vw,24px);font-weight:700;line-height:1.15;letter-spacing:-.6px;margin:0 0 14px}.topic-picker .step-number{flex:0 0 22px;margin:2px 0 0;letter-spacing:0}.topic-picker #topicHelp{font-size:12px;line-height:1.6;margin:0 0 14px}.topic-picker #topic{min-height:58px;border:2px solid #06172d;font-size:14px;font-weight:600;padding:12px 26px 12px 12px;background:#fff}.topic-picker .topic-examples{font-size:11px;line-height:1.7;margin:10px 0 0;color:#625953}
/* A quiet editorial library, with visible choices and a clear route into the editor. */
.topic-library{margin:0 0 40px;padding:36px;background:#eaf4fc;border:1px solid #e6dfd9}.library-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:28px}.library-heading .eyebrow{margin:0 0 14px;color:#625953}.library-heading h2{font-family:MachEditorial,Georgia,serif;font-size:48px;line-height:1.02;letter-spacing:-1.8px;font-weight:700}.library-heading>p{font-size:13px;max-width:430px;color:#625953;margin:0}.topic-library label[for=topicSearch]{font-size:11px;letter-spacing:1.5px;font-weight:700}.topic-library input{min-height:54px;background:#fff;border:1px solid #a8c7df;font-size:14px}.topic-filters{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 24px}.topic-filters button{padding:9px 12px;min-height:42px;border:1px solid #d5cbc4;background:transparent;border-radius:2px;font-size:11px;cursor:pointer}.topic-filters button[aria-pressed=true]{background:#06172d;color:#fff;border-color:#06172d}.library-results{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#625953;padding-bottom:12px;border-bottom:1px solid #d9d0c9;margin-bottom:16px}.topic-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-card{display:flex;flex-direction:column;align-items:start;text-align:left;padding:22px 18px;min-height:200px;background:#fff;border:1px solid #e6dfd9;border-top:3px solid #a8c7df;cursor:pointer;border-radius:2px;transition:border-color .15s,box-shadow .15s}.topic-card:hover,.topic-card[aria-pressed=true]{border-color:#92c9f0;box-shadow:0 5px 18px #06172d0a}.topic-card-tag{font-size:9px;color:#625953;letter-spacing:.8px;text-transform:uppercase}.topic-card strong{font-size:17px;line-height:1.35;font-weight:600;margin:15px 0 12px;letter-spacing:-.4px}.topic-card-detail{font-size:10px;color:#625953;line-height:1.6;margin-bottom:20px}.topic-card-action{font-size:10px;margin-top:auto;border-bottom:1px solid #92c9f0;padding-bottom:3px;font-weight:600}.library-more{display:block;background:#06172d;color:#fff;border:0;padding:15px 24px;font-size:12px;font-weight:600;min-height:48px;margin:24px auto 0;cursor:pointer}.preview-area{border-top:4px solid #92c9f0}.topic-picker{border-radius:2px}.compact-intro{padding-bottom:34px}.compact-intro h1{font-weight:600}.topic-cards:empty{display:none}@font-face{font-family:MachEditorial;src:url('/story-studio/assets/editorial-serif-bold.ttf') format('truetype');font-weight:700;font-display:swap}@media(max-width:1050px){.topic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.topic-library{padding:22px 18px;margin-bottom:24px}.library-heading{grid-template-columns:1fr;gap:16px}.library-heading h2{font-size:36px}.library-heading>p{font-size:12px}.topic-card{padding:16px 12px;min-height:205px}.topic-card strong{font-size:14px}.topic-card-tag{font-size:8px;letter-spacing:.3px}.topic-card-detail{font-size:9px}.library-results{font-size:10px}.library-results>span:last-child{max-width:95px;text-align:right}.topic-filters{gap:6px}.topic-filters button{font-size:10px;padding:9px}.topic-card-action{font-size:9px}}@media(max-width:360px){.topic-cards{grid-template-columns:1fr}.topic-card{min-height:150px}.topic-card strong{font-size:17px}}

.style-picker{padding:18px 16px;margin:24px 0;border:1px solid #a8c7df;background:#faf8f5}.style-picker label[for=layout]{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.6px}.style-picker #layout{border-color:#06172d;min-height:52px;font-weight:600}.style-picker #photoOptions{margin-top:16px;padding-top:12px;border-top:1px solid #e6dfd9}.style-picker #photoOptions>label{font-size:12px}.style-picker .custom-colors{margin-top:15px}

.quick-guide{margin:26px 0 0;padding:24px 26px;border:1px solid #e6dfd9;border-top:3px solid #92c9f0;background:#faf8f5}.quick-guide>.eyebrow{margin:0 0 10px;color:#625953}.quick-guide>h2{font-size:24px;letter-spacing:-.7px}.quick-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:20px}.quick-guide h3{font-size:13px;line-height:1.5;margin:0 0 8px;font-weight:700}.quick-guide p:not(.eyebrow){font-size:12px;line-height:1.8;margin:0;color:#625953}.quick-guide p strong{color:#06172d;font-weight:600}.quick-guide-details{margin-top:20px;padding:14px 0 0}.quick-guide-details>summary{font-size:12px;font-weight:600;min-height:30px}.quick-guide-details[open]>summary{margin-bottom:12px}.quick-guide-details p+p{margin-top:12px!important}@media(max-width:800px){.quick-guide{margin-top:18px;padding:20px}.quick-guide>h2{font-size:22px}.quick-guide-grid{grid-template-columns:1fr;gap:16px;margin-top:18px}.quick-guide h3{margin-bottom:5px}.quick-guide p:not(.eyebrow){font-size:12px}.quick-guide-details>summary{line-height:1.6}}

:root{--coral:#1e5a91;--ink:#06172d;--beige:#a8c7df;--line:#cbd9e5;--muted:#415a70}.intro h1 span{color:#1e5a91}.wordmark img{width:190px;height:auto}.topic-picker{border-color:#1e5a91;background:#edf5fc}.topic-card:hover,.topic-card[aria-pressed=true]{border-color:#1e5a91}.preview-area{border-top-color:#92c9f0;background:#06172d}.preview-actions .primary,.preview-area .slide-nav button.active{background:#92c9f0;color:#06172d}.topic-card-action{border-bottom-color:#1e5a91}.topic-library{background:#edf5fc;border-color:#cbd9e5}.primary{background:#163b62;color:#fff}.primary:hover{background:#24598b;color:#fff}.preview-actions .primary:hover{background:#b7e3ff;color:#06172d}.color-chip[style*="92c9f0"]{background:#1e5a91!important}.color-chip[style*="d2eaff"]{background:#d2eaff!important}.quick-guide{border-top-color:#1e5a91;background:#f1f7fc}.safe-zone-overlay span{background:rgba(26,63,100,.72)}

/* Circular logo retains its transparent exterior at every viewport size. */
.wordmark{width:112px}.wordmark img{width:112px;height:auto}.wordmark span{margin-top:8px}@media(max-width:800px){.wordmark{width:88px}.wordmark img{width:88px}}