@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/IBMPlexSans-Regular-rHdpeWlo.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/IBMPlexSans-Medium-BCVqTzvL.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/IBMPlexSans-SemiBold-DaHFhWfZ.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/IBMPlexSans-Bold-DfEv2__I.ttf) format("truetype")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/InstrumentSerif-Regular-BjwVvGU6.ttf) format("truetype")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/InstrumentSerif-Italic-BIypviHG.ttf) format("truetype")}:root{font-family:IBM Plex Sans,sans-serif;color:#101923;background:#f6f7f5}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden}#root{height:100%}@media(max-width:850px){body{overflow:auto}#root{height:auto;min-height:100%}}.app{display:grid;grid-template-columns:360px 1fr;height:100vh;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e5e7e4;padding:28px 30px;display:flex;flex-direction:column;gap:18px;min-height:0;overflow-x:hidden;overflow-y:auto}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;padding:28px 48px;overflow-x:hidden;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.12em;border-bottom:1px solid #eceeeb;padding-bottom:24px}.brand small{display:block;color:#a1a8a5;font:10px IBM Plex Sans,sans-serif;letter-spacing:.1em;margin-top:2px}.brand-mark,.logo-dot{display:grid;place-items:center;background:#101923;color:#fff;border-radius:50%;font-weight:700}.brand-mark{width:28px;height:28px}.site-logo{display:block;width:166px;height:61px;object-fit:contain;object-position:left center}.side-head{display:flex;align-items:start;justify-content:space-between;padding:8px 0 12px}.kicker,.field label,.format,.save{font:10px IBM Plex Sans,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#858e8b}.side-head h1{font-size:30px;letter-spacing:-.06em;margin:6px 0 0}.save{color:#42a879;background:#ebf8f0;padding:6px 8px;border-radius:20px}.field{display:flex;flex-direction:column;gap:8px}.field label{color:#65706c}.field input,.field textarea{font:14px IBM Plex Sans,sans-serif;border:1px solid #dfe4e1;border-radius:5px;padding:10px;background:#fbfcfb;resize:vertical;outline:none}.field input:focus,.field textarea:focus{border-color:#899c95}.setting-line{display:flex;align-items:center;justify-content:space-between}.switch{width:34px;height:20px;padding:0;border:0;border-radius:20px;background:#d5dbd7;position:relative;cursor:pointer}.switch:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#101923}.switch.on:after{transform:translate(14px)}.hidden{display:none!important}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choices.designs{grid-template-columns:repeat(4,1fr);gap:6px}.choice{font:11px IBM Plex Sans,sans-serif;background:#fff;border:1px solid #e2e6e3;border-radius:5px;padding:8px 4px;color:#65706c}.choices.designs .choice{display:grid;place-items:center;min-height:0;padding:6px}.choice.active{border-color:#101923;color:#101923;box-shadow:inset 0 0 0 1px #101923}.preview{display:block;width:42px;height:32px;margin:0 auto 6px;border:1px solid #d1d7d3;border-radius:3px}.choices.designs .preview{width:100%;max-width:48px;height:28px;margin:0}.preview-photo-lead{background:radial-gradient(circle at 72% 20%,#c8f69e 0 12%,transparent 27%),linear-gradient(145deg,#ecfdfd,#7ee4f2 55%,#38cbe4)}.preview-brand-first{background:linear-gradient(#aeb6b2 0 15%,#747c79 15% 52%,#e4e8e5 52%)}.preview-editorial{background:linear-gradient(#747c79 0 42%,#c5cbc8 42% 60%,#959e9a 60% 72%,#e4e8e5 72%)}.preview-logo-bottom{background:linear-gradient(#747c79 0 44%,#e4e8e5 44% 85%,#aeb6b2 85%)}.preview-text-first{background:linear-gradient(#e4e8e5 0 48%,#747c79 48%)}.preview-headline{background:linear-gradient(#959e9a 0 22%,#e4e8e5 22% 52%,#747c79 52%)}.preview-compact{background:linear-gradient(#747c79 0 30%,#e4e8e5 30% 82%,#aeb6b2 82%)}.preview-image-last{background:linear-gradient(#aeb6b2 0 14%,#e4e8e5 14% 58%,#747c79 58%)}.swatches{display:flex;flex-wrap:wrap;gap:9px}.swatch{width:25px;height:25px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #dfe4e1;cursor:pointer;flex:0 0 25px}.swatch.selected{box-shadow:0 0 0 2px #101923}.photos{display:flex;flex-wrap:wrap;gap:8px}.photo{width:50px;height:50px;border:0;border-radius:5px;background-size:cover;background-position:center;cursor:pointer;opacity:.7;flex:0 0 50px}.photo.selected{outline:2px solid #101923;outline-offset:2px;opacity:1}.upload{display:grid;place-items:center;background:#f2f4f2;border:1px dashed #b9c1bd;color:#74807b;font-size:22px}.upload input{display:none}.logo-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.logo-choice{height:42px;background:#fff;border:1px solid #e2e6e3;border-radius:5px;padding:5px;cursor:pointer}.logo-choice img{width:100%;height:100%;object-fit:contain}.logo-choice.selected{border-color:#101923;box-shadow:inset 0 0 0 1px #101923}.logo-size{display:flex;gap:6px}.logo-size-choice{flex:1;padding:7px 4px;border:1px solid #e2e6e3;border-radius:5px;background:#fff;color:#65706c;font:11px IBM Plex Sans,sans-serif;cursor:pointer}.logo-size-choice.active{border-color:#101923;color:#101923;box-shadow:inset 0 0 0 1px #101923}.color-picker{display:flex;align-items:center;gap:9px;border:1px solid #dfe4e1;border-radius:5px;padding:6px 9px;color:#65706c;font:12px IBM Plex Sans,sans-serif;cursor:pointer}.color-picker input{width:26px;height:26px;padding:0;border:0;background:transparent;cursor:pointer}.color-picker b{margin-left:auto;font:10px IBM Plex Sans,sans-serif;font-weight:400}.action-button{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:5px;font:500 13px IBM Plex Sans,sans-serif;cursor:pointer}.action-button:disabled{cursor:wait;opacity:.65}.secondary{background:#fff;border:1px solid #d9dfdb;color:#101923}.primary{border:0;background:#101923;color:#fff}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}#download,#trim{padding:0 24px;white-space:nowrap}#trim{flex:0 0 auto;margin-top:64px}.workspace header{display:flex;justify-content:space-between;color:#65706c;font-size:13px}.status-dot{display:inline-block;background:#42a879;width:7px;height:7px;border-radius:50%;margin-right:7px}.format span{padding:0 6px;color:#c1c7c4}.format-switcher{display:flex;justify-content:flex-start}.format-switcher>div{display:flex;gap:7px}.format-choice{display:flex;flex-direction:column;justify-content:center;gap:0;height:40px;min-width:92px;padding:3px 14px;border:1px solid #dfe4e1;border-radius:5px;background:#fff;color:#65706c;cursor:pointer}.format-choice strong{font:500 12px IBM Plex Sans,sans-serif}.format-choice small{font:10px IBM Plex Sans,sans-serif}.format-choice.active{border-color:#101923;color:#101923;box-shadow:inset 0 0 0 1px #101923}.format-choice:disabled{color:#b1b8b5;background:#f8f9f8;border-color:#e7eae8;cursor:not-allowed;opacity:.7}.canvas-wrap{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 30px 16px}.post{width:min(70vw,540px);aspect-ratio:4 / 5;background:var(--theme);container-type:inline-size;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #10192314}.post-photo{order:1;flex:0 0 46%;background-size:cover;background-position:center}.post.photo-lead{background:#fff;display:grid;grid-template-rows:minmax(0,55%) minmax(0,45%);padding:4.4% 3% 4%}.post.photo-lead .post-photo{order:initial;min-height:0;background-position:center}.post.photo-lead .post-copy{order:initial;display:block;min-height:0;padding:7% 4% 0}.post.photo-lead .post-logo-inline{display:block;width:7.5cqw;height:7.5cqw;margin:0 0 5.3cqw;object-position:center}.post.photo-lead .post-title{display:flex;flex-direction:column;gap:1cqw;margin:0;max-width:none;color:#001d36!important;font:400 8cqw/.98 IBM Plex Sans,sans-serif;letter-spacing:-.055em}.post.photo-lead .post-title-lead{display:block;font-weight:400}.post.photo-lead .post-title strong{display:block;white-space:pre-line;font-weight:700}.post.photo-lead .post-body{margin:4.3cqw 0 0;max-width:none;color:#001d36!important;font:400 3.1cqw/1.28 IBM Plex Sans,sans-serif;letter-spacing:-.015em}.post-copy{order:2;flex:1 1 auto;min-height:0;padding:30px 42px 36px;display:flex;flex-direction:column}.post-eyebrow{font:11px IBM Plex Sans,sans-serif;letter-spacing:.1em;margin:0 0 auto;color:#87908d}.post-title{order:2;font:500 clamp(32px,4.6vw,60px) / .98 "IBM Plex Sans",sans-serif;letter-spacing:-.06em;max-width:470px;margin:0;color:#fff}.post-footer{display:flex;align-items:center;gap:9px;margin-top:38px;color:#fff;font:11px IBM Plex Sans,sans-serif}.logo-dot{width:24px;height:24px}.post-no{margin-left:auto;opacity:.6}.post-logo-standalone{display:none;align-self:flex-start;flex:0 0 auto}.post.photo-lead .post-title,.post.compact .post-title{margin-top:auto}.post.photo-lead .post-title{margin-top:0}.post.brand-first .post-logo-standalone{display:block;order:1;margin:26px 42px 18px}.post.brand-first .post-photo{order:2;flex-basis:34%}.post.brand-first .post-copy{order:3;padding-top:24px}.post.brand-first .post-logo-inline,.post.image-last .post-logo-inline{display:none}.post.editorial .post-photo{flex-basis:42%}.post.editorial .post-body{order:2;margin-top:auto}.post.editorial .post-title{order:3;margin-top:16px}.post.editorial .post-disclaimer{order:4}.post.logo-bottom .post-photo{flex-basis:44%}.post.logo-bottom .post-title,.post.headline .post-title{order:1}.post.logo-bottom .post-body,.post.headline .post-body{order:2}.post.logo-bottom .post-disclaimer,.post.headline .post-disclaimer{order:3}.post.logo-bottom .post-logo-inline,.post.headline .post-logo-inline{order:4;margin-top:auto;margin-bottom:0}.post.text-first .post-copy,.post.headline .post-copy{order:1}.post.text-first .post-photo{order:2;flex-basis:42%}.post.headline .post-photo{order:2;flex-basis:48%}.post.compact .post-photo{flex-basis:31%}.post.image-last .post-logo-standalone{display:block;order:1;margin:26px 42px 12px}.post.image-last .post-copy{order:2;padding-top:12px}.post.image-last .post-photo{order:3;flex-basis:36%}.post .post-title,.post .post-eyebrow,.post .post-footer{color:var(--ink)!important}.post .logo-dot{background:var(--ink);color:var(--theme)}.post .logo-dot img{width:18px;height:18px;object-fit:contain}.post-logo{object-fit:contain;object-position:left center;max-width:100%}.post-logo-inline{order:1;flex:0 0 auto;margin-bottom:22px}.post-logo.small{width:60px;height:22px}.post-logo.medium{width:120px;height:44px}.post-logo.large{width:240px;height:88px}.post-body{order:3;margin:16px 0 0;max-width:470px;font:400 clamp(16px,2vw,24px) / 1.2 "IBM Plex Sans",sans-serif;letter-spacing:-.02em}.post-disclaimer{order:4;margin:24px 0 0;max-width:470px;font:10px/1.35 IBM Plex Sans,sans-serif;letter-spacing:.04em;opacity:.7}.post-body:empty,.post-disclaimer:empty{display:none}.post .post-body,.post .post-disclaimer{color:var(--ink)!important}.post[data-format=landscape]{flex-direction:row}.post[data-format=landscape] .post-photo{height:100%;flex-grow:0}.post[data-format=landscape] .post-copy{flex:1 1 auto;padding:26px 30px}.post[data-format=landscape] .post-logo-standalone{display:none}.post[data-format=landscape] .post-logo-inline{display:block;margin-bottom:16px}.post[data-format=landscape] .post-title{font-size:clamp(24px,3vw,38px)!important}.post[data-format=landscape] .post-body{font-size:clamp(13px,1.4vw,18px);margin-top:10px}.post[data-format=landscape] .post-disclaimer{font-size:8px;margin-top:12px}.post.photo-lead[data-format=landscape]{display:grid;grid-template-rows:minmax(0,54%) minmax(0,46%);grid-template-columns:1fr;padding:3.4%}.post.photo-lead[data-format=landscape] .post-photo{grid-column:1 / -1;order:0;height:auto;min-height:0;flex-basis:auto}.post.photo-lead[data-format=landscape] .post-copy{grid-column:1 / -1;padding:24px 12px 0}.post.photo-lead[data-format=landscape] .post-logo-inline{width:5cqw;height:5cqw;margin-bottom:2.5cqw}.post.photo-lead[data-format=landscape] .post-title{gap:.4cqw;font-size:4.2cqw!important}.post.photo-lead[data-format=landscape] .post-body{margin-top:1.8cqw;font-size:1.8cqw}.post.photo-lead[data-format=square]{grid-template-rows:minmax(0,44%) minmax(0,56%)}.post.photo-lead[data-format=square] .post-copy{padding-top:6%}.post.photo-lead[data-format=square] .post-logo-inline{margin-bottom:3.6cqw}.post.photo-lead[data-format=square] .post-body{margin-top:3.2cqw}.post.photo-lead[data-format=landscape] .post-photo{order:1;flex-basis:52%}.post.photo-lead[data-format=landscape] .post-copy{order:2}.post.brand-first[data-format=landscape] .post-copy{order:1;flex:0 0 48%;padding-top:26px}.post.brand-first[data-format=landscape] .post-photo{order:2;flex-basis:52%}.post.editorial[data-format=landscape] .post-photo{order:1;flex-basis:42%}.post.editorial[data-format=landscape] .post-copy{order:2}.post.logo-bottom[data-format=landscape] .post-copy{order:1;flex:0 0 58%}.post.logo-bottom[data-format=landscape] .post-photo{order:2;flex-basis:42%}.post.text-first[data-format=landscape] .post-copy{order:1;flex:0 0 50%}.post.text-first[data-format=landscape] .post-photo{order:2;flex-basis:50%}.post.headline[data-format=landscape] .post-photo{order:1;flex-basis:60%}.post.headline[data-format=landscape] .post-copy{order:2}.post.compact[data-format=landscape] .post-copy{order:1;flex:0 0 65%}.post.compact[data-format=landscape] .post-photo{order:2;flex-basis:35%}.post.image-last[data-format=landscape] .post-photo{order:1;flex-basis:35%}.post.image-last[data-format=landscape] .post-copy{order:2;padding-top:26px}.app,.app input,.app textarea,.app button,.kicker,.field label,.format,.save,.post-eyebrow,.post-footer,.hint{font-family:IBM Plex Sans,sans-serif}.material-symbols-outlined{display:inline-block;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-size:18px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle}.action-button .material-symbols-outlined{flex:0 0 auto}.upload .material-symbols-outlined{font-size:22px}.post .post-title{font-size:clamp(28px,3.8vw,48px)}.hint{text-align:center;color:#a4aca8;font:11px IBM Plex Sans,sans-serif;letter-spacing:.05em}@media(max-width:850px){.app{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{border-right:0;border-bottom:1px solid #e5e7e4;overflow:visible}.workspace{padding:24px;overflow:visible}.canvas-wrap{padding:25px 0}.post{width:min(88vw,520px)}}@media(max-width:600px){.workspace-toolbar{align-items:stretch;flex-wrap:wrap;gap:10px}.format-switcher{align-items:center;width:100%}.format-switcher>div{width:100%}.format-choice{flex:1;min-width:0;padding:3px 6px}#download{margin-left:auto}}