.scene-brief{background:#fffaf3;border:1px solid #e4d5c3;border-radius:24px;padding:clamp(20px,4vw,40px);margin-top:22px;color:#4f392c;font:15px/1.6 system-ui}.scene-brief h2,.scene-brief h3{font-family:Georgia,serif;line-height:1.2}.scene-brief h2{font-size:34px;margin:12px 0}.scene-brief h3{font-size:26px;margin:24px 0 18px}.scene-brief-kicker{font-size:10px;letter-spacing:.2em;color:#966c4d}.scene-brief-muted{font-size:13px;color:#806d60}.scene-brief-variants{display:flex;gap:12px;flex-wrap:wrap;border:0;padding:0;margin:24px 0 8px}.scene-brief-variants legend{margin-bottom:10px;font-weight:600}.scene-brief-variants label{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;border:1px solid #dac7b3;padding:16px;border-radius:14px;cursor:pointer}.scene-brief-variants label.selected{background:#efe1ce;border-color:#93623d}.scene-brief-variants label span{flex:1}.scene-brief-variants input{accent-color:#754d37}.scene-brief-offer{font-size:13px;color:#945234;font-weight:600;font-variant-numeric:tabular-nums}.scene-brief-explainer{max-width:600px;display:block;width:100%;height:auto;border-radius:18px;margin:22px auto}.scene-brief-steps{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:28px 0}.scene-brief-steps :is(span,button){font-size:12px;border-bottom:2px solid #dfd4c6;padding:8px 4px}.scene-brief-steps [aria-current]{border-color:#754d37;font-weight:700}.scene-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.scene-brief-field{display:block;font-size:13px;font-weight:500;margin:14px 0}.scene-brief-field input,.scene-brief-field select{display:block;width:100%;padding:13px 14px;margin-top:6px;background:#fff;border:1px solid #d9c7b5;border-radius:12px;color:#4f392c;font:16px system-ui;box-sizing:border-box}.scene-brief-event{padding:8px 20px 18px;border:1px solid #dfd0be;border-radius:16px;margin:26px 0}.scene-brief-event legend{padding:0 8px;font-weight:600}.scene-brief-actions{display:flex;justify-content:space-between;gap:14px;margin-top:24px}.scene-brief-actions button,.scene-brief-submit{display:inline-block;border-radius:24px;border:1px solid #b39070;padding:13px 24px;font:600 14px system-ui;cursor:pointer;background:#fffaf3}.scene-brief-actions .scene-brief-submit,.scene-brief-submit{background:#754d37;color:#fff;border-color:#754d37}.scene-brief-actions button:disabled{opacity:.6;cursor:wait}.scene-brief-status{font-size:14px;margin-top:22px}.scene-brief-success{padding:18px;border:1px solid #d6bea4;border-radius:16px}.scene-brief-success a{display:block;text-decoration:underline;overflow-wrap:anywhere;margin:14px 0}.scene-brief-success code{font-size:14px;overflow-wrap:anywhere}@media(max-width:560px){.scene-brief-grid{grid-template-columns:1fr;gap:0}.scene-brief h2{font-size:30px}.scene-brief-variants label{min-width:100%;padding:14px}.scene-brief-event{padding:8px 14px 14px}.scene-brief-steps{gap:4px}.scene-brief-steps :is(span,button){font-size:11px}}
/* Signature screens use the actual artwork, with form controls outside the image. */
.scene-brief{background:#fff9fb;border-color:#f2dce4;color:#571c30;box-shadow:0 18px 60px #72283e08}.scene-brief h2{font-size:clamp(26px,3vw,36px)}.scene-brief-kicker{color:#a34465}.scene-brief-muted{color:#856572}.scene-brief-steps{gap:6px;flex-wrap:nowrap}.scene-brief-steps :is(span,button){display:flex;align-items:center;gap:8px;flex:1;border:0;color:#987884}.scene-brief-steps b{display:grid;place-items:center;border:1px solid #e6cbd5;border-radius:50%;width:30px;height:30px;flex-shrink:0}.scene-brief-steps [aria-current]{color:#962951}.scene-brief-steps [aria-current] b{background:#d74876;color:#fff;border-color:#d74876;box-shadow:0 0 0 5px #d7487610}.scene-brief-field input,.scene-brief-field select,.scene-brief-field textarea{display:block;width:100%;box-sizing:border-box;background:#fff;color:#571c30;border:1px solid #e9d4dc;border-radius:12px;margin-top:7px;padding:12px 14px;font:16px/1.5 system-ui}.scene-brief-field textarea{resize:vertical;min-height:80px}.scene-brief-field input:focus,.scene-brief-field textarea:focus,.scene-brief-field select:focus{outline:2px solid #d7487650;outline-offset:2px}.scene-brief-field small{display:block;margin-top:6px;font-size:12px;font-weight:400;color:#856572}.scene-brief-variants label.selected{background:#fce9f0;border-color:#d74876}.scene-brief-actions .scene-brief-submit{background:#d74876;border-color:#d74876}.signature-step{scroll-margin-top:110px}.signature-family{border:1px solid #ecd4dd;border-radius:14px;padding:16px;margin:20px 0}.signature-family summary{cursor:pointer;font-weight:600}.signature-cards{display:grid;gap:22px}.signature-card{border:1px solid #ead1db;border-radius:20px;background:#fff;overflow:hidden;transition:box-shadow .18s,border-color .18s}.signature-card.is-lifted{border-color:#d74876;box-shadow:0 12px 40px #7e294a25}.signature-card-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #f3e5eb;background:#fff8fb;font-size:12px}.signature-card-hint{flex:1;color:#8b6b78}.signature-card button,.signature-add button,.signature-preview-link{font:600 13px system-ui;color:#85344f;cursor:pointer;border:1px solid #e8ccd8;border-radius:10px;background:#fff;padding:8px 12px}.signature-card button:focus-visible,.signature-add button:focus-visible,.signature-preview-link:focus-visible{outline:2px solid #d74876;outline-offset:3px}.signature-card button:disabled,.signature-add button:disabled{opacity:.35;cursor:default}.signature-card .signature-grip{font-size:22px;cursor:grab;touch-action:none;user-select:none;padding:3px 9px;border:0;background:none}.signature-card.is-lifted .signature-grip{cursor:grabbing}.signature-card .signature-switch{display:flex;align-items:center;gap:6px;border:0;background:none;padding:4px;color:#75535f}.signature-switch span{height:20px;width:34px;border-radius:20px;background:#c7b9bf;position:relative}.signature-switch span:after{content:'';position:absolute;width:14px;height:14px;top:3px;left:3px;background:#fff;border-radius:50%;transition:transform .15s}.signature-switch[aria-checked=true] span{background:#d74876}.signature-switch[aria-checked=true] span:after{transform:translateX(14px)}.signature-card-body{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(0,1.5fr);gap:24px;padding:22px}.signature-art-column{max-width:245px;align-self:start;position:sticky;top:110px}.signature-art{width:100%;aspect-ratio:9/16;overflow:hidden;position:relative;border-radius:16px;background:#e4e1da;box-shadow:0 8px 24px #311b2810}.signature-art>img:not([style]){width:100%;height:100%;object-fit:cover;display:block}.signature-art img{pointer-events:none}.signature-card.is-disabled .signature-card-body{filter:grayscale(1);opacity:.5}.signature-card.is-disabled .signature-art{filter:grayscale(1)}.signature-card.is-disabled .signature-fields{pointer-events:none}.signature-fields{padding:0;margin:0;border:0;min-width:0}.signature-fields .scene-brief-field:first-of-type{margin-top:0}.signature-preview-link{margin-top:12px;display:block}.signature-preview-wrap{border-top:1px solid #f0dce5;padding:20px;text-align:center}.signature-live-preview{display:block;width:min(100%,300px);height:530px;border:1px solid #dec9d2;border-radius:18px;margin:16px auto;background:#f4ece3}.signature-add{display:flex;gap:14px;align-items:center;border:1px dashed #dcaabd;border-radius:16px;margin-top:24px;padding:10px 18px}.signature-add label{flex:1}.signature-add button{flex-shrink:0}.signature-review{padding:0;list-style:none;counter-reset:screen;display:grid;gap:12px}.signature-review li{counter-increment:screen;display:grid;grid-template-columns:30px 1fr;gap:4px 12px;border-bottom:1px solid #eddae2;padding:12px 0}.signature-review li:before{content:counter(screen,decimal-leading-zero);grid-row:span 2;color:#ad7187}.signature-review li span{font-size:13px;color:#856572;white-space:pre-line}.signature-review .is-disabled{opacity:.45;text-decoration:line-through}.scene-brief .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.signature-photos{padding:18px;border:1px solid #ecd4dd;border-radius:14px;margin-top:20px}
@media(max-width:600px){.scene-brief{padding:18px}.signature-card-body{grid-template-columns:1fr;padding:16px;gap:20px}.signature-art-column{position:static;width:170px;max-width:65%;justify-self:center}.signature-card-bar{gap:6px;padding:10px}.signature-card-hint{font-size:11px}.signature-card-bar>button:not(.signature-grip):not(.signature-switch){padding:6px 8px}.signature-add{flex-direction:column;align-items:stretch}.scene-brief-steps :is(span,button){flex-direction:column;gap:8px;font-size:11px}.signature-live-preview{height:490px;width:276px;max-width:100%}}
@media(prefers-reduced-motion:reduce){.signature-card,.signature-switch span:after{transition:none}}

.signature-inline-preview .signature-live-preview{width:100%;height:auto;aspect-ratio:9/16;margin:0}.signature-inline-preview>p{margin:0 0 8px}

.signature-card-hint{min-width:0;overflow-wrap:anywhere}.scene-brief{min-width:0;box-sizing:border-box}@media(max-width:600px){.signature-card-bar{flex-wrap:wrap}.signature-card-hint{flex-basis:calc(100% - 65px)}.signature-card .signature-switch{margin-left:auto}}

.scene-brief-steps button{background:none;border:0;text-align:left;font:inherit;cursor:pointer;padding:8px 4px}.scene-brief-steps button:disabled{cursor:default}.scene-brief-steps button:focus-visible{outline:2px solid #d74876;outline-offset:4px;border-radius:10px}.signature-step{animation:signatureStepEnter .24s ease-out}@keyframes signatureStepEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.signature-step{animation:none}}
