@font-face{font-family:Body;src:url('/fonts/sans.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Body;src:url('/fonts/sans-bold.otf') format('opentype');font-weight:700;font-display:swap}
html:root.creator-v3{font-family:Body,Arial,sans-serif;--teal:#426c7c;--preview-height:500px}body.oya-open{font-family:Body,Arial,sans-serif;background:var(--paper);color:var(--ink)}
.oya-open .preview-bar{display:flex;justify-content:space-between;gap:12px;padding:7px 5.5%;font-size:10px;line-height:1.5;background:#ecebe6;color:#666860;border-bottom:1px solid #ddded7}
.oya-open .header{max-width:none;margin:0}.oya-open .header .wordmark{letter-spacing:0}.oya-open .header nav{gap:24px;flex-wrap:nowrap}.oya-open .header .button{display:flex;align-items:center;gap:20px;text-decoration:none;padding:12px 20px;border-radius:2px;min-height:48px}
.oya-open main{max-width:1280px;padding-inline:32px}.oya-open .intro{padding-block:60px 46px;gap:20px 64px}.oya-open .intro h1{font-family:Body,Arial,sans-serif;font-size:clamp(48px,5vw,70px);font-weight:700;color:#2e3030;letter-spacing:-.06em}.oya-open .intro em{font-family:Georgia,serif;font-weight:400;color:#866773}.oya-open .intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.oya-open .intro .scope{font-size:12px;border-color:var(--line)}
.oya-open .edition-toolbar{margin-inline:-32px}.oya-open .edition-toolbar-inner{width:100%;padding-inline:32px}.oya-open .edition-switch{width:100%}.oya-open .edition-switch a{min-height:52px}.oya-open .edition-swatch{display:none}
.oya-open .workspace{grid-template-columns:minmax(0,1fr) minmax(390px,1.05fr);gap:28px;margin-top:20px;scroll-margin-top:100px}.oya-open .preview{top:110px;border-radius:18px;background:#e5e6e2;padding:20px}.oya-open .preview canvas{height:410px;background:transparent}.oya-open .preview-head{padding-bottom:12px}.oya-open .view-tools button{background:#f6f5f2;border-color:#cdd2cf;border-radius:8px;color:var(--ink)}.oya-open .view-tools button[aria-pressed=true]{background:var(--teal);color:white}
.oya-open .controls>h2{font-size:20px;margin-bottom:14px}.oya-open .controls>.small{font-size:12px}.oya-open .controls .creator-route{margin-top:22px}.oya-open .controls fieldset{border:0;padding-top:10px}.oya-open .controls legend{font-size:12px;margin-bottom:10px}.oya-open .controls .zone h3{font-size:14px}.oya-open .controls .zone{background:var(--paper)}.oya-open .controls .config-panel>h2{font-size:26px;letter-spacing:-.6px;line-height:1.2;margin:22px 0}.oya-open .controls .zone-grid{grid-template-columns:1fr 1fr}.oya-open .controls .config-pager{margin-top:28px}.oya-open .controls .drafts{padding-top:0;border-top:0}.oya-open .draft-buttons button{color:var(--ink);background:var(--paper);border-color:var(--line)}
.oya-open .release{max-width:800px}.oya-open .release p:not(.eyebrow){font-size:13px;line-height:1.8}.oya-open footer{max-width:1280px;padding-inline:32px}
@media(max-width:820px){.oya-open main{padding-inline:16px}.oya-open .intro{grid-template-columns:1fr;padding-block:30px}.oya-open .intro h1{font-size:55px;margin-bottom:0}.oya-open .edition-toolbar{margin-inline:-16px}.oya-open .edition-toolbar-inner{padding-inline:12px}.oya-open .edition-switch small{display:none}.oya-open .edition-switch a{padding:7px 4px}.oya-open .workspace{grid-template-columns:1fr;gap:20px}.oya-open .preview{position:relative;top:auto}.oya-open .preview canvas{height:310px}.oya-open .controls{padding:22px 16px}.oya-open .header{height:74px;min-height:74px}.oya-open .preview-bar{font-size:9px}.oya-open .header nav[data-open=true]{display:flex}}
@media(max-width:400px){.oya-open .controls .zone-grid{grid-template-columns:1fr}.oya-open .intro h1{font-size:48px}.oya-open .controls .creator-route button{font-size:10px}.oya-open .controls .draft-buttons{grid-template-columns:1fr 1fr}.oya-open .controls .draft-buttons button{font-size:11px;padding:10px 6px}}

.oya-open .config-route{scroll-margin-top:110px}

/* Keep the product stage stable while invalid dimensions suppress the stale mesh. */
.oya-open #open-canvas[hidden]{display:block;visibility:hidden}
.oya-open .view-tools button{min-height:44px}
.oya-open .preview-head{align-items:center}
.oya-open #dimensions{font-variant-numeric:tabular-nums}