.collect-poster-body{display:grid;grid-template-columns:minmax(210px,290px) minmax(0,1fr);gap:30px;padding:24px;align-items:start}.collect-poster-preview{width:100%;max-width:290px;background:#eef3f9;border-radius:12px;padding:10px;box-sizing:border-box;border:1px solid #dfe6f0}.collect-poster-preview canvas{display:block;width:100%;height:auto;aspect-ratio:900/1280;border-radius:7px;box-shadow:0 8px 24px #19355b1f}.collect-poster-controls h3{font-size:14px;margin:0 0 14px}.collect-poster-styles{display:flex;flex-wrap:wrap;gap:10px}.collect-poster-style{border:1px solid #d8e0ec;background:#fff;border-radius:9px;padding:8px;display:flex;align-items:center;gap:8px;font-size:12px;color:#4d607e;cursor:pointer}.collect-poster-style.selected,.collect-poster-style:hover{border-color:#4a7fdd;background:#f3f7ff;color:#2855ae}.collect-poster-style:focus-visible,.collect-poster-upload:focus-within{outline:2px solid #527ed0;outline-offset:2px}.collect-poster-style span{width:30px;height:34px;border-radius:4px;display:block;background:linear-gradient(150deg,#113b84,#709ef0 60%,#172d69)}.collect-poster-style--teal span{background:linear-gradient(150deg,#064c5c,#63b7b9 60%,#063f57)}.collect-poster-style--ivory span{background:linear-gradient(150deg,#faf7f0,#dce9f2)}.collect-poster-upload{display:inline-block;position:relative;cursor:pointer;border:1px solid #d8e0ec;border-radius:8px;padding:10px 14px;margin:16px 0 0;font-size:12px;color:#40629c;background:#fff}.collect-poster-upload:hover{background:#f6f9fe}.collect-poster-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.collect-poster-hint,.collect-poster-controls>p{font-size:12px;color:#74839b;line-height:1.8;margin:10px 0}.collect-poster-divider{height:1px;background:#e9eef5;margin:18px 0}.collect-poster-controls [data-poster-status]{display:block;color:#7a8ba2;font-size:11px;margin-top:10px}.collect-poster-controls>.button{margin-top:8px}@media(max-width:1100px){.collect-poster-body{grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:20px}}@media(max-width:700px){.collect-poster-body{grid-template-columns:1fr;justify-items:center;padding:18px;gap:20px}.collect-poster-preview{max-width:270px}.collect-poster-controls{width:100%}}