.member-banner-editor{margin:24px 0;padding:22px 0;border-block:1px solid #354b5e}.banner-section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}.banner-section-heading h3{margin:8px 0}.banner-position{display:flex;gap:8px;padding:5px;border:1px solid #405364;border-radius:12px;background:#0c1924;margin:18px 0}.banner-position button{flex:1;border:1px solid transparent;background:transparent;color:#b9d3de;min-height:42px;border-radius:8px}.banner-position button[aria-pressed=true]{border-color:#d99c4c;background:#49341e;color:#ffe8bf;box-shadow:inset 0 0 16px #f5a93c14}.banner-filter{display:flex;gap:14px;align-items:end;margin:18px 0}.banner-filter label{flex:1;min-width:0}.banner-filter button{margin-bottom:18px}.member-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:540px;overflow:auto;overscroll-behavior:contain;padding:4px 8px 6px 2px;scrollbar-color:#c99252 #0c1924;scrollbar-width:thin}.member-banner-option{min-width:0;border:1px solid #3d5264;border-radius:12px;background:#0d1b27;overflow:hidden;padding-bottom:10px;transition:border-color .2s,box-shadow .2s}.member-banner-option[hidden]{display:none}.member-banner-option.selected{border-color:#edb96e;box-shadow:0 0 0 1px #edb96e,0 0 16px #d695351e}.member-banner-option>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.member-banner-option>label{display:flex;gap:9px;align-items:center;margin:10px 12px 8px;font-size:12px;line-height:1.5}.member-banner-option input[type=radio]{flex:0 0 17px;width:17px;height:17px;accent-color:#ffb553}.member-banner-option>button{margin-left:12px;padding:6px 11px;font-size:11px}.member-complete-banner{margin-block:16px;max-height:none;border-radius:10px}.compact-free-brand{display:flex;gap:12px;align-items:center;max-width:520px;margin-top:16px;padding:13px 15px;border:1px solid #3d5665;border-left:3px solid #ffae4d;border-radius:10px;background:linear-gradient(110deg,#172a36,#111c29)}.compact-free-brand>img{width:48px;height:48px;object-fit:contain;flex:0 0 48px}.compact-free-brand b{font-size:12px;color:#ffe1aa}.compact-free-brand p{font-size:11px!important;line-height:1.7!important;margin:5px 0 0}.compact-free-brand a{color:#94dfea}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.design-pack{min-width:0;padding:14px;border:1px solid #405263;border-radius:16px;background:linear-gradient(145deg,#172737,#101b28)}.design-pack.selected{border-color:#efb968;box-shadow:0 0 22px #e6a13d20}.design-pack img{display:block;width:100%;height:auto;aspect-ratio:3/1;border-radius:7px;margin:5px 0 10px}.design-pack h3{margin:12px 0;font-size:17px}.design-pack small{color:#9ab5c6}.design-pack button{width:100%;margin-top:12px}.pack-targets{display:flex;flex-wrap:wrap;gap:15px;padding:18px;border:1px solid #3b5364;border-radius:12px;background:#112330}.pack-targets label{display:flex;align-items:center;gap:9px;margin:0}.pack-current{margin:16px 0;color:#b7d6e1;font-size:13px}.pack-cooperation{padding:24px;border:1px solid #bc8d4a;border-radius:16px;background:linear-gradient(120deg,#312519,#142c36);margin-top:24px}.pack-cooperation h3{color:#ffe0a6}.pack-cooperation p{max-width:800px;line-height:1.8}@media(max-width:1150px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.pack-grid,.member-banner-grid{grid-template-columns:1fr}.banner-section-heading,.banner-filter{display:block}.banner-filter button{margin:0 0 14px}.pack-targets{display:grid}.member-banner-editor{padding-block:16px}.compact-free-brand{gap:9px;padding:11px}.compact-free-brand>img{width:38px;height:38px;flex-basis:38px}}
