.poster-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center;padding-block:65px;scroll-margin-top:35px;border-top:1px solid var(--studio-line,#d9d8cf);color:var(--studio-ink,#102b3d)}.poster-options *{box-sizing:border-box}.poster-options__scene{background:#e9e5dc;padding:42px 16%;display:flex;align-items:center;justify-content:center;min-height:560px}.poster-options__paper{--poster-ratio:11 / 14;width:100%;aspect-ratio:var(--poster-ratio);background:#f4efdf;box-shadow:0 12px 24px #102b3d26;transition:padding .2s ease;display:grid;place-items:center}.poster-options__paper[data-finish=framed]{padding:14px;background:linear-gradient(135deg,#242627,#090b0c 45%,#343637);box-shadow:0 14px 28px #102b3d35}.poster-options__art{position:relative;width:100%;aspect-ratio:11/14;overflow:hidden;background:#0a213e}.poster-options__art img{display:block;width:100%;height:100%;object-fit:contain}.poster-options__art svg{position:absolute;inset:0;width:100%;height:100%;fill:#fff4dd;font-family:Impact,'Arial Narrow',sans-serif}.poster-options__caption{font-size:11px;line-height:1.7;color:var(--studio-muted,#596975);margin:15px 0 0}.poster-options__details h2{font-size:clamp(32px,3.5vw,49px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px}.poster-options__intro{font-size:14px;line-height:1.8;color:var(--studio-muted,#596975);margin:0 0 24px}.poster-options fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.poster-options legend,.poster-options__label{display:block;font-size:12px;font-weight:600;margin:0 0 9px}.poster-options__row{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;margin:0 0 22px}.poster-options select{display:block;width:100%;min-height:48px;border:1px solid #aeb9bb;border-radius:2px;background:#fffdf7;color:inherit;font:16px Arial,sans-serif;padding:11px 13px}.poster-options__finishes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.poster-options__finish{position:relative;cursor:pointer;display:flex;gap:13px;align-items:center;border:1px solid #aeb9bb;padding:14px 12px;min-height:76px;font-size:12px}.poster-options__finish:has(input:checked){border-color:#102b3d;box-shadow:inset 0 0 0 1px #102b3d;background:#e8ece5}.poster-options__finish input{position:absolute;opacity:0;width:1px;height:1px}.poster-options__finish:has(input:focus-visible){outline:2px solid #102b3d;outline-offset:3px}.poster-options__finish strong{display:block;font-weight:600}.poster-options__finish small{display:block;font-size:10px;color:#596975;margin-top:5px;line-height:1.4}.poster-options__icon{width:26px;height:34px;background:#b6c1bc;border:1px solid #7b8c89;flex-shrink:0}.poster-options__icon--framed{border:4px solid #202627;background:#b6c1bc}.poster-options__size-note{font-size:10px;color:#596975;margin:8px 0 22px;line-height:1.6}.poster-options__price{font-size:24px;font-weight:600;letter-spacing:-.025em;margin:0 0 15px}.poster-options__price:empty{display:none}.poster-options__continue{display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;background:#102b3d;color:#fffdf7;border:1px solid #102b3d;padding:14px 18px;font-size:12px;font-weight:600;text-decoration:none}.poster-options__continue[aria-disabled=true]{background:#e0e3df;border-color:#c6ccc6;color:#596975;cursor:default}.poster-options__status{font-size:11px;line-height:1.7;color:#596975;min-height:36px;margin:12px 0 0}.poster-options__summary{font-size:10px;color:#596975;line-height:1.6;margin:15px 0}.poster-options select:focus-visible,.poster-options__continue:focus-visible{outline:2px solid #102b3d;outline-offset:3px}.poster-options__assets{display:none}@media(max-width:749px){.poster-options{grid-template-columns:1fr;gap:30px;padding-block:35px}.poster-options__scene{min-height:0;padding:28px 20%}.poster-options__paper[data-finish=framed]{padding:11px}.poster-options__row{grid-template-columns:1fr 1fr;gap:10px}.poster-options__finish{padding:12px 10px;gap:9px}.poster-options__details h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.poster-options__paper{transition:none}}
/* Live personalization fields */
.poster-options__personalize{border-top:1px solid var(--studio-line,#d9d8cf)!important;padding-top:20px!important}.poster-options__personalize legend{float:left;width:100%;font-size:15px;margin-bottom:17px}.poster-options__personalize legend+.poster-options__name-row{clear:both}.poster-options__name-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:14px}.poster-options input[type=text]{display:block;width:100%;min-height:48px;border:1px solid #aeb9bb;border-radius:2px;background:#fffdf7;color:inherit;padding:11px 13px;font:16px Arial,sans-serif}.poster-options input[type=text]:focus-visible{outline:2px solid #102b3d;outline-offset:3px}.poster-options input[aria-invalid=true]{border-color:#a13327}.poster-options__name-row small{display:block;color:#596975;font-size:10px;line-height:1.6;margin-top:7px}.poster-options__live-hint{font-size:11px;color:#476557;line-height:1.6;margin:12px 0 0}.poster-options__error{font-size:12px;line-height:1.6;color:#a13327;margin:8px 0 0}.poster-options__error[hidden]{display:none}.poster-options__details:focus{outline:none}.poster-options__details{scroll-margin-top:105px}.poster-options__details h2{margin-bottom:12px}.poster-options__intro{margin-bottom:20px}.poster-options__scene{position:sticky;top:100px}.poster-options{align-items:start}.poster-options__scene>div{max-width:340px}@media(max-width:749px){.poster-options__scene{position:static}.poster-options__name-row{gap:10px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.poster-options__details{scroll-margin-top:90px}.poster-options{scroll-margin-top:90px}}

body.studio-designer-open{overflow:hidden}
.studio-designer:not([open]){display:none}
.studio-designer{position:fixed;inset:0;margin:auto;width:min(1180px,calc(100vw - 48px));max-width:none;height:min(900px,calc(100dvh - 48px));max-height:none;padding:0;border:0;border-radius:8px;background:#f5f1e9;color:#102b3d;box-shadow:0 24px 90px #0006;overflow:hidden}
.studio-designer::backdrop{background:#071c30b8;backdrop-filter:blur(5px)}
.studio-designer__shell{height:100%;display:flex;flex-direction:column}
.studio-designer__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:15px 28px;border-bottom:1px solid #d9d8cf}
.studio-designer__bar p{margin:0;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.studio-designer__close{display:flex;align-items:center;gap:16px;min-width:44px;min-height:44px;padding:4px 8px;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.studio-designer__close>span:last-child{font-size:28px;line-height:1}
.studio-designer__close:focus-visible{outline:2px solid #102b3d;outline-offset:2px}
.studio-designer__scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1}
.studio-designer .poster-options{max-width:none;width:100%;padding:32px;gap:5%;border:0;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.studio-designer .poster-options>div:first-child{position:sticky;top:24px}
.studio-designer .poster-options__scene{position:static;min-height:0;padding:30px 13%}
.studio-designer .poster-options__details h2{font-size:38px}
.studio-designer [data-designer-title]:focus{outline:none}
.studio-designer .poster-options__details{scroll-margin-top:20px}
@media(max-width:749px){.studio-designer{width:100%;height:100dvh;border-radius:0}.studio-designer__bar{padding:9px 16px;gap:10px}.studio-designer__bar p{font-size:9px;letter-spacing:.09em}.studio-designer__close{font-size:11px;gap:8px}.studio-designer .poster-options{display:flex;flex-direction:column;padding:20px;gap:24px}.studio-designer .poster-options>div:first-child{position:static;width:100%}.studio-designer .poster-options__scene{height:230px;padding:18px;min-height:0}.studio-designer .poster-options__paper{width:auto;height:100%;max-width:180px}.studio-designer .poster-options__caption{font-size:10px;margin-top:7px}.studio-designer .poster-options__details{width:100%}.studio-designer .poster-options__details h2{font-size:32px}.studio-designer .poster-options__intro{font-size:13px}.studio-designer .poster-options__row{gap:10px}.studio-designer .poster-options__finish{min-height:76px}}
