@font-face{font-family:Manrope;src:url(Manrope.ttf)}@font-face{font-family:Syne;src:url(Syne.ttf)}*{box-sizing:border-box}body{margin:0;background:#f6f4ef;color:#16181e;font:15px Manrope,system-ui}header{border-bottom:1px solid #ded9ce;padding:18px max(5vw,20px);display:flex;align-items:center;justify-content:space-between}header div{display:flex;align-items:center;gap:16px}header img{width:96px}header span{font-size:13px}main{max-width:1500px;margin:auto;padding:0 max(4vw,18px) 54px}.intro{padding:50px 0 34px;border-bottom:1px solid #d7d1c5}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#a63722}.intro h1{font:800 clamp(34px,5.8vw,76px)/.98 Syne,sans-serif;letter-spacing:-.05em;margin:13px 0 14px}.intro p:last-child{max-width:590px;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(275px,380px) minmax(0,1fr);gap:clamp(22px,5vw,78px);padding-top:26px}h2{font:750 23px Syne;margin:0 0 20px}label{display:grid;gap:5px;margin:0 0 13px;font-size:12px;font-weight:800}input{width:100%;min-width:0;border:1px solid #cbc5b8;background:#fffcf7;color:#16181e;border-radius:3px;padding:9px;font:500 14px Manrope}input[type=file]{font-size:11px;padding:6px}input::file-selector-button{border:0;padding:6px;background:#e7e0d5;color:#1e2027;margin-right:7px}input[type=range]{accent-color:#a63722;padding:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note,small{color:#615a51;font-size:12px}.note{margin-top:-5px;line-height:1.6}.preview{align-self:start;position:sticky;top:16px;min-width:0}.preview-head,.download{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.preview-head h2{margin:0}.formats{display:flex;gap:3px}button{font:800 13px Manrope;cursor:pointer;border:0;border-radius:3px;padding:10px 12px;color:#17191e;background:#ebe6dc}button[aria-pressed=true]{background:#17191e;color:#fff}button:focus-visible,input:focus-visible{outline:2px solid #a63722;outline-offset:2px}.stage{margin-top:12px;background:#e8e3da;display:grid;place-items:center;min-height:440px;padding:16px}.stage canvas{display:block;max-width:100%;max-height:min(58vh,560px);width:auto;height:auto;object-fit:contain;box-shadow:0 14px 28px #18181824}.download{padding-top:13px}.download small{display:block}.download button,#account-submit{background:#ee5539;color:#16181e}.download button:disabled{opacity:.55}#status,#account-error{font-size:13px;color:#8a2d1c}dialog{width:min(440px,calc(100% - 32px));border:1px solid #b4a89a;background:#f6f4ef;padding:24px}dialog::backdrop{background:#14162180}dialog p{line-height:1.5}#close{float:right;font-size:20px;padding:2px 9px}#toggle-account{background:none;text-decoration:underline}@media(max-width:720px){.workspace{grid-template-columns:1fr;gap:20px}.preview{position:static;grid-row:1}.stage{min-height:290px}.intro{padding-top:27px}.preview-head{gap:8px}.formats button{padding:8px}.stage canvas{max-height:44vh}}
[hidden]{display:none!important}#start{background:#ee5539;color:#16181e;margin-top:7px}
fieldset{border:0;padding:0;margin:0;min-width:0}dialog{max-height:calc(100vh - 28px);overflow:auto}.packages{margin-top:48px;border-top:1px solid #d7d1c5;padding-top:25px}.packages h2{font-size:clamp(24px,3vw,38px);margin:0}.packages p{line-height:1.6}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.package-grid article{border:1px solid #d7d1c5;padding:22px;background:#fffcf7}.package-grid h3{font:750 22px Syne;margin:0}.package-grid ul{list-style:none;padding:0;margin:18px 0 0}.package-grid li{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;border-top:1px solid #ded9ce;padding:12px 0}.package-grid li a{color:#8e301e;font-weight:800}@media(max-width:720px){.package-grid{grid-template-columns:1fr;gap:12px}}

header div a{display:inline-flex;align-items:center}
header div{display:flex;align-items:center;flex-wrap:wrap}
header #signout{font-size:.75rem;padding:6px 9px}
.studio-footer{display:flex;gap:16px;flex-wrap:wrap;padding:20px max(5vw,16px);border-top:1px solid #80727d;font-size:.83rem}
.studio-footer a{color:inherit}
:focus-visible{outline:2px solid #b85f48;outline-offset:3px}
@media(max-width:380px){header #account{display:none}}

.studio-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,72px);margin-bottom:clamp(30px,6vw,70px)}
.studio-hero .intro{padding:0;max-width:none}
.studio-hero .intro h1{font-size:clamp(2.65rem,6.3vw,6rem);line-height:.92}
.studio-hero .ad-studio-showcase{min-width:0;background:radial-gradient(ellipse at 70% 20%,#4c3b45,#172332 72%)}
.studio-hero .ad-studio-showcase img{height:clamp(240px,34vw,440px)}
#signup-details{min-inline-size:0}
#signup a{color:inherit}
@media(max-width:760px){.studio-hero{grid-template-columns:1fr}.studio-hero .ad-studio-showcase img{height:clamp(245px,75vw,440px)}}

header{min-height:70px;gap:8px;background:#f6f4ef;padding-block:10px}
header .studio-identity{display:flex;align-items:center;gap:clamp(7px,1.3vw,18px);flex-wrap:nowrap;min-width:0}
.studio-identity a{display:inline-flex;align-items:center;min-height:44px;gap:6px;text-decoration:none;color:#142233;white-space:nowrap}
.studio-identity .studio-home img{width:42px;height:42px}
.studio-identity .studio-home span{font:800 clamp(.88rem,2.2vw,1.24rem)/1 Syne,system-ui}
.studio-identity .studio-parent{padding-inline-start:clamp(5px,1vw,13px);border-inline-start:1px solid #c6b5a7}
.studio-identity .studio-parent span{font-size:.72rem;color:#6d584c}
.studio-identity .studio-parent img{width:clamp(62px,9vw,100px);height:auto}
header #account:empty{display:none}
@media(max-width:360px){header{padding-inline:12px}.studio-identity .studio-home img{width:35px;height:35px}header #signout{white-space:nowrap}}