.design-composer{padding:28px;background:#fff;border:1px solid #bcd7ee;box-shadow:0 12px 32px #3f74a818;text-align:left;color:#1f3a5f;margin:0 auto 32px;max-width:880px;box-sizing:border-box}
.design-composer h2{font:400 32px/1.15 Georgia,serif;margin:8px 0 12px}.design-composer .composer-eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold}.composer-intro{font-size:15px;line-height:1.5;margin-bottom:22px}.design-composer label{font-size:14px}.design-composer textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #8faac2;background:#fbfdff;padding:14px;font:16px/1.5 Arial,sans-serif;color:#1f3a5f;border-radius:6px;resize:vertical;min-height:128px;margin:8px 0 14px}.composer-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.composer-primary,.composer-secondary{font:14px/1.3 Arial,sans-serif;padding:12px 16px;border:1px solid #507ca5;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;background:#fff;color:#1f3a5f;box-sizing:border-box}.composer-primary{background:#1f3a5f;color:#fff;margin-left:auto}.composer-file{position:absolute;width:1px;height:1px;opacity:0}.composer-file:focus-visible+label,.design-composer :focus-visible{outline:3px solid #d18b32;outline-offset:3px}.design-composer [hidden]{display:none!important}.design-composer button:disabled{opacity:.55;cursor:wait}.composer-caption{font-size:12px;line-height:1.5;margin:12px 0;color:#526879}.composer-preview{max-width:180px;max-height:220px;object-fit:contain;margin-top:16px}.composer-error{color:#8f2038;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.composer-status{font-size:14px;line-height:1.5}.design-composer progress{width:100%;height:10px;margin-top:18px;accent-color:#1f3a5f}.composer-results{display:flex;gap:20px;flex-wrap:wrap}.composer-results h3,.composer-results details,.composer-results>.composer-error{width:100%;overflow-wrap:anywhere}.composer-result{margin:0;flex:1 1 240px;min-width:0;border-top:1px solid #bcd7ee;padding-top:16px}.composer-result figcaption{font-weight:bold;margin-bottom:12px}.composer-result img{display:block;width:100%;height:320px;object-fit:contain;margin-bottom:12px}.composer-results details{font-size:13px;line-height:1.5}.composer-results summary{cursor:pointer}
@media(max-width:560px){.design-composer{padding:20px 16px}.design-composer h2{font-size:27px}.composer-primary{width:100%;margin-left:0}.composer-result img{height:260px}}

.design-composer select{display:block;min-width:140px;max-width:100%;box-sizing:border-box;border:1px solid #8faac2;background:#fbfdff;padding:10px 12px;font:16px/1.5 Arial,sans-serif;color:#1f3a5f;border-radius:6px;margin:8px 0 18px}
