/* FXPulse v0.7.222 — /groups empty state: no duplicate page hero; unified center split CTA. */
.fx-groups-page,.fx-group-form-page{max-width:1480px;margin:0 auto;padding:28px 24px 44px;color:var(--text)}
.fx-groups-page *,.fx-group-form-page *{box-sizing:border-box}
.fx-groups-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.fx-groups-hero-copy h2,.fx-group-form-title h2{margin:0;color:var(--text);font-size:32px;line-height:1.1;letter-spacing:-.02em}
.fx-groups-hero-copy p,.fx-group-form-title p{margin:6px 0 0;color:var(--muted);font-size:14px}
.fx-groups-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.fx-group-search{display:flex;align-items:center;gap:9px;width:280px;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 6px 18px rgba(31,47,77,.03)}
.fx-group-search svg,.fx-group-button svg,.fx-group-sort-wrap svg,.fx-group-create-caret svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fx-group-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}
.fx-group-sort-wrap{position:relative;display:flex;align-items:center;width:185px;height:44px}
.fx-group-sort-wrap select{appearance:none;width:100%;height:100%;padding:0 38px 0 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;outline:none;cursor:pointer}
.fx-group-sort-wrap svg{position:absolute;right:12px;pointer-events:none}
.fx-group-create-split{position:relative;display:flex;align-items:stretch;z-index:20}
.fx-group-create-main{border-radius:11px 0 0 11px!important;border-right:0!important}
.fx-group-create-caret{width:42px;border:1px solid #596cff;border-left:1px solid rgba(255,255,255,.25);border-radius:0 11px 11px 0;background:linear-gradient(135deg,#4d63ff,#4737ef);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(77,99,255,.22)}
.fx-group-create-menu{position:absolute;right:0;top:50px;width:270px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 45px rgba(15,28,52,.16);z-index:100}
.fx-group-create-menu a{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:9px;text-decoration:none;color:var(--text)}
.fx-group-create-menu a:hover{background:var(--surface-2)}
.fx-group-create-menu svg{width:19px;height:19px;fill:none;stroke:#4d63ff;stroke-width:1.8;flex:none;margin-top:1px}
.fx-group-create-menu b,.fx-group-create-menu small{display:block}.fx-group-create-menu small{margin-top:2px;color:var(--muted);font-size:11px}
.fx-group-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:11px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
.fx-group-button:hover{transform:translateY(-1px)}
.fx-group-button.primary{background:linear-gradient(135deg,#4d63ff,#4737ef);border-color:#596cff;color:#fff;box-shadow:0 8px 22px rgba(77,99,255,.22)}
.fx-group-button.ghost{background:var(--surface)}.fx-group-button.danger{color:#e14d5b}.fx-group-button.small{min-height:36px;padding:0 12px;font-size:12px}
.fx-group-tabs{display:flex;max-width:425px;margin:0 0 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}
.fx-group-tabs button,.fx-group-tabs a{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;padding:0 14px;white-space:nowrap;text-decoration:none}
.fx-group-tabs button.active,.fx-group-tabs a.active{color:var(--text)}
.fx-group-tabs button.active:after,.fx-group-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#4d63ff}
.fx-group-tabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;margin-left:5px;border-radius:999px;background:rgba(77,99,255,.09);color:#4d63ff;font-size:11px}
.fx-groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fx-group-card,.fx-group-create-card,.fx-group-form-card,.fx-group-help>div,.fx-group-blocked,.fx-groups-how,.fx-groups-important{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(20,35,60,.045)}
.fx-group-card{min-width:0;overflow:visible;position:relative}
.fx-group-banner{height:122px;position:relative;margin:8px 8px 0;border-radius:11px;overflow:visible;background:linear-gradient(135deg,#121b2d,#26395b)}
.fx-group-banner-link{position:absolute;inset:0;display:block;border-radius:11px;overflow:hidden}
.fx-group-banner img{width:100%;height:100%;object-fit:cover}
.fx-group-preset{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;position:relative}
.fx-group-preset:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(255,255,255,.17),transparent 45%);transform:translate(22%,-12%)}
.fx-group-preset svg{width:74px;height:74px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.fx-group-preset-crown{background:radial-gradient(circle at 52% 42%,#7b4a00,#170e04 58%,#050505)}.fx-group-preset-crown svg{stroke:#ffb312;filter:drop-shadow(0 0 16px rgba(255,172,18,.55))}
.fx-group-preset-chart{background:linear-gradient(135deg,#e9f3ff,#b9d8ff)}.fx-group-preset-chart svg{stroke:#1893f6}
.fx-group-preset-robot{background:linear-gradient(135deg,#06243d,#0b5f90)}.fx-group-preset-robot svg{stroke:#26d6ff}
.fx-group-preset-star{background:linear-gradient(135deg,#ffdce4,#ff9eb3)}.fx-group-preset-star svg{fill:#ff365f;stroke:#ff365f}
.fx-group-preset-team{background:linear-gradient(135deg,#dedaff,#a89eff)}.fx-group-preset-team svg{fill:#fff;stroke:#fff}
.fx-group-preset-briefcase{background:linear-gradient(135deg,#c9f5e6,#7ce3bd)}.fx-group-preset-briefcase svg{stroke:#0abb76}
.fx-group-kind-badge,.fx-group-share-badge{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:12px;font-weight:500;padding:6px 9px;backdrop-filter:blur(8px)}
.fx-group-kind-badge{left:12px;top:12px;background:rgba(77,99,255,.92);color:#fff}.fx-group-kind-badge svg,.fx-group-share-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.fx-group-share-badge{right:12px;bottom:10px;background:rgba(240,255,249,.94);color:#099160;border:1px solid rgba(9,145,96,.15)}
.fx-group-banner-actions{position:absolute;right:8px;top:8px;z-index:5;display:flex;gap:6px}
.fx-group-banner-icon{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(10,18,32,.68);color:#fff;backdrop-filter:blur(8px);cursor:pointer}
.fx-group-banner-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-group-card-menu{position:absolute;right:0;top:38px;width:205px;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 18px 38px rgba(10,20,40,.2);z-index:60}
.fx-group-card-menu a,.fx-group-card-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:12px;text-decoration:none;text-align:left;cursor:pointer}
.fx-group-card-menu a:hover,.fx-group-card-menu button:hover{background:var(--surface-2)}.fx-group-card-menu .danger{color:#e14d5b}
.fx-group-card-menu svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.fx-group-card-body{padding:12px 14px 14px}
.fx-group-card h3{margin:0 0 3px;font-size:20px;line-height:1.15}.fx-group-card h3 a{color:var(--text);text-decoration:none}.fx-group-card p{margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;}
.fx-group-meta-v220{display:flex;align-items:stretch;margin:14px 0 12px;border-top:1px solid transparent;min-width:0}
.fx-group-meta-v220>span,.fx-group-meta-v220>.fx-subscribers-link{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;column-gap:6px;align-items:center;flex:1 1 0;min-width:0;padding:0 clamp(7px,1.05vw,12px);border-right:1px solid var(--line);color:var(--muted);background:none;border-top:0;border-bottom:0;border-left:0;text-align:left;font:inherit;overflow:hidden}
.fx-group-meta-v220>*:first-child{padding-left:0}.fx-group-meta-v220>*:last-child{border-right:0;padding-right:0}
.fx-group-meta-v220 svg{grid-row:1/3;width:18px;height:18px;fill:none;stroke:#48659c;stroke-width:1.8;flex:0 0 auto}
.fx-group-meta-v220 b{color:var(--text);font-size: 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-group-meta-v220 small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-group-meta-v220 .fx-group-meta-accounts{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:max-content;padding-right:clamp(7px,1.05vw,12px)}
.fx-group-meta-inline{display:inline-flex;align-items:baseline;gap:4px;min-width:0;white-space:nowrap}.fx-group-meta-inline b{color:var(--text);flex:0 0 auto}.fx-group-meta-inline small{color:var(--muted);flex:0 1 auto}
.fx-subscribers-link{cursor:pointer}
.fx-group-link{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border-radius:9px;background:rgb(0 0 0 / 10%);border:1px solid rgb(255 255 255 / 8%)}
.fx-group-link span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size: 14px;}
.fx-group-link button{width:40px;height:30px;border:0;border-radius:8px;background:transparent;color:#4d63ff;display:grid;place-items:center;cursor:pointer}.fx-group-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
.fx-group-closed{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;border-radius:9px;background:rgba(225,77,91,.08);color:#e14d5b;font-weight:700;font-size:12px}.fx-group-closed svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.fx-group-card.blocked{opacity:.78}
.fx-group-create-card{min-height:214px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;color:var(--text);text-decoration:none;background:transparent}
.fx-group-create-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#4d63ff,#4737ef);color:#fff;font-size:32px;line-height:1;box-shadow:0 10px 25px rgba(77,99,255,.25)}.fx-group-create-card strong{margin-top:11px;font-size:17px}.fx-group-create-card small{margin-top:5px;color:var(--muted)}
.fx-groups-bottom-info{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.fx-groups-how,.fx-groups-important{padding:17px 18px;background:linear-gradient(135deg,rgba(77,99,255,.04),rgba(34,186,151,.025))}
.fx-info-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:15px}.fx-info-head>span{color:#4d63ff;font-size:20px}.fx-groups-how ol{list-style:none;display:flex;gap:22px;margin:0;padding:0}.fx-groups-how li{display:flex;gap:10px;align-items:center;min-width:0}.fx-groups-how li>span{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#4d63ff,#6c35ff);color:#fff;font-weight:700;box-shadow:0 6px 15px rgba(77,99,255,.22)}.fx-groups-how li b,.fx-groups-how li small{display:block}.fx-groups-how li small{margin-top:2px;color:var(--muted);font-size:11px}.fx-groups-important ul{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.6}.fx-info-note-inline{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;border-radius:9px;background:rgba(77,99,255,.06);color:var(--muted);font-size:11px}.fx-info-note-inline svg{width:18px;height:18px;fill:none;stroke:#4d63ff;stroke-width:1.8}
.fx-group-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:9px;color:var(--text);text-decoration:none;font-size:13px}.fx-group-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.fx-group-form-title{margin-bottom:16px}.fx-group-form-title h2{font-size:31px}
.fx-group-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.fx-group-form-card{overflow:hidden}.fx-group-form-card>section{padding:20px 22px;border-bottom:1px solid var(--line)}.fx-group-form-card>footer{padding:14px 22px;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.fx-step-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.fx-step-head>span{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4d63ff,#6d3bff);font-weight:700;box-shadow:0 6px 15px rgba(77,99,255,.25)}.fx-step-head h2{margin:0;color:var(--text);font-size:18px}.fx-step-head p{margin:3px 0 0;color:var(--muted);font-size:12px}
.fx-group-info-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:28px}.fx-field-title,.fx-group-form-card label{display:block;color:var(--text);font-weight:700;font-size:13px}.fx-group-form-card input[type=text],.fx-group-form-card input[type=url],.fx-group-form-card textarea,.fx-group-form-card input:not([type]){width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 12px;outline:none;font:inherit}.fx-group-form-card input:focus,.fx-group-form-card textarea:focus{border-color:#7182ff;box-shadow:0 0 0 3px rgba(77,99,255,.08)}.fx-group-form-card textarea{height:104px;resize:vertical}.fx-group-fields{display:grid;gap:14px}.fx-group-fields label b,.fx-source-label b{color:#e14d5b}
.fx-avatar-upload{height:124px;margin-top:7px;border:1px dashed #b7c7e4;border-radius:11px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.fx-avatar-upload input{display:none}.fx-avatar-upload-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:7px;border-radius:11px;background:rgba(77,99,255,.08)}.fx-avatar-upload svg{width:26px;height:26px;fill:none;stroke:#4d63ff;stroke-width:1.8}.fx-avatar-upload small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px;line-height:1.45}
.fx-avatar-presets{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.fx-avatar-presets input{display:none}.fx-avatar-preset{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--surface-2);cursor:pointer}.fx-avatar-presets input:checked+.fx-avatar-preset{outline:2px solid #4d63ff;outline-offset:2px}
.fx-source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.fx-source-tabs button,.fx-source-tabs a{min-height:82px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;align-items:center;gap:11px;text-align:left;padding:12px;color:var(--text);text-decoration:none;cursor:pointer}.fx-source-tabs .active{border-color:#6172ff;background:rgba(77,99,255,.055);box-shadow:inset 0 0 0 1px rgba(77,99,255,.13)}.fx-source-tabs svg{width:30px;height:30px;flex:0 0 auto;fill:none;stroke:#4d63ff;stroke-width:1.8}.fx-source-tabs strong,.fx-source-tabs small{display:block}.fx-source-tabs small{margin-top:2px;color:var(--muted);font-size:10.5px;line-height:1.35}
.fx-source-label{margin-top:4px}.fx-source-input-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 150px;gap:8px;margin-top:7px}.fx-copy-field{border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:#6980a9;font-size:20px;cursor:pointer}.fx-source-statusline{min-height:20px;margin-top:6px;color:var(--muted);font-size:11px}
.fx-account-preview{margin-top:8px;padding:9px 10px;border-radius:11px;background:rgba(77,99,255,.045);border:1px solid rgba(77,99,255,.07)}.fx-account-preview-head{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 8px}.fx-account-preview-head small{color:var(--muted)}.fx-preview-account{display:grid;grid-template-columns:auto minmax(150px,1.2fr) 1fr;align-items:center;gap:10px;padding:8px 6px;border-top:1px solid var(--line);font-size:12px}.fx-preview-account input{width:17px;height:17px}.fx-preview-account small{color:var(--muted)}
.fx-share-switch{display:flex!important;align-items:center;gap:10px;margin-right:auto}.fx-share-switch>input{display:none}.fx-share-switch>span{width:44px;height:24px;border-radius:999px;background:#cbd5e1;position:relative}.fx-share-switch>span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.fx-share-switch>input:checked+span{background:#4d63ff}.fx-share-switch>input:checked+span:after{left:23px}.fx-share-switch small{display:block;color:var(--muted);font-size:10.5px;margin-top:1px}
.fx-group-help{display:grid;gap:14px}.fx-group-help>div{padding:17px}.fx-group-help h3{margin:0 0 12px;font-size:16px}.fx-group-help ol{list-style:none;padding:0;margin:0;display:grid;gap:14px}.fx-group-help li{display:flex;gap:10px}.fx-group-help li>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4d63ff,#6d3bff);color:#fff;font-weight:700}.fx-group-help li b,.fx-group-help li small{display:block}.fx-group-help li small{margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4}.fx-info-note{background:linear-gradient(135deg,rgba(77,99,255,.07),rgba(25,200,150,.04))!important}.fx-info-note ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.65}
.fx-group-preview-panel>p{margin:-7px 0 11px;color:var(--muted);font-size:11px}.fx-preview-banner{height:108px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 55% 42%,#6b3f00,#0e0a05 60%)}.fx-preview-banner-art{width:100%;height:100%;display:grid;place-items:center}.fx-preview-banner svg{width:68px;height:68px;fill:none;stroke:#ffb312;stroke-width:2}.fx-group-preview-panel h2{margin:9px 0 2px;font-size:20px}.fx-group-preview-panel>p#groupPreviewDescription{margin:0 0 11px}.fx-preview-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.fx-preview-meta span{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;padding:0 8px;border-right:1px solid var(--line)}.fx-preview-meta span:first-child{padding-left:0}.fx-preview-meta span:last-child{border-right:0}.fx-preview-meta svg{grid-row:1/3;width:18px;height:18px;fill:none;stroke:#48659c;stroke-width:1.8}.fx-preview-meta b{font-size:12px}.fx-preview-meta small{font-size:9.5px;color:var(--muted)}
.fx-add-existing-row{display:grid;grid-template-columns:minmax(0,1fr) 36px 170px;gap:8px}.fx-add-existing-row input{min-width:0}.fx-existing-preview-empty{min-height:250px}.fx-existing-preview-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:10px}.fx-existing-preview-placeholder svg{width:38px;height:38px;fill:none;stroke:#4d63ff;stroke-width:1.7}.fx-existing-preview-card{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center}.fx-existing-preview-card img,.fx-existing-preview-card .placeholder{width:160px;height:105px;border-radius:10px;object-fit:cover;background:linear-gradient(135deg,#1b2b50,#4d63ff)}.fx-existing-preview-card h3{margin:0 0 3px}.fx-existing-preview-card p{color:var(--muted)}
.fx-group-blocked{max-width:560px;margin:70px auto;padding:38px;text-align:center}.fx-group-blocked .fx-lock{font-size:42px}
.fx-group-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:rgba(5,12,22,.65);backdrop-filter:blur(6px);padding:16px}.fx-group-modal-card{width:min(420px,calc(100vw - 28px));background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.35);padding:18px}.fx-group-modal-card h3{margin:0 0 4px}.fx-group-modal-list{display:grid;gap:7px;margin:14px 0;max-height:320px;overflow:auto}.fx-group-choice{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px}.fx-group-choice.disabled{opacity:.5}.fx-group-modal-actions{display:flex;justify-content:flex-end;gap:8px}.fx-group-modal-close{float:right;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;width:34px;height:34px}.fx-group-switcher{display:flex;align-items:center;gap:8px}.fx-group-switcher select{height:42px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 34px 0 12px;font-weight:700}
html[data-theme="dark"] .fx-group-card,html[data-theme="dark"] .fx-group-create-card,html[data-theme="dark"] .fx-group-form-card,html[data-theme="dark"] .fx-group-help>div,html[data-theme="dark"] .fx-group-blocked,html[data-theme="dark"] .fx-groups-how,html[data-theme="dark"] .fx-groups-important,html[data-theme="dark"] .fx-group-create-menu,html[data-theme="dark"] .fx-group-card-menu{background:#242f3d;border-color:#405069}html[data-theme="dark"] .fx-group-create-menu a:hover,html[data-theme="dark"] .fx-group-card-menu a:hover,html[data-theme="dark"] .fx-group-card-menu button:hover{background:#2b3948}html[data-theme="dark"] .fx-group-search,html[data-theme="dark"] .fx-group-sort-wrap select{background:#242f3d;border-color:#405069}
@media(max-width:1180px){.fx-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-group-form-layout{grid-template-columns:1fr}.fx-group-help-v220{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-group-preview-panel{grid-column:1/-1}.fx-groups-bottom-info{grid-template-columns:1fr}}
@media(max-width:820px){.fx-groups-page,.fx-group-form-page{padding:18px 14px 34px}.fx-groups-hero{display:block}.fx-groups-toolbar{justify-content:flex-start;margin-top:14px}.fx-group-search{width:min(100%,360px)}.fx-groups-grid{grid-template-columns:1fr}.fx-group-info-grid{grid-template-columns:1fr}.fx-source-tabs{grid-template-columns:1fr}.fx-groups-how ol{display:grid}.fx-group-help-v220{grid-template-columns:1fr}.fx-group-form-card>footer{flex-wrap:wrap}.fx-share-switch{width:100%;margin-bottom:5px}.fx-add-existing-row{grid-template-columns:minmax(0,1fr) 36px}.fx-add-existing-row .fx-group-button{grid-column:1/-1}.fx-group-tabs{max-width:none}.fx-group-switcher select{max-width:180px}}
@media(max-width:520px){.fx-groups-page,.fx-group-form-page{padding:14px 10px 30px}.fx-groups-hero-copy h2,.fx-group-form-title h2{font-size:26px}.fx-groups-toolbar{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.fx-group-search{grid-column:1/-1;width:100%}.fx-group-sort-wrap{width:100%}.fx-group-create-split{width:100%}.fx-group-create-main{flex:1}.fx-group-tabs button,.fx-group-tabs a{padding:0 7px;font-size:15px}.fx-group-meta-v220{display:flex;flex-wrap:wrap}.fx-group-meta-v220>span,.fx-group-meta-v220>.fx-subscribers-link{flex:1 1 calc(50% - 1px)}.fx-group-meta-v220>.fx-group-meta-accounts{flex:0 1 auto}.fx-group-meta-v220>*:nth-child(2){border-right:0}.fx-group-meta-v220>*:nth-child(3){flex-basis:100%;padding:8px 0 0;margin-top:8px;border-top:1px solid var(--line)}.fx-source-input-row{grid-template-columns:minmax(0,1fr) 34px}.fx-source-input-row .fx-group-button{grid-column:1/-1}.fx-group-form-card>section{padding:16px}.fx-group-form-card>footer{padding:14px 16px}.fx-existing-preview-card{grid-template-columns:1fr}.fx-existing-preview-card img,.fx-existing-preview-card .placeholder{width:100%;height:120px}}

/* v0.7.222 — empty-state composition */
.fx-groups-page-v222 .fx-group-search{overflow:hidden}
.fx-groups-page-v222 .fx-group-search input{
  display:block!important;min-width:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:0!important;
  color:var(--text)!important;font:inherit!important;
}
.fx-groups-page-v222 .fx-group-search input::placeholder{color:#8a99b4;opacity:1}
.fx-groups-page-v222 .fx-groups-hero{margin-bottom:0}

.fx-groups-empty{
  min-height:calc(100vh - 225px);
  display:flex;flex-direction:column;align-items:stretch;
  padding:18px 0 10px;
}
.fx-groups-empty-main{
  position:relative;z-index:1;
  width:min(590px,100%);margin:0 auto;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:14px 20px 22px;
}
.fx-groups-empty-illustration{display:block;width:252px;height:184px;object-fit:contain;margin:0 auto -4px}
.fx-groups-empty-main h3{margin:0;color:var(--text);font-size:28px;line-height:1.15;letter-spacing:-.02em;font-weight:700}
.fx-groups-empty-main>p{margin:10px 0 18px;color:#6479a6;font-size:16px;line-height:1.45;font-weight:500}
.fx-empty-create-split{position:relative;display:flex;align-items:stretch;justify-content:center;z-index:25;filter:drop-shadow(0 9px 17px rgba(77,99,255,.22))}
.fx-empty-create-main{min-width:214px;height:48px;border-radius:10px 0 0 10px!important;border-right:0!important;font-size:15px}
.fx-empty-create-main svg{width:20px;height:20px}
.fx-empty-create-caret{width:46px;height:48px;border:1px solid #596cff;border-left:1px solid rgba(255,255,255,.24);border-radius:0 10px 10px 0;background:linear-gradient(135deg,#4d63ff,#4238f5);color:#fff;display:grid;place-items:center;cursor:pointer}
.fx-empty-create-caret svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* v0.7.222: the center CTA is one visual control. Prevent the generic button hover from lifting only its left half. */
.fx-empty-create-split{
  width:260px;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) 46px;
  justify-content:stretch;gap:0;border-radius:10px;
  filter:none;box-shadow:0 9px 20px rgba(77,99,255,.24);
  transition:transform .15s ease,box-shadow .15s ease;
}
.fx-empty-create-split:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(77,99,255,.28)}
.fx-empty-create-main{min-width:0!important;width:100%;box-shadow:none!important;transform:none!important}
.fx-empty-create-main:hover{transform:none!important}
.fx-empty-create-caret{margin:0;padding:0;box-shadow:none!important;transform:none!important;align-self:stretch}
.fx-empty-create-caret:hover{background:linear-gradient(135deg,#596eff,#4d42f7)}
.fx-empty-create-caret:focus-visible{outline:2px solid #aeb8ff;outline-offset:2px}
.fx-empty-create-menu{left:0!important;right:auto!important;width:100%;min-width:260px}
.fx-empty-create-menu{top:56px;right:0;text-align:left;filter:none}
.fx-empty-or{width:310px;margin:14px 0 10px;display:flex;align-items:center;gap:12px;color:#8797b4}
.fx-empty-or span{height:1px;flex:1;background:#d9e2f0}.fx-empty-or em{font-style:normal;font-size:13px;font-weight:600}
.fx-empty-add-existing{height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d4deee;border-radius:9px;background:#fff;color:#4d54d9;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 5px 16px rgba(34,54,90,.035);transition:.15s ease}
.fx-empty-add-existing:hover{border-color:#aebdfc;background:#f9faff;transform:translateY(-1px)}
.fx-empty-add-existing svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fx-empty-features{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fx-empty-features article{min-height:142px;display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;padding:20px 22px;border:1px solid #e8edf5;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 9px 26px rgba(34,54,90,.035)}
.fx-empty-features img{width:64px;height:64px}
.fx-empty-features h4{margin:0 0 6px;color:#111a39;font-size:16px;line-height:1.25;font-weight:700}
.fx-empty-features p{margin:0;color:#6579a5;font-size:13px;line-height:1.5;font-weight:500}
.fx-empty-tip{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px auto 0;color:#667baa;font-size:12.5px;line-height:1.35;text-align:center}
.fx-empty-tip img{width:34px;height:34px;flex:0 0 34px}

html[data-theme="dark"] .fx-empty-add-existing{background:#242f3d;border-color:#405069;color:#dce4ff}
html[data-theme="dark"] .fx-empty-add-existing:hover{background:#2b3948;border-color:#52647f}
html[data-theme="dark"] .fx-empty-or span{background:#405069}
html[data-theme="dark"] .fx-empty-features article{background:#242f3d;border-color:#405069;box-shadow:none}
html[data-theme="dark"] .fx-empty-features h4{color:#f4f7fb}
html[data-theme="dark"] .fx-empty-features p,html[data-theme="dark"] .fx-groups-empty-main>p,html[data-theme="dark"] .fx-empty-tip{color:#a8b5c8}

@media(min-width:1280px){
  .fx-groups-page-v222{padding-top:28px}
}
@media(max-width:1100px){
  .fx-empty-features{grid-template-columns:1fr}
  .fx-empty-features article{min-height:112px}
  .fx-groups-empty{min-height:auto}
  .fx-empty-features{margin-top:12px}
}
@media(max-width:820px){
  .fx-groups-empty{padding-top:8px}
  .fx-groups-empty-main{padding-top:8px}
  .fx-groups-empty-illustration{width:220px;height:164px}
  .fx-groups-empty-main h3{font-size:24px}
  .fx-groups-empty-main>p{font-size:14px}
}
@media(max-width:520px){
  .fx-groups-empty-main{padding-left:4px;padding-right:4px}
  .fx-groups-empty-illustration{width:190px;height:145px}
  .fx-groups-empty-main h3{font-size:21px}
  .fx-empty-desktop-break{display:none}
  .fx-empty-create-split{width:min(260px,92vw)}
  .fx-empty-create-main{min-width:0}
  .fx-empty-or{width:min(290px,92vw)}
  .fx-empty-features article{grid-template-columns:58px 1fr;padding:16px 14px;gap:12px}
  .fx-empty-features img{width:52px;height:52px}
  .fx-empty-features h4{font-size:15px}
  .fx-empty-tip br{display:none}
}


/* v0.7.223 — exact empty-state spacing cleanup + single Create CTA */
.fx-groups-page-v223{padding-top:0!important;}
.fx-groups-page-v223 .fx-groups-empty{padding:0!important;}
.fx-empty-create-single{
  width:260px;max-width:100%;height:48px;border-radius:10px!important;
  font-size:15px;box-shadow:0 9px 20px rgba(77,99,255,.24);
}
.fx-empty-create-single svg{width:20px;height:20px;}
.fx-empty-create-single:hover{box-shadow:0 12px 24px rgba(77,99,255,.28);}
@media(max-width:520px){.fx-empty-create-single{width:min(260px,92vw);}}

/* v0.7.224: group-create error feedback */
.fx-group-form-error{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(239,68,68,.28);border-radius:12px;background:rgba(239,68,68,.07);color:#b42318;font-size:14px;line-height:1.4;font-weight:600}
html[data-theme="dark"] .fx-group-form-error{border-color:rgba(248,113,113,.32);background:rgba(127,29,29,.18);color:#fecaca}

/* v0.7.227 — group edit avatar preview; selection stays local until Save */
.fx-avatar-upload-edit{height:164px;gap:5px;padding:10px;box-sizing:border-box}
.fx-group-avatar-preview{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(111,130,165,.16)}
.fx-group-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.fx-avatar-preview-preset.fx-avatar-preset{width:72px;height:72px;border-radius:18px;font-size:20px;cursor:default}
.fx-group-form-status{margin:10px 0;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:650}
.fx-group-form-status.success{color:#087a43;background:rgba(16,185,95,.10);border:1px solid rgba(16,185,95,.24)}
.fx-group-form-status.error{color:#b42318;background:rgba(240,68,56,.08);border:1px solid rgba(240,68,56,.20)}
@media(max-width:700px){.fx-avatar-upload-edit{height:156px}.fx-group-avatar-preview{width:64px;height:64px}.fx-avatar-preview-preset.fx-avatar-preset{width:64px;height:64px}}

/* v0.7.236 — separate group background + avatar composer */
.fx-background-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:7px}.fx-background-presets input{display:none}.fx-background-thumb{display:block;height:72px;border-radius:11px;border:2px solid transparent;background-size:cover;background-position:center;cursor:pointer}.fx-background-presets input:checked+.fx-background-thumb{border-color:#5365ff;box-shadow:0 0 0 3px rgba(83,101,255,.12)}
.fx-background-violet{background-image:url('/static/img/groups/backgrounds/violet.webp')}.fx-background-mint{background-image:url('/static/img/groups/backgrounds/mint.webp')}.fx-background-rose{background-image:url('/static/img/groups/backgrounds/rose.webp')}
.fx-background-upload{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px dashed var(--line);border-radius:10px;cursor:pointer}.fx-background-upload input{display:none}.fx-background-upload span{font-weight:700}.fx-background-upload small{color:var(--muted);font-size:10px}
.fx-avatar-title{display:block;margin-top:15px}.fx-avatar-create-wrap{display:flex;align-items:center;gap:14px;margin-top:8px}.fx-avatar-create-preview,.fx-preview-avatar{width:86px;height:86px;border-radius:50%!important;border:5px solid #fff;box-shadow:0 8px 25px rgba(28,45,84,.22);display:grid;place-items:center;overflow:hidden;flex:0 0 auto;font-size:28px}.fx-avatar-create-preview img,.fx-preview-avatar img{width:100%;height:100%;object-fit:cover}.fx-avatar-upload-button{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--surface)}.fx-avatar-upload-button input{display:none}.fx-avatar-upload-button svg{width:18px;height:18px;fill:none;stroke:#5365ff;stroke-width:1.8}
.fx-preview-banner{position:relative;display:grid;place-items:center;background-size:cover!important;background-position:center!important}.fx-preview-avatar{width:78px;height:78px;position:relative;z-index:2}.fx-group-preset.user,.fx-avatar-preset.user{background:linear-gradient(135deg,#7658ff,#4f36e8);color:#fff}.fx-avatar-preset.briefcase{background:linear-gradient(135deg,#17d8a2,#00b987);color:#fff}.fx-avatar-preset.star{background:linear-gradient(135deg,#ff5f7f,#ff315b);color:#fff}
.fx-group-banner-link.has-bg{background-size:cover;background-position:center}.fx-group-card-avatar{position:absolute;left:22px;top:50%;transform:translateY(-50%);width:68px;height:68px;border-radius:50%;border:4px solid #fff;box-shadow:0 7px 20px rgba(18,31,56,.25);overflow:hidden;display:grid;place-items:center;z-index:2}.fx-group-card-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:520px){.fx-background-thumb{height:60px}.fx-background-upload{align-items:flex-start;flex-direction:column}.fx-avatar-create-preview{width:76px;height:76px}.fx-avatar-create-wrap{align-items:flex-start;flex-direction:column}}

/* v0.7.237: method-driven group visuals; editing lives in preview. */
.fx-hidden-group-upload{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.fx-group-info-grid-compact{grid-template-columns:1fr!important}
.fx-group-info-grid-compact .fx-group-fields{max-width:none}
.fx-preview-banner{min-height:108px;border-radius:11px;overflow:hidden}
.fx-preview-background-edit{position:absolute;right:10px;top:10px;z-index:4;width:34px;height:34px;border:1px solid rgba(255,255,255,.72);border-radius:9px;background:rgba(20,31,54,.72);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px rgba(20,31,54,.16);backdrop-filter:blur(5px)}
.fx-preview-background-edit:hover{background:rgba(20,31,54,.86)}
.fx-preview-background-edit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-preview-avatar{appearance:none;-webkit-appearance:none;padding:0;cursor:pointer;outline:none}
.fx-preview-avatar:hover{box-shadow:0 9px 27px rgba(28,45,84,.3),0 0 0 3px rgba(83,101,255,.12)}
.fx-group-card-avatar{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
@media(max-width:520px){.fx-preview-background-edit{right:8px;top:8px;width:32px;height:32px}.fx-preview-banner{min-height:102px}}

/* v0.7.245 — bounded server-side /groups pagination. */
.fx-groups-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:20px 0 6px;min-height:40px}
.fx-groups-pagination a,.fx-groups-pagination span{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);text-decoration:none;font-size:13px;font-weight:700}
.fx-groups-pagination a:hover{border-color:#7c8cff;background:rgba(77,99,255,.06)}
.fx-groups-pagination a.active{border-color:#4d63ff;background:#4d63ff;color:#fff;box-shadow:0 8px 20px rgba(77,99,255,.18)}
.fx-groups-pagination span{border-color:transparent;background:transparent;color:var(--muted);padding:0;min-width:20px}
.fx-groups-pagination .fx-page-nav{font-size:20px;line-height:1}
.fx-groups-filter-empty{margin:14px 0 4px;padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center;background:var(--surface)}

/* v0.7.248 — unified group card dropdown actions. */
.fx-group-card-menu{
  width:224px;
}
.fx-group-card-menu a,
.fx-group-card-menu button{
  box-sizing:border-box;
  min-height:38px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  padding:9px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--text);
  font-family:inherit;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  letter-spacing:0;
  text-decoration:none;
  text-align:left;
  white-space:nowrap;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.fx-group-card-menu a:hover,
.fx-group-card-menu button:hover{
  background:var(--surface-2);
}
.fx-group-card-menu a:focus-visible,
.fx-group-card-menu button:focus-visible{
  outline:2px solid #6172ff;
  outline-offset:-2px;
}
.fx-group-card-menu a svg,
.fx-group-card-menu button svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.fx-group-card-menu .danger{
  color:#e14d5b;
  font-weight:500;
}

/* v0.7.249 — normalize link/button states inside the group card menu. */
.fx-group-card-menu a:not(.danger),
.fx-group-card-menu a:not(.danger):link,
.fx-group-card-menu a:not(.danger):visited,
.fx-group-card-menu a:not(.danger):active,
.fx-group-card-menu button:not(.danger){
  color:var(--text)!important;
  font-weight:500!important;
  background:transparent;
}
.fx-group-card-menu a:not(.danger):hover,
.fx-group-card-menu a:not(.danger):focus-visible,
.fx-group-card-menu button:not(.danger):hover,
.fx-group-card-menu button:not(.danger):focus-visible{
  color:var(--text)!important;
  background:var(--surface-2);
}
html[data-theme="dark"] .fx-group-card-menu a:not(.danger):hover,
html[data-theme="dark"] .fx-group-card-menu a:not(.danger):focus-visible,
html[data-theme="dark"] .fx-group-card-menu button:not(.danger):hover,
html[data-theme="dark"] .fx-group-card-menu button:not(.danger):focus-visible{
  background:#2b3948;
}


/* v0.7.250 — requested Groups menu/link sizing. */
.fx-group-card-menu a,
.fx-group-card-menu button{font-size:14px;}
.fx-group-link svg{width:24px;height:24px;}

/* v0.7.251 — requested Groups share-link copy button width. */

/* v0.7.252 — keep group dropdown font weight identical in normal and interactive states. */
.fx-group-card-menu a,
.fx-group-card-menu button,
.fx-group-card-menu a:hover,
.fx-group-card-menu button:hover,
.fx-group-card-menu a:focus-visible,
.fx-group-card-menu button:focus-visible,
.fx-group-card-menu a:active,
.fx-group-card-menu button:active{
  font-weight:500!important;
}

/* v0.7.253 — lock dropdown text metrics in every interaction state. */
.fx-group-card-menu a,
.fx-group-card-menu button,
.fx-group-card-menu a:link,
.fx-group-card-menu a:visited,
.fx-group-card-menu a:hover,
.fx-group-card-menu a:focus,
.fx-group-card-menu a:focus-visible,
.fx-group-card-menu a:active,
.fx-group-card-menu button:hover,
.fx-group-card-menu button:focus,
.fx-group-card-menu button:focus-visible,
.fx-group-card-menu button:active{
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  font-style:normal!important;
  line-height:20px!important;
  letter-spacing:0!important;
  font-synthesis-weight:none;
}

/* v0.7.254 — /groups uses the global .content gutters, matching /useredit. */
.fx-groups-page-v223{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* v0.7.255 — group create/add/edit pages use the global .content gutters. */
.fx-group-form-page{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* v0.7.256 — responsive groups grid and evenly centered metadata. */
@media (min-width:1700px){
  .fx-groups-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media (min-width:601px) and (max-width:1180px){
  .fx-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  .fx-groups-grid{grid-template-columns:1fr;}
}
@media (min-width:601px){
  .fx-group-meta-v220>span,
  .fx-group-meta-v220>.fx-subscribers-link,
  .fx-group-meta-v220>.fx-group-meta-accounts{
    flex:1 1 0!important;
    min-width:0!important;
    padding-left:clamp(7px,1.05vw,12px)!important;
    padding-right:clamp(7px,1.05vw,12px)!important;
    grid-template-columns:20px auto;
    justify-content:center;
  }
  .fx-group-meta-v220>*:first-child{padding-left:clamp(7px,1.05vw,12px)!important;}
  .fx-group-meta-v220>*:last-child{padding-right:clamp(7px,1.05vw,12px)!important;}
}

/* v0.7.257 — metadata columns use intrinsic width so short account text gives space to date/subscriptions. */
@media (min-width:601px){
  .fx-group-meta-v220{
    display:grid!important;
    grid-template-columns:max-content minmax(max-content,1fr) minmax(max-content,1fr)!important;
    align-items:stretch;
  }
  .fx-group-meta-v220>span,
  .fx-group-meta-v220>.fx-subscribers-link,
  .fx-group-meta-v220>.fx-group-meta-accounts{
    width:auto!important;
    min-width:0!important;
    flex:none!important;
    padding-left:8px!important;
    padding-right:8px!important;
    grid-template-columns:18px minmax(0,max-content)!important;
    column-gap:5px!important;
    justify-content:center!important;
  }
  .fx-group-meta-v220>*:first-child{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .fx-group-meta-v220>*:last-child{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* v0.7.258 — 6-column ultrawide grid, filled create card, single-row mobile metadata. */
@media (min-width:2300px){
  .fx-groups-grid{grid-template-columns:repeat(6,minmax(0,1fr));}
}

.fx-group-create-card{
  background:var(--surface)!important;
}

@media (max-width:600px){
  .fx-group-meta-v220{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    flex-wrap:nowrap!important;
    margin:12px 0 10px!important;
  }
  .fx-group-meta-v220>span,
  .fx-group-meta-v220>.fx-subscribers-link,
  .fx-group-meta-v220>.fx-group-meta-accounts{
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:4px!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0 5px!important;
    border-top:0!important;
    border-right:1px solid var(--line)!important;
    flex:none!important;
    overflow:hidden!important;
  }
  .fx-group-meta-v220>*:first-child{
    padding-left:5px!important;
  }
  .fx-group-meta-v220>*:last-child{
    padding-right:5px!important;
    border-right:0!important;
  }
  .fx-group-meta-v220>*:nth-child(2){
    border-right:1px solid var(--line)!important;
  }
  .fx-group-meta-v220>*:nth-child(3){
    padding-top:0!important;
    margin-top:0!important;
    border-top:0!important;
    flex-basis:auto!important;
  }
  .fx-group-meta-v220 svg{
    width:16px!important;
    height:16px!important;
    grid-row:1/3!important;
  }
  .fx-group-meta-v220 b,
  .fx-group-meta-v220 small{
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* v0.7.259 — mobile group metadata: centered content and symmetric cell gutters. */
@media (max-width:600px){
  .fx-group-meta-v220{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:0!important;
    padding:0!important;
  }
  .fx-group-meta-v220>span,
  .fx-group-meta-v220>.fx-subscribers-link,
  .fx-group-meta-v220>.fx-group-meta-accounts{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
    justify-content:center!important;
    justify-items:start!important;
    overflow:visible!important;
  }
  .fx-group-meta-v220>span:not(.fx-group-meta-accounts),
  .fx-group-meta-v220>.fx-subscribers-link{
    grid-template-columns:16px max-content!important;
    grid-template-rows:auto auto!important;
    column-gap:5px!important;
  }
  .fx-group-meta-v220>.fx-group-meta-accounts{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
  }
  .fx-group-meta-v220>.fx-group-meta-accounts svg{
    grid-row:auto!important;
    align-self:center!important;
    flex:0 0 16px!important;
  }
  .fx-group-meta-v220>.fx-group-meta-accounts .fx-group-meta-inline{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    line-height:1!important;
  }
  .fx-group-meta-v220>*:first-child,
  .fx-group-meta-v220>*:last-child{
    padding-left:6px!important;
    padding-right:6px!important;
  }
}

/* v0.7.260 — desktop/tablet first metadata cell padding. */
@media (min-width:601px){
  .fx-group-meta-v220>*:first-child{
    padding-left:10px!important;
    padding-right:20px!important;
  }
}


/* v0.7.261 — group description and share-link font sizes. */
.fx-group-card p{
  font-size:15px;
}
.fx-group-link span{
  font-size: 14px;
}

/* v0.7.262 — exact geometric centering for the Add group plus icon. */
.fx-group-create-card>span{
  position:relative;
  display:block;
  font-size:0;
  line-height:0;
}
.fx-group-create-card>span::before,
.fx-group-create-card>span::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:currentColor;
  border-radius:2px;
  transform:translate(-50%,-50%);
}
.fx-group-create-card>span::before{width:20px;height:2px}
.fx-group-create-card>span::after{width:2px;height:20px}

/* v0.7.263 — clearer group-tab count badges in light and dark themes. */
.fx-group-tabs span{
  border-radius:999px;
  background:rgb(77 99 255 / 10%);
  color:#4d63ff;
  border:1px solid rgb(77 99 255 / 8%);
}
html[data-theme="dark"] .fx-group-tabs span{
  border-radius:999px;
  background:rgb(255 255 255 / 10%);
  color:#fff;
  border:1px solid rgb(255 255 255 / 8%);
}

/* v0.7.264 — calm, no-motion hover states for interactive group-card controls. */
.fx-group-banner-icon,
.fx-subscribers-link,
.fx-group-link button,
.fx-group-banner-link,
.fx-group-card h3 a,
.fx-group-create-card{
  transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,opacity .14s ease;
}

/* #1 + #2: edit and overflow controls stay dark; no blue hover and no movement. */
.fx-group-banner-icon:hover,
.fx-group-banner-icon:focus-visible{
  background:rgba(10,18,32,.86)!important;
  border-color:rgba(255,255,255,.42)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 6px 16px rgba(0,0,0,.16)!important;
  transform:none!important;
}
.fx-group-banner-icon:active{
  transform:none!important;
}

/* #3: subscribers cell gets a neutral soft hover without changing geometry. */
.fx-subscribers-link{
  border-radius:8px;
}
.fx-subscribers-link:hover,
.fx-subscribers-link:focus-visible{
  background:rgba(15,23,42,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.035)!important;
  transform:none!important;
}
html[data-theme="dark"] .fx-subscribers-link:hover,
html[data-theme="dark"] .fx-subscribers-link:focus-visible{
  background:rgba(255,255,255,.065)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)!important;
}

/* #4: copy control uses the same calm neutral hover treatment. */
.fx-group-link button:hover,
.fx-group-link button:focus-visible{
  background:rgba(15,23,42,.055)!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)!important;
  transform:none!important;
}
html[data-theme="dark"] .fx-group-link button:hover,
html[data-theme="dark"] .fx-group-link button:focus-visible{
  background:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
}

/* #5: banner hover is a subtle inner highlight, never a scale/translate animation. */
.fx-group-banner-link:hover,
.fx-group-banner-link:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.30)!important;
  transform:none!important;
}

/* #6: group title and Add group card also get restrained no-motion feedback. */
.fx-group-card h3 a:hover,
.fx-group-card h3 a:focus-visible{
  opacity:.78;
  transform:none!important;
}
.fx-group-create-card:hover,
.fx-group-create-card:focus-visible{
  border-color:rgba(77,99,255,.30)!important;
  box-shadow:0 10px 30px rgba(20,35,60,.07),inset 0 0 0 1px rgba(77,99,255,.035)!important;
  transform:none!important;
}
html[data-theme="dark"] .fx-group-create-card:hover,
html[data-theme="dark"] .fx-group-create-card:focus-visible{
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.03)!important;
}

/* v0.7.265 — empty Groups state typography and stable primary CTA text color. */
.fx-groups-empty-main>p{
  font-weight:400;
}
.fx-empty-create-single,
.fx-empty-create-single:link,
.fx-empty-create-single:visited,
.fx-empty-create-single:hover,
.fx-empty-create-single:focus,
.fx-empty-create-single:focus-visible,
.fx-empty-create-single:active{
  color:#fff!important;
}


/* v0.7.267 — seven bundled WEBP group avatars. */
.fx-avatar-builtin-presets{flex-wrap:nowrap}
.fx-avatar-builtin-presets label{display:block;flex:0 0 auto}
.fx-avatar-builtin{display:block;width:39px;height:39px;border-radius:50%;overflow:hidden;background:var(--surface-2);cursor:pointer;box-sizing:border-box}
.fx-avatar-builtin img{display:block;width:100%;height:100%;object-fit:cover}
.fx-avatar-builtin-presets input:checked+.fx-avatar-builtin{outline:2px solid #4d63ff;outline-offset:2px}
.fx-avatar-builtin-presets input:focus-visible+.fx-avatar-builtin{outline:2px solid #4d63ff;outline-offset:2px}
@media(max-width:420px){.fx-avatar-builtin-presets{gap:6px}.fx-avatar-builtin{width:37px;height:37px}}

/* v0.7.282 — group edit page visual rebuild to the approved two-column mockup. */
.fx-group-edit-v282{
  --fxe-surface:var(--surface,#fff);
  --fxe-border:var(--line,#dfe6f0);
  --fxe-muted:var(--muted,#7483a3);
  --fxe-blue:#4d63ff;
  --fxe-purple:#6138f5;
  --fxe-soft:#f7f9ff;
  --fxe-danger:#ff4d5e;
  width:100%;max-width:none!important;margin:0!important;padding:0!important;
}
.fx-group-edit-v282 .fx-edit-back-v282{margin:0 0 14px;font-size:15px;font-weight:500}
.fx-group-edit-v282 .fx-group-form-status{margin:0 0 14px}
.fx-edit-layout-v282{
  display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:16px;align-items:start;width:100%;
}
.fx-edit-card-v282{
  min-width:0;background:var(--fxe-surface);border:1px solid var(--fxe-border);border-radius:18px;
  box-shadow:0 10px 28px rgba(33,52,89,.045);overflow:hidden;
}
.fx-edit-main-v282{grid-column:1;grid-row:1;padding:22px 24px 20px}
.fx-edit-preview-v282{grid-column:2;grid-row:1;padding:22px 20px 20px}
.fx-edit-members-v282{grid-column:1;grid-row:2}
.fx-edit-access-v282{grid-column:2;grid-row:2;padding:18px 20px 0}
.fx-edit-section-head-v282{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;min-width:0}
.fx-edit-step-v282{
  flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#526cff,#6035f3);color:#fff;font-size:15px;font-weight:800;
  box-shadow:0 7px 17px rgba(77,99,255,.24);
}
.fx-edit-step-v282 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fx-edit-section-head-v282 h2,.fx-edit-side-head-v282 h3,.fx-edit-access-head-v282 h3{margin:0;color:var(--text);font-size:18px;line-height:1.25;font-weight:750}
.fx-edit-section-head-v282 p,.fx-edit-side-head-v282 p,.fx-edit-access-head-v282 p{margin:4px 0 0;color:var(--fxe-muted);font-size:14px;line-height:1.4}
.fx-edit-info-grid-v282{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(300px,1.05fr);gap:26px;align-items:start}
.fx-edit-label-v282{display:block;margin:0 0 8px;color:var(--text);font-size:14px;font-weight:700}
.fx-edit-avatar-upload-v282{
  position:relative;height:198px;border:1px dashed #b9c7df;border-radius:14px;background:linear-gradient(180deg,rgba(249,251,255,.8),rgba(247,250,255,.45));
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:16px;
}
.fx-edit-avatar-upload-v282>input{display:none!important}
.fx-edit-avatar-preview-v282{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;overflow:visible;margin-bottom:8px}
.fx-edit-avatar-preview-v282>img,.fx-edit-avatar-preview-v282>.fx-avatar-preview-preset{width:96px!important;height:96px!important;border-radius:50%!important;display:block;object-fit:cover;overflow:hidden}
.fx-edit-camera-badge-v282{
  position:absolute;right:-1px;bottom:2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#5570ff,#5741f5);border:3px solid var(--fxe-surface);color:#fff;box-shadow:0 5px 12px rgba(77,99,255,.25);
}
.fx-edit-camera-badge-v282 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fx-edit-avatar-upload-v282 strong{font-size:13px;color:var(--text);line-height:1.2}
.fx-edit-avatar-upload-v282 small{margin-top:5px!important;color:var(--fxe-muted)!important;font-size:11px!important;line-height:1.45!important;font-weight:500!important}
.fx-edit-avatar-presets-v282{display:flex;gap:9px;flex-wrap:nowrap;margin-top:12px;padding:2px 1px;overflow-x:auto;scrollbar-width:none}
.fx-edit-avatar-presets-v282::-webkit-scrollbar{display:none}
.fx-edit-avatar-presets-v282 .fx-avatar-builtin{width:42px;height:42px}
.fx-edit-fields-v282{display:grid;gap:18px}
.fx-edit-field-v282{display:block!important}
.fx-edit-input-shell-v282,.fx-edit-textarea-shell-v282{position:relative;display:block}
.fx-edit-input-shell-v282>svg,.fx-edit-textarea-shell-v282>svg{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;width:18px;height:18px;fill:none;stroke:#5d75a8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;
}
.fx-edit-textarea-shell-v282>svg{top:15px;transform:none}
.fx-group-edit-v282 .fx-edit-input-shell-v282 input,.fx-group-edit-v282 .fx-edit-textarea-shell-v282 textarea{
  width:100%;margin:0;background:var(--fxe-surface);border:1px solid var(--fxe-border);border-radius:11px;color:var(--text);font:inherit;font-size:14px;font-weight:600;outline:none;
}
.fx-group-edit-v282 .fx-edit-input-shell-v282 input{height:48px;padding:0 58px 0 46px}
.fx-group-edit-v282 .fx-edit-textarea-shell-v282 textarea{height:136px;min-height:136px;padding:14px 14px 28px 46px;resize:vertical;line-height:1.45}
.fx-edit-input-shell-v282>small,.fx-edit-textarea-shell-v282>small{position:absolute;right:13px;color:var(--fxe-muted);font-size:11px!important;font-weight:500!important;pointer-events:none}
.fx-edit-input-shell-v282>small{top:50%;transform:translateY(-50%)}
.fx-edit-textarea-shell-v282>small{bottom:9px}
.fx-group-edit-v282 .fx-edit-input-shell-v282 input:focus,.fx-group-edit-v282 .fx-edit-textarea-shell-v282 textarea:focus{border-color:#7789ff;box-shadow:0 0 0 3px rgba(77,99,255,.08)}

.fx-edit-side-head-v282{margin-bottom:15px}
.fx-edit-preview-banner-v282{position:relative;height:132px!important;min-height:132px!important;border-radius:11px!important;background-size:cover!important;background-position:center!important;overflow:visible!important;display:grid;place-items:center}
.fx-edit-side-avatar-v282{width:88px!important;height:88px!important;border:4px solid #fff!important;box-shadow:0 7px 22px rgba(20,34,62,.25)!important}
.fx-edit-side-avatar-v282 img,.fx-edit-side-avatar-v282 .fx-avatar-preview-preset{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover}
.fx-edit-bg-button-v282{right:10px!important;top:10px!important;width:32px!important;height:32px!important;border-radius:9px!important}
.fx-edit-bg-button-v282 svg{width:17px!important;height:17px!important}
.fx-edit-preview-copy-v282{text-align:center;padding:14px 8px 12px}
.fx-edit-preview-copy-v282 h2{margin:0;color:var(--text);font-size:18px;line-height:1.25;font-weight:800}
.fx-edit-preview-copy-v282 p{margin:3px 0 0;color:var(--fxe-muted);font-size:12px;line-height:1.35;min-height:16px}
.fx-edit-preview-meta-v282{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;padding-top:2px}
.fx-edit-preview-meta-v282>span{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:1px 10px;border-right:1px solid var(--fxe-border);min-width:0}
.fx-edit-preview-meta-v282>span:first-child{padding-left:5px}.fx-edit-preview-meta-v282>span:last-child{border-right:0;padding-right:5px}
.fx-edit-preview-meta-v282 svg{grid-row:1/3;width:19px;height:19px;fill:none;stroke:var(--fxe-blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-edit-preview-meta-v282 b{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-edit-preview-meta-v282 small{font-size:10px!important;color:var(--fxe-muted)!important;font-weight:500!important;white-space:nowrap}

.fx-edit-members-v282{padding:0}
.fx-edit-members-v282>.fx-edit-section-head-v282{margin:0;padding:22px 24px 16px}
.fx-edit-members-head-v282{position:relative;padding-right:120px!important}
.fx-edit-count-v282{position:absolute;right:24px;top:23px;text-align:right}
.fx-edit-count-v282 b{display:block;color:var(--text);font-size:14px}.fx-edit-count-v282 small{display:block;margin-top:2px;color:var(--fxe-muted);font-size:13px!important;font-weight:500!important}
.fx-edit-add-row-v282{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:10px;padding:0 24px 12px}
.fx-edit-add-input-v282{position:relative;display:block}
.fx-edit-add-input-v282 svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#6680aa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.fx-group-edit-v282 .fx-edit-add-input-v282 input{width:100%;height:46px;margin:0;padding:0 13px 0 44px;border:1px solid var(--fxe-border);border-radius:11px;background:var(--fxe-surface);color:var(--text);font:inherit;font-size:13px;outline:none}
.fx-edit-add-button-v282{height:46px;min-height:46px!important;border-radius:11px!important;font-size:13px;padding:0 16px!important}
.fx-edit-add-button-v282 svg{width:19px;height:19px}
.fx-edit-account-list-v282{display:grid;gap:8px;padding:0 24px 18px}
.fx-edit-account-v282{display:grid;grid-template-columns:22px 40px minmax(170px,1.4fr) minmax(140px,1fr) auto 34px;gap:10px;align-items:center;min-height:70px;padding:9px 12px;border:1px solid rgba(77,99,255,.10);border-radius:11px;background:rgba(77,99,255,.045);min-width:0}
.fx-edit-check-v282{width:17px;height:17px;border-radius:4px;display:grid;place-items:center;background:var(--fxe-blue);color:#fff}
.fx-edit-check-v282 svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.fx-edit-account-logo-v282{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#121a54,#070b2c);color:#fff;font-size:15px;font-weight:800;box-shadow:0 5px 12px rgba(16,24,64,.18)}
.fx-edit-account-v282>strong{min-width:0;color:var(--text);font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-edit-account-v282>strong small{display:block;margin-top:2px;color:var(--fxe-muted)!important;font-size:11px!important;font-weight:600!important}
.fx-edit-account-server-v282{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;color:#60739b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-edit-account-server-v282 i{width:8px;height:8px;border-radius:50%;background:#15c86a;flex:0 0 8px;box-shadow:0 0 0 2px rgba(21,200,106,.10)}
.fx-edit-primary-chip-v282{padding:5px 10px;border:1px solid #d9e2ef;border-radius:999px;color:#52698f;background:rgba(255,255,255,.56);font-size:10.5px;font-weight:700;white-space:nowrap}
.fx-edit-remove-v282{width:32px;height:32px;border:0;background:transparent;color:#5b729a;display:grid;place-items:center;border-radius:8px;cursor:pointer}
.fx-edit-remove-v282:hover{background:rgba(255,77,94,.08);color:var(--fxe-danger)}
.fx-edit-remove-v282 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-edit-account-empty-v282{padding:20px;border:1px dashed var(--fxe-border);border-radius:11px;color:var(--fxe-muted);text-align:center;font-size:13px}
.fx-edit-footer-v282{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--fxe-border)}
.fx-edit-footer-v282>div{display:flex;align-items:center;gap:10px;margin-left:auto}
.fx-edit-delete-v282{height:44px;padding:0 15px;border:1px solid rgba(255,77,94,.55);border-radius:11px;background:transparent;color:var(--fxe-danger);display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.fx-edit-delete-v282:hover{background:rgba(255,77,94,.06)}
.fx-edit-delete-v282 svg,.fx-edit-save-v282 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-edit-cancel-v282,.fx-edit-save-v282{height:44px;min-height:44px!important;border-radius:11px!important;font-size:14px!important}
.fx-edit-save-v282{width:138px;min-width:138px}

.fx-edit-access-v282{overflow:hidden}
.fx-edit-access-head-v282{display:flex;gap:12px;align-items:flex-start;padding-bottom:15px}
.fx-edit-access-head-v282 .fx-edit-step-v282{flex-basis:38px;width:38px;height:38px}
.fx-edit-share-row-v282{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;margin-bottom:11px}
.fx-edit-share-row-v282 code{display:flex;align-items:center;min-width:0;height:46px;padding:0 13px;border:1px solid var(--fxe-border);border-right:0;border-radius:10px 0 0 10px;background:var(--fxe-surface);color:var(--text);font:inherit;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-edit-share-row-v282 button{border:0;border-radius:0 10px 10px 0;background:linear-gradient(135deg,#536dff,#5f35f4);color:#fff;display:grid;place-items:center;cursor:pointer}
.fx-edit-share-row-v282 button:hover{filter:brightness(1.05)}
.fx-edit-share-row-v282 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.fx-edit-access-actions-v282{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-bottom:15px}
.fx-edit-access-button-v282{height:44px;border:1px solid var(--fxe-border);border-radius:10px;background:var(--fxe-surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.fx-edit-access-button-v282:hover{background:rgba(77,99,255,.045);border-color:rgba(77,99,255,.22)}
.fx-edit-access-button-v282 svg{width:17px;height:17px;fill:none;stroke:#4d6799;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-edit-subscribers-v282{width:calc(100% + 40px);margin-left:-20px;min-height:58px;padding:0 20px;border:0;border-top:1px solid var(--fxe-border);background:transparent;color:var(--text);display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;text-align:left;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.fx-edit-subscribers-v282:hover{background:rgba(77,99,255,.035)}
.fx-edit-subscribers-v282 svg{width:20px;height:20px;fill:none;stroke:var(--fxe-blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-edit-subscribers-v282 b{font-size:24px;line-height:1;color:#6077a1;font-weight:400}

html[data-theme="dark"] .fx-group-edit-v282{--fxe-soft:#202b38}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-card-v282{background:#242f3d;border-color:#405069;box-shadow:none}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-avatar-upload-v282{background:#202b38;border-color:#52647f}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-avatar-upload-v282 small{color:#a8b5c8!important}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-input-shell-v282 input,
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-textarea-shell-v282 textarea,
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-add-input-v282 input,
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 code,
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-access-button-v282{background:#242f3d;border-color:#405069}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-account-v282{background:rgb(0 0 0 / 10%);border-color:rgb(255 255 255 / 8%)}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-primary-chip-v282{background:#2b3948;border-color:#405069;color:#b8c6da}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-access-button-v282:hover{background:#2b3948;border-color:#52647f}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-camera-badge-v282{border-color:#242f3d}

@media(max-width:1180px){
  .fx-edit-layout-v282{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}
  .fx-edit-info-grid-v282{grid-template-columns:1fr;gap:18px}
  .fx-edit-avatar-upload-v282{height:176px}
}
@media(max-width:900px){
  .fx-edit-layout-v282{grid-template-columns:1fr}
  .fx-edit-main-v282,.fx-edit-preview-v282,.fx-edit-members-v282,.fx-edit-access-v282{grid-column:1;grid-row:auto}
  .fx-edit-preview-v282{order:2}.fx-edit-members-v282{order:3}.fx-edit-access-v282{order:4}
  .fx-edit-info-grid-v282{grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr)}
}
@media(max-width:680px){
  .fx-group-edit-v282 .fx-edit-back-v282{margin-bottom:10px}
  .fx-edit-main-v282,.fx-edit-preview-v282{padding:18px 16px}
  .fx-edit-info-grid-v282{grid-template-columns:1fr}
  .fx-edit-members-v282>.fx-edit-section-head-v282{padding:18px 16px 14px}
  .fx-edit-members-head-v282{padding-right:16px!important}
  .fx-edit-count-v282{position:static;margin-left:auto;align-self:flex-start}
  .fx-edit-add-row-v282{grid-template-columns:1fr;padding:0 16px 10px}
  .fx-edit-account-list-v282{padding:0 16px 16px}
  .fx-edit-account-v282{grid-template-columns:20px 38px minmax(0,1fr) 32px;gap:8px}
  .fx-edit-account-server-v282,.fx-edit-primary-chip-v282{display:none}
  .fx-edit-footer-v282{padding:14px 16px;flex-wrap:wrap}
  .fx-edit-footer-v282>div{width:100%;margin:0;display:grid;grid-template-columns:1fr 1.35fr}
  .fx-edit-delete-v282{width:100%}
  .fx-edit-save-v282{width:100%;min-width:0}
  .fx-edit-access-v282{padding-left:16px;padding-right:16px}
  .fx-edit-subscribers-v282{width:calc(100% + 32px);margin-left:-16px;padding:0 16px}
}
@media(max-width:430px){
  .fx-edit-step-v282{flex-basis:36px;width:36px;height:36px}
  .fx-edit-section-head-v282 h2,.fx-edit-side-head-v282 h3,.fx-edit-access-head-v282 h3{font-size:16px}
  .fx-edit-avatar-presets-v282{gap:7px}.fx-edit-avatar-presets-v282 .fx-avatar-builtin{width:39px;height:39px}
  .fx-edit-preview-meta-v282>span{padding:1px 5px;grid-template-columns:18px minmax(0,1fr);column-gap:4px}
  .fx-edit-preview-meta-v282 svg{width:16px;height:16px}.fx-edit-preview-meta-v282 b{font-size:11px}.fx-edit-preview-meta-v282 small{font-size:9px!important}
  .fx-edit-access-actions-v282{grid-template-columns:1fr}
  .fx-edit-footer-v282>div{grid-template-columns:1fr}
}

/* v0.7.283 — /groups/new full visual redesign. */
.fx-group-create-v283{width:100%;max-width:none!important;margin:0!important;padding:0!important;color:var(--text)}
.fx-create-hero-v283{margin:0 0 20px}.fx-create-hero-v283 h2{margin:0;font-size:31px;line-height:1.12;letter-spacing:-.025em}.fx-create-hero-v283 p{margin:7px 0 0;color:var(--muted);font-size:14px}
.fx-create-layout-v283{display:grid;grid-template-columns:minmax(0,1fr) 404px;gap:18px;align-items:start}
.fx-create-main-v283,.fx-create-side-card-v283{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(20,35,60,.045)}
.fx-create-main-v283{overflow:hidden}.fx-create-panel-v283{padding:24px 24px 22px;border-bottom:1px solid var(--line)}
.fx-step-head-v283{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}.fx-step-number-v283{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#5f74ff,#4938ef);color:#fff;font-size:18px;font-weight:800;box-shadow:0 8px 22px rgba(77,99,255,.28)}
.fx-step-head-v283 h3{margin:2px 0 4px;font-size:21px;line-height:1.15}.fx-step-head-v283 p{margin:0;color:var(--muted);font-size:13px}
.fx-create-info-v283{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:start}
.fx-avatar-editor-v283{min-width:0}.fx-avatar-upload-card-v283{min-height:222px;border:1px dashed #c8d4eb;border-radius:13px;padding:15px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(77,99,255,.012)}
.fx-avatar-big-v283{position:relative;width:112px;height:112px;border:0;border-radius:50%;padding:0;background:none;cursor:pointer}.fx-avatar-big-v283 img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.fx-avatar-camera-v283{position:absolute;right:0;bottom:7px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#4d63ff;color:#fff;border:3px solid var(--surface);font-size:17px;font-weight:800}
.fx-avatar-change-v283{margin-top:13px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:13px;font-weight:750;cursor:pointer}.fx-avatar-upload-card-v283 small{margin-top:10px;color:var(--muted);font-size:11px!important}
.fx-avatar-presets-v283{display:flex;gap:8px;margin-top:12px;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.fx-avatar-preset-v283{width:42px;height:42px;flex:0 0 42px;border:2px solid transparent;border-radius:50%;padding:2px;background:transparent;cursor:pointer}.fx-avatar-preset-v283 img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.fx-avatar-preset-v283.active{border-color:#4d63ff;box-shadow:0 0 0 2px rgba(77,99,255,.13)}
.fx-create-fields-v283{display:grid;gap:18px}.fx-field-v283>span{display:block;margin-bottom:8px;font-size:13px;font-weight:750}.fx-field-v283>span b{color:#e14d5b}.fx-field-v283>span em{font-style:normal;color:var(--muted);font-weight:500}
.fx-input-shell-v283,.fx-textarea-shell-v283{position:relative}.fx-input-shell-v283 input,.fx-textarea-shell-v283 textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;outline:none;font:inherit}.fx-input-shell-v283 input{height:46px;padding:0 60px 0 42px}.fx-textarea-shell-v283 textarea{height:118px;resize:vertical;padding:13px 50px 28px 42px}.fx-input-shell-v283 input:focus,.fx-textarea-shell-v283 textarea:focus{border-color:#7182ff;box-shadow:0 0 0 3px rgba(77,99,255,.08)}
.fx-input-icon-v283{position:absolute;left:14px;top:13px;color:#5870a8;font-size:18px;z-index:2}.fx-input-shell-v283>small{position:absolute;right:14px;top:14px;color:var(--muted)}.fx-textarea-shell-v283>small{position:absolute;right:11px;bottom:8px;color:var(--muted)}.fx-input-shell-v283 small b,.fx-textarea-shell-v283 small b{color:inherit}
.fx-create-examples-v283{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:-8px}.fx-create-examples-v283>span{font-size:11px;color:var(--muted)}.fx-create-examples-v283 button{border:0;border-radius:999px;padding:6px 10px;background:rgba(77,99,255,.055);color:#65789f;font-size:11px;cursor:pointer}
.fx-source-tabs-v283{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fx-source-tabs-v283>[data-source-type]{position:relative;min-height:118px;padding:18px 16px;align-items:center;border-radius:11px}.fx-source-tabs-v283 svg{width:34px;height:34px;flex:0 0 34px}.fx-source-tabs-v283 strong{font-size:13px}.fx-source-tabs-v283 small{font-size:12px!important;line-height:1.45}.fx-choice-dot-v283{position:absolute;right:10px;top:10px;width:18px;height:18px;border:2px solid #c4d0e3;border-radius:50%}.fx-source-tabs-v283 .active .fx-choice-dot-v283{background:#4d63ff;border-color:#4d63ff;box-shadow:inset 0 0 0 4px #fff}
.fx-source-label-v283{margin-top:16px}.fx-source-input-v283{position:relative;grid-template-columns:minmax(0,1fr) 38px 138px}.fx-source-input-v283 input{padding-left:42px!important}.fx-source-link-icon-v283{position:absolute;left:14px;top:12px;color:#5870a8;font-size:20px;z-index:2}.fx-source-input-v283 .primary{min-width:138px;font-weight:800}.fx-source-input-v283 .primary span{font-size:17px;margin-right:5px}
.fx-create-footer-v283{padding:14px 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.fx-share-switch-v283{display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;width:auto!important;min-width:0}.fx-share-switch-v283>span{order:3;margin-left:auto}.fx-share-switch-v283 div b{display:block;font-size:13px}.fx-share-switch-v283 div small{display:block;margin-top:3px;color:var(--muted);font-size:11px!important;font-weight:500}.fx-create-actions-v283{display:flex;gap:10px;flex:0 0 auto}.fx-create-actions-v283 .fx-group-button{min-height:42px;padding:0 20px}.fx-create-actions-v283 .primary{min-width:170px}
.fx-create-side-v283{display:grid;gap:14px}.fx-create-side-card-v283{padding:18px}.fx-side-title-v283{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.fx-side-title-v283 h3{margin:0;font-size:17px}.fx-side-title-v283 p{margin:5px 0 0;color:var(--muted);font-size:12px}.fx-side-icon-v283{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(77,99,255,.08);color:#4d63ff;font-size:18px;font-weight:800}
.fx-create-side-v283 .fx-group-preview-panel{padding:18px}.fx-create-side-v283 .fx-preview-banner{height:132px;border-radius:10px}.fx-create-side-v283 .fx-preview-avatar{width:90px;height:90px}.fx-create-side-v283 .fx-group-preview-panel>h2{margin:12px 0 3px;font-size:21px}.fx-create-side-v283 .fx-group-preview-panel>p{margin:0;color:var(--muted);font-size:13px}.fx-create-side-v283 .fx-preview-meta{margin-top:18px;padding-top:16px}
.fx-how-v283 h3{margin:0 0 16px;font-size:17px}.fx-how-v283 ol{list-style:none;padding:0;margin:0;display:grid;gap:14px}.fx-how-v283 li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;position:relative}.fx-how-v283 li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#5f74ff,#4938ef);color:#fff;font-weight:800;box-shadow:0 5px 13px rgba(77,99,255,.22)}.fx-how-v283 li:not(:last-child)::after{content:"";position:absolute;left:18px;top:38px;width:1px;height:15px;background:#d8def2}.fx-how-v283 li b{display:block;font-size:13px}.fx-how-v283 li small{display:block;margin-top:3px;color:var(--muted);font-size:12px!important;line-height:1.45}
.fx-info-v283{position:relative;background:linear-gradient(135deg,rgba(74,222,128,.08),rgba(45,212,191,.12));border-color:rgba(16,185,129,.16)}.fx-info-v283>b{font-size:13px}.fx-info-v283 ul{margin:7px 0 0 25px;padding:0;color:#66799c;font-size:11px;line-height:1.55}.fx-info-close-v283{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
html[data-theme="dark"] .fx-create-main-v283,html[data-theme="dark"] .fx-create-side-card-v283{background:#242f3d;border-color:#405069}html[data-theme="dark"] .fx-avatar-camera-v283{border-color:#242f3d}html[data-theme="dark"] .fx-avatar-upload-card-v283{border-color:#52637b;background:rgba(255,255,255,.02)}html[data-theme="dark"] .fx-create-examples-v283 button{color:#aebcd3;background:rgba(255,255,255,.06)}html[data-theme="dark"] .fx-info-v283{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(45,212,191,.08));border-color:rgba(94,234,212,.15)}
@media(max-width:1180px){.fx-create-layout-v283{grid-template-columns:1fr}.fx-create-side-v283{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-create-side-v283>.fx-group-preview-panel{grid-column:1/-1}}
@media(max-width:820px){.fx-create-hero-v283 h2{font-size:27px}.fx-create-info-v283{grid-template-columns:1fr}.fx-avatar-editor-v283{max-width:360px}.fx-source-tabs-v283{grid-template-columns:1fr}.fx-source-tabs-v283>[data-source-type]{min-height:94px}.fx-create-footer-v283{flex-wrap:wrap!important}.fx-share-switch-v283{width:100%!important}.fx-create-actions-v283{width:100%;justify-content:flex-end}.fx-create-side-v283{grid-template-columns:1fr}}
@media(max-width:520px){.fx-create-panel-v283{padding:18px 14px}.fx-step-number-v283{width:42px;height:42px;flex-basis:42px}.fx-step-head-v283 h3{font-size:18px}.fx-avatar-editor-v283{max-width:none}.fx-avatar-presets-v283{overflow-x:auto;padding:2px}.fx-source-input-v283{grid-template-columns:minmax(0,1fr) 36px}.fx-source-input-v283 .primary{grid-column:1/-1}.fx-create-footer-v283{padding:14px!important}.fx-create-actions-v283{display:grid;grid-template-columns:1fr 1fr}.fx-create-actions-v283 .fx-group-button{min-width:0!important;width:100%}.fx-create-side-card-v283{padding:14px}.fx-create-side-v283 .fx-preview-banner{height:112px}}

/* v0.7.285 — group edit layout cleanup */
.fx-group-edit-v282 .fx-edit-access-v282{
  grid-column:2;
  grid-row:1;
  align-self:start;
}
.fx-group-edit-v282 .fx-edit-account-v282{
  grid-template-columns:minmax(170px,1fr) minmax(140px,auto) 34px;
}
.fx-group-edit-v282 .fx-edit-account-server-v282{
  justify-self:end;
  justify-content:flex-end;
  max-width:240px;
  text-align:right;
}
.fx-group-edit-v282 .fx-edit-remove-v282{
  justify-self:end;
}
@media(max-width:900px){
  .fx-group-edit-v282 .fx-edit-access-v282{grid-column:1;grid-row:auto;order:2}
  .fx-group-edit-v282 .fx-edit-members-v282{order:3}
}
@media(max-width:680px){
  .fx-group-edit-v282 .fx-edit-account-v282{grid-template-columns:minmax(0,1fr) 32px}
}

/* v0.7.286 — group edit font tuning + avatar fit */
.fx-group-edit-v282 .fx-edit-account-v282>strong{
  font-size:13px;
}
.fx-group-edit-v282 .fx-edit-account-v282>strong small{
  font-size:13px!important;
  font-weight:500!important;
}
.fx-group-edit-v282 .fx-edit-account-server-v282{
  font-size:13px;
}
.fx-group-edit-v282 .fx-edit-avatar-presets-v282{
  gap:5px;
  overflow-x:visible;
}
.fx-group-edit-v282 .fx-edit-avatar-presets-v282 .fx-avatar-builtin{
  width:39px;
  height:39px;
}
@media(max-width:680px){
  .fx-group-edit-v282 .fx-edit-avatar-presets-v282{
    gap:5px;
    overflow-x:auto;
  }
}

/* v0.7.287 — group edit heading + label font tuning */
.fx-group-edit-v282 .fx-edit-section-head-v282 p,
.fx-group-edit-v282 .fx-edit-side-head-v282 p,
.fx-group-edit-v282 .fx-edit-access-head-v282 p{
  font-size:15px;
}
.fx-group-edit-v282 .fx-edit-label-v282{
  font-size:15px;
}

/* v0.7.288 — group edit access dark cleanup */
.fx-group-edit-v282 .fx-edit-access-head-v282{
  gap:0;
}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 button{
  background:#242f3d;
  border:1px solid #405069;
  border-left:0;
  color:#fff;
  box-shadow:none;
  filter:none;
}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 button:hover,
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 button:focus-visible{
  background:#2b3948;
  border-color:#52647f;
  border-left:0;
  filter:none;
}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 button:active{
  background:#263443;
  border-color:#52647f;
  border-left:0;
  filter:none;
}

/* v0.7.289 — group edit access alignment + account logo */
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 button{
  border:0;
  background:linear-gradient(135deg,#536dff,#5f35f4);
  color:#fff;
  box-shadow:none;
  filter:none;
}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 button:hover,
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 button:focus-visible{
  border:0;
  background:linear-gradient(135deg,#536dff,#5f35f4);
  filter:brightness(1.05);
}
html[data-theme="dark"] .fx-group-edit-v282 .fx-edit-share-row-v282 button:active{
  border:0;
  background:linear-gradient(135deg,#536dff,#5f35f4);
  filter:brightness(.98);
}
.fx-group-edit-v282 .fx-edit-subscribers-v282{
  width:100%;
  margin-left:0;
  padding-left:0;
  padding-right:0;
}
.fx-group-edit-v282 .fx-edit-subscribers-v282 svg{
  justify-self:start;
  margin-left:0;
}
.fx-group-edit-v282 .fx-edit-account-logo-v282{
  background:linear-gradient(135deg,#374ad1,#8f26c5);
  font-weight:700;
}
@media(max-width:680px){
  .fx-group-edit-v282 .fx-edit-subscribers-v282{
    width:100%;
    margin-left:0;
    padding-left:0;
    padding-right:0;
  }
}

/* v0.7.290 — group edit subscribers row fit */
.fx-group-edit-v282 .fx-edit-subscribers-v282{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:680px){
  .fx-group-edit-v282 .fx-edit-subscribers-v282{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* v0.7.291 — group edit subscribers full bleed fix */
.fx-group-edit-v282 .fx-edit-access-v282 .fx-edit-subscribers-v282{
  box-sizing:border-box!important;
  width:calc(100% + 40px)!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:-20px!important;
  margin-right:-20px!important;
  padding-left:20px!important;
  padding-right:20px!important;
  grid-template-columns:22px minmax(0,1fr) auto!important;
}
.fx-group-edit-v282 .fx-edit-access-v282 .fx-edit-subscribers-v282 svg{
  justify-self:start!important;
  margin-left:0!important;
}
.fx-group-edit-v282 .fx-edit-access-v282 .fx-edit-subscribers-v282 b{
  justify-self:end!important;
  margin-right:0!important;
}
@media(max-width:680px){
  .fx-group-edit-v282 .fx-edit-access-v282 .fx-edit-subscribers-v282{
    box-sizing:border-box!important;
    width:calc(100% + 32px)!important;
    max-width:none!important;
    margin-left:-16px!important;
    margin-right:-16px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* v0.7.292 — group edit responsive avatar fixes */
/* Tablet: 176px was too short once helper text wraps; keep all upload content inside the dashed frame. */
@media (min-width:681px) and (max-width:900px){
  .fx-group-edit-v282 .fx-edit-avatar-upload-v282{
    height:198px!important;
    min-height:198px!important;
    box-sizing:border-box!important;
  }
}

/* Phone: reserve room for the 2px outer selection/focus ring at both strip edges. */
@media (max-width:680px){
  .fx-group-edit-v282 .fx-edit-avatar-presets-v282{
    box-sizing:border-box!important;
    padding:4px!important;
    scroll-padding-inline:4px!important;
  }
  .fx-group-edit-v282 .fx-edit-avatar-presets-v282 label{
    flex:0 0 auto!important;
  }
  .fx-group-edit-v282 .fx-edit-avatar-presets-v282 .fx-avatar-builtin{
    box-sizing:border-box!important;
  }
}

/* v0.7.293 — group edit avatar inner spacing */
/* Phone + tablet: keep avatar and bottom helper copy away from the dashed border. */
@media (max-width:900px){
  .fx-group-edit-v282 .fx-edit-avatar-upload-v282{
    box-sizing:border-box!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
}

/* On phones 176px is too tight once both 10px insets are reserved. */
@media (max-width:680px){
  .fx-group-edit-v282 .fx-edit-avatar-upload-v282{
    height:180px!important;
    min-height:180px!important;
  }
}

/* v0.7.294 — group edit mobile avatar height 200px */
@media (max-width:680px){
  .fx-group-edit-v282 .fx-edit-avatar-upload-v282{
    height:200px!important;
    min-height:200px!important;
  }
}

/* v0.7.295 — group edit tablet/mobile avatar top padding 20px */
@media (max-width:900px){
  .fx-group-edit-v282 .fx-edit-avatar-upload-v282{
    box-sizing:border-box!important;
    padding-top:20px!important;
    padding-bottom:10px!important;
  }
}