.banner-picker-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#04101cb3}.banner-picker{--bp-text:var(--immerse-text,#0b2545);--bp-muted:var(--immerse-secondary,#52677d);--bp-line:var(--immerse-border,#d5dfea);--bp-accent:var(--immerse-accent,#0867d5);--bp-surface:var(--immerse-surface,#fff);position:relative;display:flex;flex-direction:column;gap:10px;width:min(560px,100%);max-height:min(720px,calc(100dvh - 32px));overflow:auto;overscroll-behavior:contain;padding:14px 16px 16px;border:1px solid var(--bp-line);border-radius:var(--v3-r-lg,10px);background:var(--bp-surface);color:var(--bp-text);box-shadow:0 18px 48px #04101c59;outline:none}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.banner-picker{background:color-mix(in srgb,var(--bp-surface) 90%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6)}}.banner-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.banner-picker-head h2{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--bp-text)}.banner-picker-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--bp-line);border-radius:var(--v3-r-ctl,6px);background:transparent;color:var(--bp-text);cursor:pointer}html:root[data-theme] body .banner-picker-backdrop>.banner-picker[role=dialog] .banner-picker-head>button.banner-picker-close[aria-label]{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:var(--v3-r-ctl,6px)!important;background:transparent!important}.banner-picker-preview{position:relative;border:1px solid var(--bp-line);border-radius:var(--v3-r-card,8px);overflow:hidden;background:var(--bp-surface)}.banner-picker-preview-banner{height:96px;background-size:cover;background-position:50%;background-repeat:no-repeat}.banner-picker-preview[data-shape=profile] .banner-picker-preview-banner[data-default]{background:linear-gradient(90deg,#0917269e,#0e1b2955 31%,#ffffff04 75%),url(/assets/covers/mountain-v2.webp) center 49%/cover}.banner-picker-preview[data-shape=company] .banner-picker-preview-banner[data-default]{height:56px;background:linear-gradient(110deg,#10263f,#1c507f)}.banner-picker-preview-id{display:flex;align-items:flex-end;gap:10px;min-height:34px;padding:0 12px 10px;margin-top:-26px}.banner-picker-preview-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:56px;height:56px;overflow:hidden;border:2px solid var(--bp-surface);border-radius:50%;background:#dfe9f5;color:#0b2545}.banner-picker-preview[data-shape=company] .banner-picker-preview-mark{border-radius:var(--v3-r-card,8px);background:#fff}.banner-picker-preview-mark img{width:100%;height:100%;object-fit:cover}.banner-picker-preview[data-shape=company] .banner-picker-preview-mark img{object-fit:contain}.banner-picker-preview-id strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--bp-text)}.banner-picker-status{margin:0;font-size:12px;color:var(--bp-muted)}.banner-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.banner-picker-grid>button{display:flex;flex-direction:column;gap:4px;min-width:0;padding:3px 3px 5px;border:1px solid var(--bp-line);border-radius:var(--v3-r-ctl,6px);background:transparent;color:var(--bp-text);text-align:left;cursor:pointer}.banner-picker-grid>button[aria-checked=true]{border-color:var(--bp-accent);box-shadow:inset 0 0 0 1px var(--bp-accent)}.banner-picker-swatch{display:block;height:40px;border-radius:calc(var(--v3-r-ctl,6px) - 2px);background-color:#0b2545;background-size:cover;background-position:50%}.banner-picker-grid>button[aria-checked=true] .banner-picker-swatch{position:relative}.banner-picker-grid>button[aria-checked=true] .banner-picker-swatch:after{content:"";position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:var(--bp-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 0 0 1.5px #fff}.banner-picker-label{overflow:hidden;padding:0 2px;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.banner-picker-error{margin:0;font-size:13px;color:var(--immerse-danger,#b42318)}.banner-picker-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.banner-picker-actions>:is(label,button){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--bp-line);border-radius:var(--v3-r-ctl,6px);background:transparent;color:var(--bp-text);font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer}.banner-picker-upload{position:relative}.banner-picker-upload input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.banner-picker-actions>.banner-picker-save{margin-left:auto;min-width:88px;border-color:var(--bp-accent);background:var(--bp-accent);color:var(--bp-surface)}.banner-picker-actions>:is(label,button):disabled{opacity:.6;cursor:default}.banner-picker-help{margin:0;font-size:12px;color:var(--bp-muted)}.banner-picker :is(button,a):focus-visible,.banner-picker-upload:focus-within{outline:2px solid var(--bp-accent);outline-offset:2px}@media(hover:hover){.banner-picker-grid>button:hover{border-color:var(--bp-accent)}.banner-picker-actions>:is(label,button):not(:disabled):hover{border-color:var(--bp-accent)}}@media(max-width:899px){.banner-picker-backdrop{align-items:flex-end;padding:0}.banner-picker{width:100%;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)));padding:12px max(14px,env(safe-area-inset-right)) max(14px,calc(env(safe-area-inset-bottom) + 10px)) max(14px,env(safe-area-inset-left));border-width:1px 0 0;border-radius:var(--v3-r-lg,10px) var(--v3-r-lg,10px) 0 0}.banner-picker-preview-banner{height:76px}.banner-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.banner-picker-swatch{height:36px}.banner-picker-actions>:is(label,button){min-height:44px}html:root[data-theme] body .banner-picker-backdrop>.banner-picker[role=dialog] .banner-picker-head>button.banner-picker-close[aria-label]{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}}@media(prefers-reduced-motion:no-preference) and (max-width:899px){.banner-picker{animation:banner-picker-rise .18s ease-out}}@keyframes banner-picker-rise{0%{transform:translateY(16px);opacity:.6}to{transform:none;opacity:1}}