.poster-proof{--pp-paper:#f7f5ef;--pp-ink:#171719;--pp-red:#e54436;--pp-muted:#69696e;--np-accent:var(--pp-red);--np-text:var(--pp-ink);--np-muted:var(--pp-muted);--np-surface:var(--pp-paper);--np-soft:#e9e6de;max-width:1180px;color:var(--pp-ink);margin-inline:auto;position:relative}.product-shell:has(.poster-proof){--p-bg:#f7f5ef;--p-ink:#171719;--p-muted:#69696e;--p-line:#171719}.pp-strip{z-index:0;background:var(--pp-red);width:54%;color:var(--pp-paper);letter-spacing:.18em;text-align:center;padding:10px 22px;font:800 12px/1 IBM Plex Mono,monospace;position:absolute;top:48px;left:31%;transform:rotate(-3deg)}.pp-workbench{z-index:1;grid-template-columns:minmax(270px,.68fr) minmax(430px,1.32fr);align-items:start;gap:clamp(28px,5vw,74px);padding:34px 0 28px;display:grid;position:relative}.pp-controls{padding-top:18px}.pp-control-heading span,.pp-stage-label span{letter-spacing:.13em;font:700 11px/1 IBM Plex Mono,monospace}.pp-control-heading h2{letter-spacing:-.055em;text-wrap:balance;max-width:390px;margin:16px 0 12px;font:700 clamp(31px,3.6vw,53px)/.95 Space Grotesk,sans-serif}.pp-control-heading p{max-width:340px;color:var(--pp-muted);margin:0 0 30px;font-size:14px}.poster-proof label,.poster-proof legend{letter-spacing:.01em;font:700 12px/1.25 Space Grotesk,sans-serif}.poster-proof label strong{color:var(--pp-red);text-transform:uppercase;font:600 10px/1 IBM Plex Mono,monospace}.poster-proof input,.poster-proof select{border:1px solid var(--pp-ink);width:100%;color:var(--pp-ink);box-shadow:none;background:0 0;border-radius:0;margin-top:7px;font:500 15px/1.25 DM Sans,sans-serif}.poster-proof input:focus-visible,.poster-proof select:focus-visible,.poster-proof button:focus-visible{outline:3px solid var(--pp-red);outline-offset:3px}.poster-proof small{color:var(--pp-muted);margin:-10px 0 20px;font-size:11px;display:block}.pp-controls>label,.pp-controls>fieldset{margin-bottom:20px;display:block}.pp-pair{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.poster-proof fieldset{border:0;min-width:0;padding:0}.poster-proof legend{margin-bottom:9px}.pp-choice-row{grid-template-columns:repeat(3,1fr);display:grid}.pp-choice-row label{cursor:pointer;position:relative}.pp-choice-row input{opacity:0;width:1px;height:1px;position:absolute}.pp-choice-row span{border:1px solid var(--pp-ink);text-align:center;text-transform:uppercase;margin:0;padding:11px 8px;display:block}.pp-choice-row label+label span{border-left:0}.pp-choice-row input:checked+span{background:var(--pp-ink);color:var(--pp-paper)}.pp-choice-row input:focus-visible+span{z-index:2;outline:3px solid var(--pp-red);outline-offset:3px;position:relative}.pp-actions,.pp-utility{gap:10px;display:flex}.poster-proof button{border:1px solid var(--pp-ink);min-height:44px;color:var(--pp-ink);box-shadow:none;background:0 0;border-radius:0;font:700 12px/1 Space Grotesk,sans-serif}.poster-proof button:hover{box-shadow:3px 3px 0 var(--pp-ink);transform:translate(-2px,-2px)}.poster-proof .pp-primary{border-color:var(--pp-red);background:var(--pp-red);color:#fff;flex:1}.pp-utility{margin-top:10px}.pp-utility button{min-height:34px;color:var(--pp-muted);border:0;border-bottom:1px solid;padding:7px 0}.pp-utility button:hover{box-shadow:none;color:var(--pp-ink);transform:none}.pp-message{min-height:2.4em;color:var(--pp-muted);margin:12px 0 0;font:500 11px/1.45 IBM Plex Mono,monospace}.pp-stage{min-width:0;position:sticky;top:18px}.pp-stage-label{justify-content:space-between;gap:20px;margin-bottom:12px;display:flex}.pp-stage-label output{color:var(--pp-muted);font:500 11px/1 IBM Plex Mono,monospace}.pp-poster-wrap{width:min(100%,640px);min-height:0;box-shadow:14px 14px 0 var(--pp-ink);background:#d9d5cc;margin-left:auto;transition:aspect-ratio .26s;overflow:hidden}.pp-poster{width:100%;height:100%;display:block}.pp-title-group{transform-origin:70px 300px;animation:.28s cubic-bezier(.2,.8,.2,1) both pp-cut-in}.pp-stage[data-empty=true] .pp-poster{opacity:.75}.pp-stage-note{max-width:560px;color:var(--pp-muted);margin:24px 0 0 auto;font-size:12px;line-height:1.55}@keyframes pp-cut-in{0%{opacity:0;transform:translate(-45px,30px)skew(-5deg)}to{opacity:1;transform:translate(0)skew(0)}}@media (width<=820px){.pp-strip{width:55%;top:18px;left:42%}.pp-workbench{grid-template-columns:minmax(240px,.8fr) minmax(330px,1.2fr);gap:28px;padding-top:26px}.pp-pair{grid-template-columns:1fr}.pp-actions{flex-direction:column}}@media (width<=640px){.pp-strip{display:none}.pp-workbench{flex-direction:column;gap:28px;padding-top:8px;display:flex}.pp-control-heading h2{margin-top:10px;font-size:35px}.pp-control-heading p{margin-bottom:22px}.pp-stage{width:100%;position:static}.pp-poster-wrap{width:calc(100% - 10px);box-shadow:8px 8px 0 var(--pp-ink);margin:0}.pp-stage-note{margin-top:18px}.pp-pair{grid-template-columns:1fr 1fr}}@media (width<=410px){.pp-pair{grid-template-columns:1fr}.pp-choice-row span{padding-inline:3px;font-size:11px}}@media (prefers-reduced-motion:reduce){.pp-poster-wrap,.pp-title-group,.poster-proof button{transition:none;animation:none}}