.custom-banner.cover{position:relative;display:block;aspect-ratio:5/2;height:auto!important;min-height:0!important;width:100%;background:#101916;color:#f5f8f2;overflow:hidden}
.custom-banner.cover::before{display:none}.custom-banner svg{display:block;width:100%;height:100%}
.custom-banner .banner-lettering{font-family:"Barlow Condensed",Manrope,Arial,sans-serif;font-style:italic}
.post-cover .custom-banner.cover{height:auto!important}.feed-card .custom-banner.cover{height:100%!important;min-height:150px!important}.feed-card .custom-banner svg{min-height:100%;object-fit:contain}
.banner-editor{padding:0!important;margin:0;border:1px solid #3c5144;border-radius:12px;background:#111a16;min-width:0;overflow:hidden}
.banner-editor[hidden]{display:none}.banner-editor summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;padding:20px 22px}
.banner-editor summary::-webkit-details-marker{display:none}.banner-editor summary>span{font-size:16px;font-weight:800;color:#ecf3e7}.banner-editor summary>small{color:#8c9c8f;font-size:11px}.banner-editor summary>b{margin-left:auto;color:var(--green)}
.banner-editor[open] summary{border-bottom:1px solid #2b3a2f}.banner-editor[open] summary>b{transform:rotate(45deg)}
.banner-editor-body{padding:22px;min-width:0}.banner-preview{border:1px solid #4a5b40;border-radius:8px;overflow:hidden;background:#101916}
.banner-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 12px}
.banner-section-heading h3{font-size:12px;margin:0;letter-spacing:.03em;color:#e5eddc}.banner-section-heading>span{font-size:10px;color:#91a187;text-align:right}
.banner-template-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.banner-template-choice{border:1px solid #344738;background:#142019;border-radius:7px;overflow:hidden;padding:0 0 10px;cursor:pointer;text-align:left;color:#dce9d6;min-width:0}
.banner-template-choice .banner-thumbnail{border-bottom:1px solid #334235;margin-bottom:8px}.banner-template-choice>b,.banner-template-choice>small{display:block;padding:0 8px}
.banner-template-choice b{font-size:11px}.banner-template-choice small{font-size:8px;color:#8b9e8e;margin-top:4px}
.banner-template-choice[aria-pressed=true],.banner-palette-choice[aria-pressed=true],.banner-shape-options button[aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#22311b}
.banner-editor button:focus-visible,.banner-editor summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.banner-palette-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.banner-palette-choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 5px;border:1px solid #344738;border-radius:7px;background:#142019;color:#dce9d6;cursor:pointer;min-width:0}
.banner-palette-choice b{font-size:11px}.banner-palette-choice small{font-size:9px;color:#92a28e;line-height:1.4}.palette-swatch{display:block;width:28px;height:28px;border-radius:50%;border:1px solid #ffffff42;background:#b4ff39}
.palette-violet .palette-swatch{background:#c5a1ff}.palette-ocean .palette-swatch{background:#6ce7fa}.palette-coral .palette-swatch{background:#ffaf91}
.palette-silver .palette-swatch{background:linear-gradient(130deg,#69758a,#fff 45%,#9ca7bc 75%,#f1f7ff)}
.palette-gold .palette-swatch{background:linear-gradient(130deg,#92631e,#ffebae 45%,#c89739 75%,#fff0bb)}
.palette-diamond .palette-swatch{background:conic-gradient(#d3fcff,#7bbad1,#fff,#bca7f5,#d3fcff)}
.palette-ruby .palette-swatch{background:linear-gradient(135deg,#a92358,#ffb9cb 45%,#c13564)}
.palette-sapphire .palette-swatch{background:linear-gradient(135deg,#4457d9,#d2e7ff 45%,#566ada)}
.palette-custom .palette-swatch{background:conic-gradient(#ff7c91,#ffd779,#7effc1,#81b8ff,#c38eff,#ff7c91)}
.banner-custom-color{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;font-size:11px!important;margin-top:13px!important}
.banner-custom-color input[type=color]{width:52px;height:36px;padding:3px;border:1px solid #536347;cursor:pointer}
.banner-photo-area{display:flex;gap:18px;align-items:flex-start}.banner-photo-preview{width:100px;height:100px;flex:0 0 100px;border:2px solid #b4ff39;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#1c2c20;text-align:center;color:#8da27f;font-size:13px}
.banner-photo-preview.is-square{border-radius:12px}.banner-photo-preview img{width:100%;height:100%;object-fit:cover}
.banner-photo-actions{flex:1;min-width:0}.banner-photo-actions .button-row{margin:10px 0;gap:12px;flex-wrap:wrap}.banner-photo-actions p{line-height:1.6;margin-bottom:0}
.banner-photo-actions .photo-picker{display:inline-flex;font-size:12px}.banner-photo-actions .text-button{font-size:11px}
.banner-shape-options{display:flex;gap:8px}.banner-shape-options button{padding:8px 15px;font-size:11px}
.banner-text-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.banner-text-fields>label:first-child{grid-column:1/-1}
.banner-text-fields label{font-size:12px}.banner-text-fields small{font-size:10px;color:#8a9a86;font-weight:400}.banner-text-fields input{font-size:13px!important}
.banner-price-box{border:1px solid #3c5134;border-radius:8px;padding:14px 16px;background:#19251b;margin-top:22px}
.banner-price-box [data-banner-price]{font-size:13px;font-weight:800;color:#c2f290;margin:0 0 6px}.banner-price-box p{line-height:1.6;margin:0}
.banner-price-box .banner-purchase-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:9px;margin-top:12px;font-size:11px;line-height:1.6}
.banner-purchase-confirm input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;padding:0;margin:2px 0 0;accent-color:var(--green)}
.banner-editor [hidden]{display:none!important}.banner-error{color:#ffb5a2;font-size:12px;line-height:1.6}.banner-error:empty{display:none}
@media(max-width:620px){
 .banner-editor summary{padding:16px}.banner-editor summary>small{font-size:10px}.banner-editor-body{padding:12px}
 .banner-template-options{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-palette-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .banner-section-heading{align-items:flex-start;gap:12px}.banner-section-heading>span{max-width:125px}
 .banner-photo-area{gap:12px}.banner-photo-preview{width:70px;height:70px;flex-basis:70px;font-size:11px}
 .banner-photo-actions .photo-picker{font-size:11px;padding:10px 12px}.banner-text-fields{grid-template-columns:1fr}.banner-text-fields>label:first-child{grid-column:auto}
 .banner-price-box{padding:12px}.banner-price-box [data-banner-price]{font-size:12px}
}