.banner-intro,.banner-kit{max-width:1080px;margin:24px auto;padding:0 24px}.banner-kit{display:grid;gap:28px}.banner-card{border:1px solid #cddfe9;border-top:3px solid #0785cc;background:#fff;padding:24px;scroll-margin-top:120px;min-width:0}.banner-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.banner-heading :is(h2,h3){margin:0;font-size:1.5rem}.banner-heading p{color:#476678;font-size:.85rem}.banner-preview{display:flex;align-items:center;justify-content:center;min-height:120px;padding:28px 12px;margin:16px 0 22px;background:#edf5f9;border:1px solid #e2edf3}.banner-preview a{display:block;max-width:100%;line-height:0}.banner-preview img{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 5px 18px #06375e1a}.banner-card#banner-tondo .banner-preview img{box-shadow:none}.banner-actions{display:flex;gap:12px;flex-wrap:wrap}.banner-actions button{font:inherit;cursor:pointer}.banner-card details{margin-top:18px}.banner-card summary{cursor:pointer;color:#06375e;font-weight:600;padding:8px 0}.banner-card textarea{display:block;width:100%;box-sizing:border-box;margin-top:12px;min-height:150px;padding:14px;border:1px solid #abc9dd;background:#f7fafc;color:#142935;font:13px/1.6 Consolas,monospace;resize:vertical;white-space:pre;overflow:auto}.banner-status{min-height:1.4em;margin:10px 0 0;color:#245d43;font-size:.9rem}.banner-card a:focus-visible,.banner-card button:focus-visible,.banner-card summary:focus-visible,.banner-card textarea:focus-visible{outline:3px solid #0785cc;outline-offset:4px}@media(max-width:600px){.banner-intro,.banner-kit{padding:0 14px}.banner-card{padding:16px}.banner-preview{padding:20px 8px}.banner-heading{gap:0}.banner-heading :is(h2,h3){font-size:1.25rem}.banner-actions .button{min-height:44px;box-sizing:border-box}}
