.banner-card{margin-bottom:18px}.banner-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;margin-top:28px}.banner-upload{padding:30px;border:1px dashed #a7bdc6;border-radius:22px;background:linear-gradient(135deg,#f0f7f7,#fafcfb);align-self:start}.banner-symbol{display:grid;place-items:center;width:52px;height:52px;background:#dcece7;border-radius:16px;color:#20594e;font-size:34px;margin-bottom:22px}.banner-upload h3{font-size:23px}.banner-upload p{font-size:14px;line-height:1.65}.banner-pick{width:100%;padding:17px 20px!important;border-radius:14px!important;font-size:17px!important;box-shadow:0 6px 15px #173d4c18}.banner-file{display:none}.banner-preview{min-width:0;align-self:center}.banner-image{display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;background:repeating-conic-gradient(#f1f3f2 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px solid #e1e8e5;min-height:160px}.banner-image img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain}.banner-placeholder{min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:#f6f8f7;border-radius:18px;color:#637976}.banner-placeholder span{font-size:54px;font-weight:normal;margin-bottom:16px;color:#9fb5af}.banner-placeholder p{font-size:14px;max-width:260px}.banner-name{font-weight:700;overflow-wrap:anywhere;margin-bottom:0}.banner-delete{color:#943a36!important}.banner-progress{margin-top:20px}.banner-progress progress{width:100%;height:12px;accent-color:#2b9476}.banner-progress span{display:block;font-size:13px;margin-top:8px}.banner-progress[hidden]{display:none}.banner-note p{margin-bottom:0}#bannerNotice:empty{display:none}#bannerNotice{overflow-wrap:anywhere}@media(max-width:700px){.banner-layout{grid-template-columns:minmax(0,1fr);gap:24px}.banner-upload{padding:22px}.banner-placeholder{min-height:180px}.banner-preview .actions{display:flex;flex-wrap:wrap}.banner-card{padding:22px!important}}