.gen-banner{--gb-from: #475569;--gb-to: #1e293b;position:relative;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:6px;width:100%;max-width:468px;min-height:76px;padding:10px 12px 10px 10px;border-radius:14px;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--gb-from),var(--gb-to));box-shadow:inset 0 0 0 1px #ffffff1f;isolation:isolate}.gen-banner:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.gen-banner--stripes:before{background:repeating-linear-gradient(-45deg,#ffffff12 0 12px,#fff0 12px 26px)}.gen-banner--dots:before{background-image:radial-gradient(rgba(255,255,255,.13) 1.5px,transparent 1.6px);background-size:14px 14px}.gen-banner:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#00000026}.gen-banner-icon{grid-row:1 / 3;grid-column:1;display:flex}.gen-banner-icon .srv-icon{width:52px;height:52px;flex:0 0 52px;margin:0;float:none;border-radius:10px;border-color:#ffffff47;box-shadow:0 2px 8px #00000047;font-size:1.05rem}.gen-banner-text{grid-row:1 / 3;grid-column:2;display:flex;flex-direction:column;gap:3px;min-width:0}.gen-banner-name{font-family:var(--font-display);font-weight:800;font-size:1.2rem;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.35)}.gen-banner-meta{display:flex;flex-wrap:wrap;column-gap:6px;min-width:0;height:1.3em;font-size:.78rem;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden}.gen-banner-meta>span{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}.gen-banner-sep{margin-right:6px;opacity:.7}.gen-banner-meta>.gen-banner-addr{flex:0 1 auto;max-width:100%;min-width:0;margin:0;padding:0 2px;border:0;border-radius:4px;background:none;color:inherit;font:inherit;line-height:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline dotted rgba(255,255,255,.7);text-underline-offset:2px;cursor:pointer}.gen-banner-meta>.gen-banner-addr:hover{text-decoration-style:solid;background:#ffffff24}.gen-banner-meta>.gen-banner-addr:focus-visible{outline:2px solid #fff;outline-offset:-2px;background:#fff3}.gen-banner-meta>.gen-banner-addr.copied{text-decoration:none;background:#ffffff38}.gen-banner-brand{grid-row:1;grid-column:3;justify-self:end;align-self:start;display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:#fff;white-space:nowrap}.gen-banner-brand .logo-cube{width:13px;height:13px;border-radius:3px}.gen-banner-pill{grid-row:2;grid-column:3;justify-self:end;align-self:end;display:inline-flex;align-items:center;padding:3px 9px 3px 8px;border-radius:999px;font-size:.74rem;font-weight:700;line-height:1.3;white-space:nowrap;color:#fff;background:#15803d;box-shadow:inset 0 0 0 1px #ffffff38,0 1px 3px #00000040}.gen-banner-pill .dot{width:7px;height:7px;margin-right:6px;vertical-align:0}.gen-banner-pill .dot.online,.gen-banner-pill .dot.online:after{background:#fff}.gen-banner-pill:has(.dot.offline){background:#0f172a9e;color:#ffffffe6}.gen-banner-pill .dot.offline{background:#94a3b8;opacity:1}.gen-banner-pill:has(.dot.unknown){background:#0f172a9e;color:#ffffffe6}.gen-banner-pill .dot.unknown{box-shadow:inset 0 0 0 2px #94a3b8}.gen-banner-brand:last-child{grid-row:1 / 3;align-self:start}.server-banner-row>.gen-banner{flex:0 1 468px}.server-banner-row:has(>.gen-banner:only-child){justify-content:center}@media(max-width:720px){.server-banner-row>.gen-banner{flex:none;max-width:none}}@media(max-width:420px){.gen-banner{min-height:68px;column-gap:10px;padding:8px 10px 8px 8px;border-radius:12px}.gen-banner-icon .srv-icon{width:46px;height:46px;flex-basis:46px}.gen-banner-name{font-size:1.05rem}.gen-banner-word{display:none}}.gb-fieldset{border:0;margin:0 0 12px;padding:0;min-width:0}.gb-fieldset>legend{font-weight:600;font-size:.9rem;margin-bottom:6px;padding:0}.gb-swatches{display:flex;flex-wrap:wrap;gap:8px}.gb-swatch{position:relative;display:inline-flex;cursor:pointer}.gb-swatch input{position:absolute;opacity:0;width:1px;height:1px}.gb-swatch-chip{display:block;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gb-from),var(--gb-to));box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px var(--border)}.gb-swatch:first-child .gb-swatch-chip:after{content:"A";display:grid;place-items:center;height:100%;color:#fff;font-weight:800;font-size:.8rem}.gb-swatch input:checked+.gb-swatch-chip{box-shadow:0 0 0 2px var(--bg, #0d1117),0 0 0 4px var(--accent)}.gb-swatch input:focus-visible+.gb-swatch-chip{outline:2px solid var(--text);outline-offset:6px}.gb-styles{display:flex;flex-wrap:wrap;gap:6px 16px}.gb-style{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.gb-hint{font-size:.8rem;margin:6px 0 0}.gb-preview{margin:0 0 14px}.gb-status{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;font-size:.9rem}.gb-status>.icon{flex:none;width:18px;height:18px;margin-top:1px}.gb-status--on>.icon{color:var(--accent)}.gb-status--off>.icon,.gb-status--own>.icon{color:var(--muted)}.gb-listings{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--border);font-size:.88rem}.gb-listings-label{color:var(--muted);font-weight:600}.gb-listings ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;min-width:0}.gb-listings a{display:inline-block;max-width:100%;padding:4px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text);text-decoration:none;overflow-wrap:anywhere}.gb-listings a:hover{border-color:var(--accent)}.gb-listings a[aria-current=page]{border-color:var(--accent);font-weight:700}.gb-preview.is-off .gen-banner{opacity:.35;filter:grayscale(.6)}.gb-preview .gen-banner{margin:0}.sf-genbanner-actions{display:inline-flex;flex-wrap:wrap;gap:8px}.sf-genbanner-actions [hidden]{display:none}.sf-genbanner .gen-banner{max-width:468px}