.banner-studio{padding-top:26px}.banner-kicker{font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--brand)}.banner-studio h3{font-size:1.6rem;margin:5px 0 10px}.banner-studio>div>p{font-size:1rem}.banner-workspace{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);gap:30px;margin-top:24px}.banner-controls fieldset{min-width:0;padding:20px;border:1px solid var(--line);border-radius:12px}.banner-controls legend{font-size:1rem;font-weight:750;padding:0 6px}.banner-controls .field{margin:12px 0}.banner-controls label{font-size:.9375rem}.banner-controls input[type=color]{height:46px;padding:4px}.banner-result{padding:22px;background:#edf4f9;border-radius:14px;align-self:start;min-width:0}.banner-result canvas{width:100%;height:auto;border:1px solid #d5e1eb;background:#fff}.banner-result canvas[hidden]{display:none}.banner-result p{margin:14px 0;font-size:.9375rem}.banner-result p.small{font-size:.875rem;line-height:1.7}.banner-result .btn{width:100%;min-height:48px}.banner-controls input[type=file]{max-width:100%}@media(max-width:850px){.banner-workspace{grid-template-columns:1fr}.banner-result{padding:16px}}