#panel-collaborators .table-card {
                border-radius: 14px;
              }
              .gw-collab-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
              }
              @media (max-width: 900px) {
                .gw-collab-grid {
                  grid-template-columns: 1fr;
                }
              }
              .gw-collab-help {
                font-size: 0.78rem;
                color: var(--text-2);
                line-height: 1.55;
                margin: 0;
              }
              .gw-collab-mini {
                font-size: 0.72rem;
                color: var(--text-3);
                line-height: 1.45;
              }
              .gw-collab-list {
                display: grid;
                gap: 10px;
                margin-top: 12px;
              }
              .gw-collab-item {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 12px;
                padding: 12px 12px;
                border-radius: 12px;
                border: 1px solid rgba(255, 255, 255, 0.06);
                background: rgba(255, 255, 255, 0.02);
              }
              .gw-collab-item:hover {
                border-color: rgba(255, 255, 255, 0.12);
                background: rgba(255, 255, 255, 0.028);
              }
              .gw-collab-left {
                min-width: 0;
                flex: 1;
              }
              .gw-collab-name {
                font-size: 0.86rem;
                font-weight: 800;
                color: var(--text);
                letter-spacing: -0.01em;
              }
              .gw-collab-id {
                margin-top: 3px;
                font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
                  monospace;
                font-size: 0.74rem;
                color: var(--text-3);
                word-break: break-all;
              }
              .gw-collab-badges {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
                margin-top: 8px;
              }
              .gw-collab-badge {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 5px 8px;
                border-radius: 999px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: rgba(0, 0, 0, 0.18);
                font-size: 0.68rem;
                font-weight: 800;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                color: var(--text-2);
              }
              .gw-collab-badge svg {
                width: 14px;
                height: 14px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .gw-collab-badge.is-ok {
                color: var(--green);
                background: rgba(76, 255, 145, 0.10);
                border-color: rgba(76, 255, 145, 0.20);
              }
              .gw-collab-badge.is-warn {
                color: var(--amber);
                background: rgba(255, 179, 71, 0.10);
                border-color: rgba(255, 179, 71, 0.20);
              }
              .gw-collab-actions {
                display: flex;
                gap: 8px;
                align-items: center;
                flex-wrap: wrap;
                justify-content: flex-end;
                flex-shrink: 0;
              }
              .gw-collab-actions select {
                padding: 8px 10px;
                border-radius: 10px;
                border: 1px solid var(--border);
                background: var(--surface-2);
                color: var(--text);
                font-size: 0.76rem;
                font-weight: 700;
              }
              .gw-collab-callout {
                display: flex;
                gap: 10px;
                align-items: flex-start;
                padding: 12px 12px;
                border-radius: 12px;
                border: 1px solid rgba(91, 156, 246, 0.18);
                background: rgba(91, 156, 246, 0.06);
                color: var(--text-2);
                font-size: 0.78rem;
                line-height: 1.5;
              }
              .gw-collab-callout svg {
                width: 18px;
                height: 18px;
                margin-top: 1px;
                stroke: var(--blue);
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                flex-shrink: 0;
              }
              
              .rec-wrap {
                display: flex;
                flex-direction: column;
                gap: 20px;
                width: 100%;
              }

              
              .rec-page-hd {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 14px;
                flex-wrap: wrap;
              }
              .rec-page-title-row {
                display: flex;
                align-items: center;
                gap: 12px;
              }
              .rec-page-icon {
                width: 42px;
                height: 42px;
                border-radius: 10px;
                background: var(--red-dim);
                border: 1px solid rgba(255, 107, 107, 0.2);
                display: grid;
                place-items: center;
                flex-shrink: 0;
              }
              .rec-page-icon svg {
                width: 20px;
                height: 20px;
                stroke: var(--red);
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .rec-page-title {
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 1.2rem;
                font-weight: 900;
                letter-spacing: -0.02em;
                color: var(--text);
              }
              .rec-page-sub {
                font-size: 0.75rem;
                color: var(--text-3);
                margin-top: 3px;
                line-height: 1.5;
              }

              
              .rec-search-card {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 20px 22px;
              }
              .rec-search-row {
                display: flex;
                gap: 10px;
                align-items: center;
              }
              .rec-search-icon-wrap {
                width: 38px;
                height: 38px;
                border-radius: 9px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                display: grid;
                place-items: center;
                flex-shrink: 0;
              }
              .rec-search-icon-wrap svg {
                width: 16px;
                height: 16px;
                stroke: var(--text-3);
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .lookup-input {
                flex: 1;
                padding: 10px 14px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 9px;
                color: var(--text);
                font-size: 0.85rem;
                font-family: "Inter", sans-serif;
                outline: none;
                transition: border-color 0.15s;
              }
              .lookup-input:focus {
                border-color: rgba(255, 107, 107, 0.45);
              }
              .lookup-input::placeholder {
                color: var(--text-3);
              }
              .rec-search-btn {
                display: flex;
                align-items: center;
                gap: 7px;
                padding: 10px 20px;
                border-radius: 9px;
                background: var(--red-dim);
                border: 1px solid rgba(255, 107, 107, 0.25);
                color: var(--red);
                font-size: 0.82rem;
                font-weight: 700;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
                white-space: nowrap;
              }
              .rec-search-btn svg {
                width: 14px;
                height: 14px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .rec-search-btn:hover {
                background: rgba(255, 107, 107, 0.2);
                border-color: rgba(255, 107, 107, 0.4);
              }
              .rec-search-hint {
                font-size: 0.72rem;
                color: var(--text-3);
                margin-top: 10px;
              }

              
              .rec-list {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(240px, 340px));
                gap: 12px;
                margin-top: 14px;
                justify-content: start;
              }
              .rec-user-row {
                position: relative;
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 14px;
                overflow: hidden;
                transition:
                  border-color 0.22s,
                  box-shadow 0.22s,
                  transform 0.22s;
                width: 100%;
              }
              .rec-user-row:hover {
                border-color: rgba(255, 51, 51, 0.5);
                box-shadow: 0 8px 32px rgba(255, 51, 51, 0.12);
                transform: translateY(-2px);
              }
              .rec-user-top {
                padding: 12px 14px;
                display: grid;
                grid-template-columns: 46px 1fr auto;
                gap: 12px;
                align-items: start;
              }
              .rec-card-status {
                justify-self: end;
                align-self: start;
                display: inline-flex;
                align-items: center;
                padding: 4px 10px;
                border-radius: 999px;
                font-size: 0.62rem;
                font-weight: 900;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                white-space: nowrap;
              }
              .rec-card-status--banned {
                color: var(--red);
                background: rgba(255, 51, 51, 0.12);
                border: 1px solid rgba(255, 51, 51, 0.28);
              }
              .rec-card-status--unbanned {
                color: var(--green);
                background: rgba(76, 255, 145, 0.12);
                border: 1px solid rgba(76, 255, 145, 0.28);
              }
              .rec-user-row--unbanned {
                border-color: rgba(76, 255, 145, 0.18);
              }
              .rec-user-row--unbanned:hover {
                border-color: rgba(76, 255, 145, 0.35);
                box-shadow: 0 8px 32px rgba(76, 255, 145, 0.08);
              }
              .rec-user-row--unbanned .rec-ban-divider {
                color: var(--green);
              }
              .rec-user-avatar {
                width: 46px;
                height: 46px;
                border-radius: 12px;
                border: 1px solid var(--border);
                background: var(--surface-2);
                overflow: hidden;
                display: grid;
                place-items: center;
                flex-shrink: 0;
                position: relative;
              }
              .rec-user-avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                position: relative;
                z-index: 2;
              }
              .rec-user-avatar .rec-avatar-fallback {
                position: absolute;
                inset: 0;
                display: grid;
                place-items: center;
                z-index: 1;
              }
              .rec-user-meta .u {
                font-size: 0.92rem;
                font-weight: 800;
                color: var(--text);
                line-height: 1.2;
              }
              .rec-user-meta .id {
                margin-top: 1px;
                font-size: 0.72rem;
                color: var(--text-3);
                font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
                  "Liberation Mono", "Courier New", monospace;
              }
              .rec-user-meta .id .rec-copy-rid {
                color: var(--red);
                font-weight: 800;
                cursor: pointer;
                user-select: none;
                transition: opacity 0.22s;
                text-decoration: none;
              }
              .rec-user-meta .id .rec-copy-rid:hover {
                opacity: 0.85;
                text-decoration: underline;
              }
              .rec-user-meta .id .rec-copy-rid.is-copied {
                opacity: 0.65;
              }
              .rec-recent {
                border-top: 1px solid rgba(255, 255, 255, 0.06);
                padding: 10px 14px 12px;
                display: grid;
                grid-template-columns: 1fr;
                gap: 6px;
              }
              .rec-recent-top {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
              }
              .rec-recent-game {
                font-size: 0.78rem;
                font-weight: 800;
                color: var(--text);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
              }
              .rec-recent-time {
                font-size: 0.72rem;
                color: var(--text-3);
                white-space: nowrap;
              }
              .rec-recent-meta {
                margin-top: 2px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
              }
              .rec-more-pill {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 18px;
                height: 18px;
                padding: 0 6px;
                border-radius: 999px;
                background: var(--red-dim);
                border: 1px solid rgba(255, 107, 107, 0.32);
                color: var(--red);
                font-size: 0.68rem;
                font-weight: 900;
                line-height: 1;
                flex-shrink: 0;
              }
              .rec-ban-divider {
                margin-top: 7px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                color: var(--accent);
                font-size: 0.68rem;
                font-weight: 900;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                white-space: nowrap;
                overflow: hidden;
              }
              .rec-ban-divider::before,
              .rec-ban-divider::after {
                content: "";
                height: 1px;
                background: rgba(255, 51, 51, 0.22);
                flex: 1;
              }
              .rec-ban-divider .arr {
                font-size: 0.75rem;
                font-weight: 900;
                color: var(--accent);
                line-height: 1;
                opacity: 0.95;
              }
              .rec-recent-reason {
                font-size: 0.78rem;
                color: var(--text-2);
                line-height: 1.45;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical;
              }
              .rec-unbanned-tag {
                display: inline-flex;
                align-items: center;
                margin-left: 8px;
                padding: 2px 8px;
                border-radius: 999px;
                font-size: 0.62rem;
                font-weight: 800;
                letter-spacing: 0.06em;
                text-transform: uppercase;
                color: var(--green);
                background: rgba(76, 255, 145, 0.12);
                border: 1px solid rgba(76, 255, 145, 0.28);
                vertical-align: middle;
              }
              .rec-reason-box--unbanned {
                color: var(--text-2);
              }
              .rec-user-hover-row {
                max-height: 0;
                opacity: 0;
                overflow: hidden;
                transition: max-height 0.22s ease, opacity 0.18s ease;
                border-top: 0px solid var(--border);
              }
              .rec-user-row:hover .rec-user-hover-row {
                max-height: 56px;
                opacity: 1;
              }
              .rec-user-hover-inner {
                padding: 10px 14px;
                border-top: 1px solid rgba(255, 51, 51, 0.18);
                background: rgba(255, 51, 51, 0.04);
              }
              .rec-viewmore-btn {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                width: 100%;
                padding: 9px 0;
                border-radius: 10px;
                background: var(--accent-dim);
                border: 1px solid rgba(255, 51, 51, 0.3);
                color: var(--accent);
                font-size: 0.78rem;
                font-weight: 800;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: background 0.15s, box-shadow 0.15s;
              }
              .rec-viewmore-btn:hover {
                background: rgba(255, 51, 51, 0.18);
                box-shadow: 0 0 14px var(--accent-glow);
              }
              @media (max-width: 520px) {
                .rec-list {
                  grid-template-columns: 1fr;
                }
              }

              
              .rec-scope-row {
                display: flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
              }
              .rec-scope-actions {
                display: flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
                margin-left: auto;
              }
              .rec-appeal-group {
                display: inline-flex;
                align-items: stretch;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 9px;
                overflow: hidden;
                flex-shrink: 0;
              }
              .rec-appeal-group .rec-appeal-toggle {
                border-radius: 0;
              }
              .rec-appeal-config-btn {
                display: none;
                align-items: center;
                gap: 5px;
                padding: 0 12px;
                border: none;
                border-left: 1px solid var(--border);
                background: transparent;
                color: var(--text-3);
                font-size: 0.72rem;
                font-weight: 700;
                font-family: "Inter", sans-serif;
                cursor: pointer;
                white-space: nowrap;
                transition:
                  color 0.15s,
                  background 0.15s;
              }
              .rec-appeal-config-btn svg {
                width: 13px;
                height: 13px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                flex-shrink: 0;
              }
              .rec-appeal-config-btn:hover {
                color: var(--text);
                background: var(--surface-3);
              }
              .rec-appeal-group.is-on .rec-appeal-config-btn {
                display: inline-flex;
              }
              .rec-last-seen {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                padding: 7px 14px 0;
                font-size: 0.68rem;
              }
              .rec-last-seen-label {
                color: var(--text-3);
                font-weight: 600;
              }
              .rec-last-seen-val {
                color: var(--text-2);
                font-weight: 600;
                text-align: right;
              }
              .rec-last-seen--ok .rec-last-seen-val {
                color: var(--green);
              }
              .rec-last-seen--none .rec-last-seen-val {
                color: var(--text-3);
                font-style: italic;
                font-weight: 500;
              }

              #panel-execbehaviour.active {
                display: flex;
                flex-direction: column;
                height: calc(100vh - 120px);
                max-height: calc(100vh - 120px);
                min-height: 0;
                overflow: hidden;
              }
              #panel-execbehaviour .exec-wrap {
                flex: 1;
                display: flex;
                flex-direction: column;
                min-height: 0;
                overflow: hidden;
              }
              #panel-execbehaviour .exec-page-hd {
                flex-shrink: 0;
              }
              .exec-wrap {
                width: 100%;
                animation: execWrapIn 0.45s ease both;
              }
              @keyframes execWrapIn {
                from {
                  opacity: 0;
                  transform: translateY(8px);
                }
                to {
                  opacity: 1;
                  transform: translateY(0);
                }
              }
              .exec-page-hd {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 16px;
                flex-wrap: wrap;
                margin-bottom: 12px;
              }
              .exec-page-title-row {
                display: flex;
                align-items: flex-start;
                gap: 12px;
                flex: 1;
                min-width: 260px;
              }
              .exec-page-icon {
                width: 42px;
                height: 42px;
                border-radius: 10px;
                background: var(--accent-dim);
                border: 1px solid rgba(255, 51, 51, 0.22);
                display: grid;
                place-items: center;
                flex-shrink: 0;
                box-shadow: 0 0 24px rgba(255, 51, 51, 0.08);
              }
              .exec-page-icon svg {
                width: 20px;
                height: 20px;
                stroke: var(--accent);
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .exec-page-title {
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 1.2rem;
                font-weight: 900;
                letter-spacing: -0.02em;
                color: var(--text);
              }
              .exec-page-sub {
                font-size: 0.75rem;
                color: var(--text-3);
                margin-top: 4px;
                line-height: 1.55;
                max-width: 540px;
              }
              .exec-inline-code {
                font-family: Consolas, Monaco, monospace;
                font-size: 0.7rem;
                color: #ff8a8a;
                background: rgba(255, 51, 51, 0.1);
                padding: 1px 5px;
                border-radius: 4px;
              }
              .exec-toolbar {
                display: flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
                margin-left: auto;
              }
              .exec-game-label {
                font-size: 0.68rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                color: var(--text-3);
              }
              .exec-game-select {
                min-width: 168px;
                max-width: 220px;
                font-size: 0.75rem;
                padding: 8px 32px 8px 12px;
                border-radius: 9px;
                border: 1px solid var(--border);
                background: var(--surface-2)
                  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ff6666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
                  no-repeat right 10px center;
                color: var(--text);
                appearance: none;
                cursor: pointer;
                transition: border-color 0.2s, box-shadow 0.2s;
              }
              .exec-game-select:hover,
              .exec-game-select:focus {
                border-color: rgba(255, 51, 51, 0.45);
                box-shadow: 0 0 0 3px var(--accent-dim);
                outline: none;
              }
              .exec-mode-seg {
                display: flex;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 10px;
                padding: 3px;
                gap: 2px;
                position: relative;
              }
              .exec-mode-seg-btn {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 7px 12px;
                border: none;
                border-radius: 7px;
                background: transparent;
                color: var(--text-3);
                font-size: 0.72rem;
                font-weight: 700;
                cursor: pointer;
                transition: color 0.2s, background 0.25s, transform 0.15s;
                position: relative;
                z-index: 1;
              }
              .exec-mode-seg-btn svg {
                width: 14px;
                height: 14px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                opacity: 0.75;
              }
              .exec-mode-seg-btn:hover {
                color: var(--text-2);
              }
              .exec-mode-seg-btn.active {
                color: #fff;
                background: linear-gradient(135deg, #cc2222, var(--accent));
                box-shadow: 0 2px 12px var(--accent-glow);
              }
              .exec-mode-seg-btn.active svg {
                opacity: 1;
              }
              .exec-mode-seg-btn:active {
                transform: scale(0.97);
              }
              .exec-load-pill {
                font-size: 0.68rem;
                color: var(--text-3);
                min-width: 4ch;
              }
              .exec-load-pill.is-loading {
                color: var(--accent);
                animation: execPulse 1s ease infinite;
              }
              @keyframes execPulse {
                0%,
                100% {
                  opacity: 0.5;
                }
                50% {
                  opacity: 1;
                }
              }
              .exec-body {
                position: relative;
                flex: 1;
                min-height: 0;
                display: flex;
                flex-direction: column;
                overflow: hidden;
              }
              .exec-editor-layout {
                display: grid;
                grid-template-columns: 200px 1fr;
                gap: 12px;
                align-items: stretch;
                flex: 1;
                min-height: 0;
                overflow: hidden;
                animation: execPanelIn 0.45s ease both;
              }
              @keyframes execPanelIn {
                from {
                  opacity: 0;
                  transform: translateY(10px);
                }
                to {
                  opacity: 1;
                  transform: translateY(0);
                }
              }
              .exec-wrap[data-mode="protocol"] .exec-editor-main {
                border-color: rgba(255, 51, 51, 0.22);
              }
              .exec-editor-main--readonly .exec-monaco-wrap {
                opacity: 0.96;
              }
              .exec-wrap[data-mode="custom"] .exec-readonly-pill {
                display: none;
              }
              .exec-readonly-pill {
                font-size: 0.62rem;
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                color: #ff9a9a;
                padding: 2px 8px;
                border-radius: 6px;
                background: rgba(255, 51, 51, 0.12);
                border: 1px solid rgba(255, 51, 51, 0.28);
              }
              .exec-wrap[data-mode="protocol"] #execSaveBtn {
                display: none;
              }
              .exec-wrap[data-mode="custom"] #execProtocolNote {
                display: none;
              }
              .exec-protocol-note {
                font-size: 0.72rem;
                color: var(--text-3);
                flex: 1;
                min-width: 140px;
              }
              .exec-flow-steps {
                overflow-y: auto;
                display: flex;
                flex-direction: column;
                gap: 6px;
                padding-right: 2px;
              }
              .exec-wrap[data-mode="custom"] .exec-flow-steps {
                display: none;
              }
              .exec-wrap[data-mode="protocol"] #execApiList {
                display: none !important;
              }
              .exec-flow-step {
                text-align: left;
                width: 100%;
                padding: 8px 10px;
                border-radius: 8px;
                border: 1px solid transparent;
                background: var(--surface-2);
                cursor: pointer;
                transition: border-color 0.2s, background 0.2s, transform 0.15s;
              }
              .exec-flow-step:hover {
                border-color: rgba(255, 51, 51, 0.35);
                background: var(--surface-3);
                transform: translateX(2px);
              }
              .exec-flow-step-num {
                font-size: 0.6rem;
                font-weight: 800;
                color: var(--accent);
                letter-spacing: 0.05em;
                text-transform: uppercase;
              }
              .exec-flow-step-title {
                font-size: 0.72rem;
                font-weight: 700;
                color: var(--text);
                margin-top: 2px;
              }
              .exec-flow-step-desc {
                font-size: 0.65rem;
                color: var(--text-3);
                margin-top: 3px;
                line-height: 1.4;
              }
              @media (max-width: 960px) {
                #panel-execbehaviour.active {
                  height: auto;
                  max-height: none;
                  overflow: visible;
                }
                #panel-execbehaviour .exec-wrap {
                  overflow: visible;
                }
                .exec-body {
                  overflow: visible;
                }
                .exec-editor-layout {
                  grid-template-columns: 1fr;
                  max-height: none;
                }
                .exec-api-sidebar {
                  order: 2;
                  max-height: 220px;
                }
                .exec-editor-main {
                  min-height: 320px;
                  max-height: calc(100vh - 200px);
                }
                .exec-monaco-wrap {
                  min-height: 200px;
                }
              }
              .exec-api-sidebar {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 12px 10px;
                display: flex;
                flex-direction: column;
                gap: 8px;
                min-height: 0;
                max-height: 100%;
                overflow: hidden;
              }
              .exec-api-hd {
                font-size: 0.68rem;
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: 0.07em;
                color: var(--text-3);
              }
              .exec-api-tip {
                font-size: 0.68rem;
                color: var(--text-3);
                line-height: 1.45;
                margin: 0;
              }
              .exec-api-tip kbd {
                font-family: Consolas, Monaco, monospace;
                font-size: 0.65rem;
                padding: 1px 5px;
                border-radius: 4px;
                background: var(--surface-3);
                border: 1px solid var(--border);
                color: #ff9a9a;
              }
              .exec-api-list {
                overflow-y: auto;
                display: flex;
                flex-direction: column;
                gap: 6px;
                padding-right: 2px;
              }
              .exec-api-item {
                text-align: left;
                width: 100%;
                padding: 8px 10px;
                border-radius: 8px;
                border: 1px solid transparent;
                background: var(--surface-2);
                cursor: pointer;
                transition: border-color 0.2s, background 0.2s, transform 0.15s;
              }
              .exec-api-item:hover {
                border-color: rgba(255, 51, 51, 0.35);
                background: var(--surface-3);
                transform: translateX(2px);
              }
              .exec-api-item-name {
                font-family: Consolas, Monaco, monospace;
                font-size: 0.72rem;
                color: #ff9a9a;
                font-weight: 700;
              }
              .exec-api-item-desc {
                font-size: 0.65rem;
                color: var(--text-3);
                margin-top: 3px;
                line-height: 1.4;
              }
              .exec-editor-main {
                display: flex;
                flex-direction: column;
                min-height: 0;
                max-height: 100%;
                height: 100%;
                border-radius: 12px;
                border: 1px solid rgba(255, 51, 51, 0.18);
                background: #120a0a;
                overflow: visible;
                box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35),
                  0 0 0 1px rgba(255, 51, 51, 0.06) inset;
                animation: execEditorShellIn 0.5s ease both;
              }
              @keyframes execEditorShellIn {
                from {
                  opacity: 0;
                  transform: scale(0.985);
                }
                to {
                  opacity: 1;
                  transform: scale(1);
                }
              }
              .exec-editor-chrome {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 8px 12px;
                background: linear-gradient(180deg, #1e1414, #161010);
                border-bottom: 1px solid rgba(255, 51, 51, 0.12);
                flex-wrap: wrap;
                flex-shrink: 0;
              }
              .exec-editor-dots {
                display: flex;
                gap: 5px;
              }
              .exec-editor-dots span {
                width: 9px;
                height: 9px;
                border-radius: 50%;
              }
              .exec-editor-dots span:nth-child(1) {
                background: #ff5f57;
              }
              .exec-editor-dots span:nth-child(2) {
                background: #febc2e;
              }
              .exec-editor-dots span:nth-child(3) {
                background: #28c840;
              }
              .exec-editor-filename {
                font-family: Consolas, Monaco, monospace;
                font-size: 0.72rem;
                color: var(--text-2);
                margin-right: auto;
              }
              .exec-editor-meta {
                font-size: 0.65rem;
                color: var(--text-3);
                padding: 2px 8px;
                border-radius: 6px;
                background: rgba(255, 51, 51, 0.08);
                border: 1px solid rgba(255, 51, 51, 0.15);
              }
              .exec-editor-hint {
                font-size: 0.62rem;
                color: var(--text-3);
                opacity: 0.85;
              }
              .exec-monaco-wrap {
                flex: 1 1 auto;
                min-height: 0;
                position: relative;
                overflow: visible;
                z-index: 1;
              }
              .exec-monaco-host {
                width: 100%;
                height: 100%;
                min-height: 0;
                overflow: hidden;
              }
              .exec-monaco-wrap .monaco-editor {
                overflow: hidden;
              }
              .exec-issues-panel {
                flex: 0 0 auto;
                display: flex;
                flex-direction: column;
                min-height: 88px;
                max-height: min(160px, 22vh);
                border-top: 1px solid rgba(255, 51, 51, 0.14);
                background: linear-gradient(180deg, #140e0e, #100c0c);
              }
              .exec-issues-hd {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                padding: 8px 14px;
                border-bottom: 1px solid rgba(255, 51, 51, 0.1);
                flex-shrink: 0;
              }
              .exec-issues-title {
                font-size: 0.66rem;
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: 0.07em;
                color: var(--text-3);
              }
              .exec-issues-summary {
                font-size: 0.68rem;
                font-weight: 700;
                color: var(--text-3);
              }
              .exec-issues-summary.has-errors {
                color: #ff6b6b;
              }
              .exec-issues-summary.has-warnings {
                color: #ffb347;
              }
              .exec-issues-summary.is-ok {
                color: #6bcf8a;
              }
              .exec-issues-list {
                flex: 1;
                min-height: 0;
                overflow-y: auto;
                padding: 6px 8px 8px;
                display: flex;
                flex-direction: column;
                gap: 4px;
              }
              .exec-issues-empty {
                padding: 14px 12px;
                font-size: 0.72rem;
                color: var(--text-3);
                text-align: center;
                font-style: italic;
              }
              .exec-issue-item {
                display: grid;
                grid-template-columns: auto 1fr;
                grid-template-rows: auto auto;
                gap: 2px 10px;
                width: 100%;
                text-align: left;
                padding: 8px 10px;
                border: 1px solid transparent;
                border-radius: 8px;
                background: rgba(0, 0, 0, 0.2);
                cursor: pointer;
                transition: border-color 0.2s, background 0.2s;
              }
              .exec-issue-item:hover {
                border-color: rgba(255, 51, 51, 0.35);
                background: rgba(255, 51, 51, 0.08);
              }
              .exec-issue-sev {
                grid-row: 1 / span 2;
                align-self: center;
                font-size: 0.58rem;
                font-weight: 800;
                text-transform: uppercase;
                letter-spacing: 0.05em;
                padding: 3px 7px;
                border-radius: 5px;
                line-height: 1;
              }
              .exec-issue-item--error .exec-issue-sev {
                color: #ffc9c9;
                background: rgba(255, 60, 60, 0.2);
                border: 1px solid rgba(255, 80, 80, 0.35);
              }
              .exec-issue-item--warning .exec-issue-sev {
                color: #ffe0b0;
                background: rgba(255, 160, 50, 0.15);
                border: 1px solid rgba(255, 179, 71, 0.35);
              }
              .exec-issue-item--info .exec-issue-sev {
                color: #c8d8ff;
                background: rgba(100, 140, 255, 0.12);
                border: 1px solid rgba(120, 160, 255, 0.28);
              }
              .exec-issue-loc {
                font-family: Consolas, Monaco, monospace;
                font-size: 0.68rem;
                color: #ff9a9a;
                font-weight: 700;
              }
              .exec-issue-msg {
                grid-column: 2;
                font-size: 0.72rem;
                color: var(--text-2);
                line-height: 1.4;
              }
              .exec-monaco-wrap .suggest-widget,
              .exec-monaco-wrap .monaco-editor .suggest-widget {
                position: absolute !important;
                z-index: 200 !important;
                border-radius: 8px !important;
                box-shadow: 0 12px 40px rgba(0, 0, 0, 0.65) !important;
                transform: none !important;
              }
              .exec-monaco-wrap .parameter-hints-widget,
              .exec-monaco-wrap .monaco-editor .parameter-hints-widget {
                position: absolute !important;
                z-index: 201 !important;
                border-radius: 8px !important;
                transform: none !important;
              }
              .exec-ac-dropdown {
                display: none !important;
              }
              .exec-ac-dropdown {
                position: absolute;
                z-index: 120;
                min-width: 200px;
                max-width: 300px;
                max-height: 220px;
                overflow-y: auto;
                margin: 0;
                padding: 4px;
                list-style: none;
                border: 1px solid rgba(255, 51, 51, 0.45);
                border-radius: 8px;
                background: #1a1212;
                box-shadow: 0 10px 32px rgba(0, 0, 0, 0.65);
              }
              .exec-ac-dropdown[hidden] {
                display: none !important;
              }
              .exec-ac-item {
                display: block;
                width: 100%;
                text-align: left;
                border: none;
                border-radius: 6px;
                padding: 7px 10px;
                background: transparent;
                cursor: pointer;
                color: #e8d4d4;
                font-family: Consolas, Monaco, monospace;
                font-size: 0.75rem;
              }
              .exec-ac-item:hover,
              .exec-ac-item.active {
                background: rgba(255, 51, 51, 0.2);
                color: #fff;
              }
              .exec-ac-item-name {
                font-weight: 700;
                color: #ff9a9a;
              }
              .exec-ac-item-desc {
                display: block;
                font-family: Inter, sans-serif;
                font-size: 0.65rem;
                color: var(--text-3);
                margin-top: 2px;
                line-height: 1.35;
              }
              .exec-save-row {
                display: flex;
                align-items: center;
                gap: 12px;
                flex-wrap: wrap;
                padding: 10px 12px;
                background: #161010;
                border-top: 1px solid rgba(255, 51, 51, 0.1);
                flex-shrink: 0;
              }
              .exec-save-btn {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                padding: 8px 16px;
                border: none;
                border-radius: 8px;
                background: linear-gradient(135deg, #cc2222, var(--accent));
                color: #fff;
                font-size: 0.75rem;
                font-weight: 800;
                cursor: pointer;
                transition: transform 0.15s, box-shadow 0.2s;
                box-shadow: 0 4px 16px var(--accent-glow);
              }
              .exec-save-btn svg {
                width: 15px;
                height: 15px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .exec-save-btn:hover {
                box-shadow: 0 6px 22px var(--accent-glow);
              }
              .exec-save-btn:active {
                transform: scale(0.97);
              }
              .exec-save-status {
                font-size: 0.72rem;
                color: var(--text-3);
                transition: color 0.2s;
              }
              .exec-mode-badge {
                font-size: 0.68rem;
                margin-left: auto;
              }
              .rec-scope-toggle {
                display: flex;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 9px;
                padding: 3px;
                gap: 2px;
              }
              .rec-scope-btn {
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 7px 16px;
                border-radius: 7px;
                font-size: 0.78rem;
                font-weight: 700;
                border: none;
                background: transparent;
                color: var(--text-3);
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
                white-space: nowrap;
              }
              .rec-scope-btn svg {
                width: 13px;
                height: 13px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                flex-shrink: 0;
              }
              .rec-scope-btn.active {
                background: var(--surface);
                color: var(--text);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
              }
              .rec-scope-btn.active.my-server {
                color: var(--accent);
              }
              .rec-scope-btn.active.global {
                color: var(--blue);
              }
              .rec-scope-hint {
                font-size: 0.72rem;
                color: var(--text-3);
              }
              .rec-global-notice {
                display: none;
                align-items: center;
                gap: 10px;
                padding: 12px 16px;
                background: var(--blue-dim);
                border: 1px solid rgba(91, 156, 246, 0.18);
                border-radius: 10px;
                font-size: 0.75rem;
                color: var(--text-2);
                line-height: 1.5;
              }
              .rec-global-notice svg {
                width: 15px;
                height: 15px;
                stroke: var(--blue);
                fill: none;
                stroke-width: 2;
                flex-shrink: 0;
              }
              .rec-global-notice strong {
                color: var(--blue);
              }
              .rec-global-notice.show {
                display: flex;
              }

              
              .rec-add-ban-btn {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                padding: 9px 18px;
                border-radius: 9px;
                background: var(--accent);
                border: 1px solid rgba(255, 51, 51, 0.35);
                color: #fff;
                font-size: 0.8rem;
                font-weight: 700;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
                white-space: nowrap;
              }
              .rec-add-ban-btn svg {
                width: 14px;
                height: 14px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
                flex-shrink: 0;
              }
              .rec-add-ban-btn:hover {
                filter: brightness(1.08);
                box-shadow: 0 4px 16px var(--accent-glow);
              }

              
              .rec-addban-card {
                display: none;
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 22px;
                flex-direction: column;
                gap: 16px;
              }
              .rec-addban-card.open {
                display: flex;
              }
              .rec-addban-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 14px;
              }
              @media (max-width: 700px) {
                .rec-addban-grid {
                  grid-template-columns: 1fr;
                }
              }
              .rec-addban-field label {
                display: block;
                font-size: 0.68rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                color: var(--text-3);
                margin-bottom: 5px;
              }
              .rec-addban-field input,
              .rec-addban-field select,
              .rec-addban-field textarea {
                width: 100%;
                padding: 9px 12px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 9px;
                color: var(--text);
                font-size: 0.82rem;
                font-family: "Inter", sans-serif;
                outline: none;
                transition: border-color 0.15s;
              }
              .rec-addban-field input:focus,
              .rec-addban-field select:focus,
              .rec-addban-field textarea:focus {
                border-color: rgba(255, 51, 51, 0.4);
              }
              .rec-addban-field textarea {
                resize: vertical;
                min-height: 64px;
                line-height: 1.5;
              }
              .rec-ban-custom-dur-wrap {
                grid-column: 1 / -1;
                overflow: hidden;
                opacity: 0;
                visibility: hidden;
                max-height: 0;
                margin: 0;
                padding: 0;
                pointer-events: none;
                transition:
                  opacity 0.28s ease,
                  max-height 0.32s ease,
                  margin 0.28s ease,
                  padding 0.28s ease,
                  visibility 0s linear 0.32s;
              }
              .rec-ban-custom-dur-wrap.rec-ban-custom-dur-wrap--open {
                opacity: 1;
                visibility: visible;
                max-height: 120px;
                margin-top: 0;
                padding: 2px 0 4px;
                pointer-events: auto;
                transition:
                  opacity 0.28s ease,
                  max-height 0.32s ease,
                  margin 0.28s ease,
                  padding 0.28s ease,
                  visibility 0s linear 0s;
              }
              .rec-ban-custom-dur-inner {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-end;
                gap: 10px 14px;
              }
              .rec-ban-custom-dur-inner label {
                display: block;
                font-size: 0.68rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                color: var(--text-3);
                margin-bottom: 5px;
              }
              .rec-ban-custom-dur-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 10px;
              }
              .rec-ban-custom-dur-row input[type="number"] {
                width: 96px;
                padding: 9px 12px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 9px;
                color: var(--text);
                font-size: 0.82rem;
                font-family: "Inter", sans-serif;
                outline: none;
              }
              .rec-ban-custom-dur-row select {
                min-width: 132px;
                padding: 9px 12px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 9px;
                color: var(--text);
                font-size: 0.82rem;
                font-family: "Inter", sans-serif;
                outline: none;
              }
              .rec-ban-custom-dur-row input:focus,
              .rec-ban-custom-dur-row select:focus {
                border-color: rgba(255, 51, 51, 0.4);
              }
              .rec-addban-hd {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                padding-bottom: 14px;
                border-bottom: 1px solid var(--border);
              }
              .rec-addban-title {
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 0.95rem;
                font-weight: 900;
                color: var(--text);
              }
              .rec-addban-sync-note {
                font-size: 0.7rem;
                color: var(--text-3);
                line-height: 1.5;
              }

              
              .rec-empty {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 40px 20px;
                gap: 12px;
              }
              .rec-empty svg {
                width: 44px;
                height: 44px;
                stroke: var(--text-3);
                fill: none;
                stroke-width: 1.5;
                opacity: 0.6;
              }
              .rec-empty p {
                font-size: 0.8rem;
                color: var(--text-3);
                text-align: center;
                margin: 0;
                line-height: 1.5;
              }

              
              .rec-result-wrap {
                display: flex;
                flex-direction: column;
                gap: 16px;
              }

              
              .rec-profile-hero {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 22px;
                display: flex;
                align-items: flex-start;
                gap: 20px;
                flex-wrap: wrap;
                transition: border-color 0.2s;
              }
              .rec-avatar-col {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10px;
                flex-shrink: 0;
              }
              .rec-avatar-frame {
                width: 80px;
                height: 80px;
                border-radius: 14px;
                overflow: hidden;
                border: 2px solid var(--border-bright);
                background: var(--surface-2);
                position: relative;
              }
              .rec-avatar-frame img {
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
              .rec-avatar-fallback {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 1.8rem;
                font-weight: 900;
                color: var(--text-3);
              }
              .rec-status-pip {
                position: absolute;
                bottom: 4px;
                right: 4px;
                width: 14px;
                height: 14px;
                border-radius: 50%;
                border: 2px solid var(--surface);
              }
              .rec-profile-body {
                flex: 1;
                min-width: 0;
              }
              .rec-username {
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 1.3rem;
                font-weight: 900;
                letter-spacing: -0.02em;
                color: var(--text);
                line-height: 1.1;
              }
              .rec-userid {
                font-size: 0.72rem;
                color: var(--text-3);
                margin-top: 4px;
                font-family: "SF Mono", "Fira Code", monospace;
              }
              .rec-badge-row {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
                margin-top: 10px;
              }
              .rec-badge {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                padding: 4px 10px;
                border-radius: 6px;
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.04em;
              }
              .rec-badge svg {
                width: 11px;
                height: 11px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.5;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .rec-badge--banned {
                background: var(--red-dim);
                color: var(--red);
                border: 1px solid rgba(255, 107, 107, 0.2);
              }
              .rec-badge--clean {
                background: var(--green-dim);
                color: var(--green);
                border: 1px solid rgba(76, 255, 145, 0.2);
              }
              .rec-badge--neutral {
                background: var(--surface-3);
                color: var(--text-2);
                border: 1px solid var(--border);
              }
              .rec-profile-actions {
                display: flex;
                flex-direction: column;
                gap: 8px;
                flex-shrink: 0;
                align-items: flex-end;
              }

              
              .rec-btn {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                padding: 9px 16px;
                border-radius: 9px;
                font-size: 0.78rem;
                font-weight: 700;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
                border: 1px solid;
                white-space: nowrap;
              }
              .rec-btn svg {
                width: 14px;
                height: 14px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
                flex-shrink: 0;
              }
              .rec-btn--unban {
                background: var(--green-dim);
                border-color: rgba(76, 255, 145, 0.25);
                color: var(--green);
              }
              .rec-btn--unban:hover {
                background: rgba(76, 255, 145, 0.2);
                border-color: rgba(76, 255, 145, 0.4);
              }
              .rec-btn--note {
                background: var(--surface-2);
                border-color: var(--border);
                color: var(--text-2);
              }
              .rec-btn--note:hover {
                background: var(--surface);
                border-color: var(--border-bright);
                color: var(--text);
              }
              .rec-btn--reason {
                background: var(--amber-dim);
                border-color: rgba(255, 179, 71, 0.25);
                color: var(--amber);
              }
              .rec-btn--reason:hover {
                background: rgba(255, 179, 71, 0.2);
              }

              
              .rec-detail-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
              }
              @media (max-width: 820px) {
                .rec-detail-grid {
                  grid-template-columns: 1fr;
                }
              }

              
              .rec-card {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 18px 20px;
                transition: border-color 0.2s;
              }
              .rec-card:hover {
                border-color: var(--border-bright);
              }
              .rec-card-hd {
                display: flex;
                align-items: center;
                gap: 9px;
                margin-bottom: 14px;
                padding-bottom: 12px;
                border-bottom: 1px solid var(--border);
              }
              .rec-card-hd-icon {
                width: 28px;
                height: 28px;
                border-radius: 7px;
                display: grid;
                place-items: center;
                flex-shrink: 0;
              }
              .rec-card-hd-icon svg {
                width: 13px;
                height: 13px;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .rec-card-hd-label {
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: var(--text-3);
              }
              .rec-dl {
                display: flex;
                flex-direction: column;
                gap: 0;
              }
              .rec-dl-row {
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 12px;
                padding: 8px 0;
                border-bottom: 1px solid var(--border);
                font-size: 0.8rem;
              }
              .rec-dl-row:last-child {
                border-bottom: none;
                padding-bottom: 0;
              }
              .rec-dl-k {
                color: var(--text-3);
                font-weight: 600;
                font-size: 0.74rem;
                white-space: nowrap;
              }
              .rec-dl-v {
                color: var(--text);
                font-weight: 500;
                text-align: right;
                word-break: break-word;
                max-width: 200px;
              }
              .rec-dl-v.mono {
                font-family: "SF Mono", "Fira Code", monospace;
                font-size: 0.72rem;
              }
              .rec-dl-v.red {
                color: var(--red);
                font-weight: 700;
              }
              .rec-dl-v.green {
                color: var(--green);
                font-weight: 700;
              }
              .rec-dl-v.amber {
                color: var(--amber);
              }

              
              .rec-reason-box {
                background: var(--surface-2);
                border: 1px solid rgba(255, 107, 107, 0.18);
                border-radius: 9px;
                padding: 12px 14px;
                font-size: 0.82rem;
                color: var(--text);
                line-height: 1.55;
                margin-top: 4px;
              }

              
              .rec-unban-form {
                display: none;
                flex-direction: column;
                gap: 10px;
                margin-top: 14px;
                padding-top: 14px;
                border-top: 1px solid var(--border);
              }
              .rec-unban-form.open {
                display: flex;
              }
              .rec-unban-form label {
                font-size: 0.68rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                color: var(--text-3);
              }
              .rec-unban-form textarea {
                width: 100%;
                padding: 10px 12px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 9px;
                color: var(--text);
                font-size: 0.8rem;
                font-family: "Inter", sans-serif;
                resize: vertical;
                min-height: 72px;
                outline: none;
                transition: border-color 0.15s;
                line-height: 1.5;
              }
              .rec-unban-form textarea:focus {
                border-color: rgba(76, 255, 145, 0.4);
              }
              .rec-unban-form textarea::placeholder {
                color: var(--text-3);
              }
              .rec-unban-form-actions {
                display: flex;
                gap: 8px;
                align-items: center;
              }
              .rec-confirm-unban {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                padding: 9px 18px;
                border-radius: 9px;
                background: var(--green-dim);
                border: 1px solid rgba(76, 255, 145, 0.3);
                color: var(--green);
                font-size: 0.8rem;
                font-weight: 700;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
              }
              .rec-confirm-unban svg {
                width: 14px;
                height: 14px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .rec-confirm-unban:hover {
                background: rgba(76, 255, 145, 0.2);
              }
              .rec-cancel-unban {
                background: transparent;
                border: 1px solid var(--border);
                color: var(--text-3);
                padding: 9px 14px;
                border-radius: 9px;
                font-size: 0.78rem;
                font-weight: 600;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
              }
              .rec-cancel-unban:hover {
                background: var(--surface-2);
                color: var(--text);
              }
              .rec-unban-warn {
                font-size: 0.7rem;
                color: var(--amber);
                display: flex;
                align-items: center;
                gap: 5px;
              }
              .rec-unban-warn svg {
                width: 12px;
                height: 12px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                flex-shrink: 0;
              }

              
              .rec-notes-card {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                overflow: hidden;
              }
              .rec-notes-hd {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 16px 20px;
                border-bottom: 1px solid var(--border);
                gap: 12px;
              }
              .rec-notes-hd-left {
                display: flex;
                align-items: center;
                gap: 9px;
              }
              .rec-notes-hd-icon {
                width: 28px;
                height: 28px;
                border-radius: 7px;
                background: var(--blue-dim);
                display: grid;
                place-items: center;
              }
              .rec-notes-hd-icon svg {
                width: 13px;
                height: 13px;
                stroke: var(--blue);
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .rec-notes-hd-label {
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: var(--text-3);
              }
              .rec-notes-count {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 20px;
                height: 20px;
                padding: 0 6px;
                border-radius: 10px;
                background: var(--blue-dim);
                color: var(--blue);
                font-size: 0.65rem;
                font-weight: 800;
              }
              .rec-add-note-btn {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 7px 14px;
                border-radius: 8px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                color: var(--text-2);
                font-size: 0.75rem;
                font-weight: 600;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
              }
              .rec-add-note-btn svg {
                width: 13px;
                height: 13px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .rec-add-note-btn:hover {
                background: var(--surface);
                border-color: var(--border-bright);
                color: var(--text);
              }

              
              .rec-addnote-form {
                display: none;
                padding: 16px 20px;
                border-bottom: 1px solid var(--border);
                background: var(--surface-2);
                flex-direction: column;
                gap: 10px;
              }
              .rec-addnote-form.open {
                display: flex;
              }
              .rec-addnote-form label {
                font-size: 0.68rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.06em;
                color: var(--text-3);
              }
              .rec-addnote-form textarea {
                width: 100%;
                padding: 10px 12px;
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 9px;
                color: var(--text);
                font-size: 0.8rem;
                font-family: "Inter", sans-serif;
                resize: vertical;
                min-height: 64px;
                outline: none;
                transition: border-color 0.15s;
                line-height: 1.5;
              }
              .rec-addnote-form textarea:focus {
                border-color: rgba(91, 156, 246, 0.4);
              }
              .rec-addnote-form textarea::placeholder {
                color: var(--text-3);
              }
              .rec-addnote-actions {
                display: flex;
                gap: 8px;
              }
              .rec-submit-note {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                padding: 8px 16px;
                border-radius: 8px;
                background: var(--blue-dim);
                border: 1px solid rgba(91, 156, 246, 0.3);
                color: var(--blue);
                font-size: 0.78rem;
                font-weight: 700;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
              }
              .rec-submit-note svg {
                width: 13px;
                height: 13px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.2;
              }
              .rec-submit-note:hover {
                background: rgba(91, 156, 246, 0.18);
              }
              .rec-cancel-note {
                background: transparent;
                border: 1px solid var(--border);
                color: var(--text-3);
                padding: 8px 12px;
                border-radius: 8px;
                font-size: 0.75rem;
                font-weight: 600;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
              }
              .rec-cancel-note:hover {
                background: var(--surface);
                color: var(--text);
              }

              
              .rec-notes-feed {
                display: flex;
                flex-direction: column;
              }
              .rec-note-entry {
                display: flex;
                gap: 14px;
                padding: 16px 20px;
                border-bottom: 1px solid var(--border);
                transition: background 0.15s;
              }
              .rec-note-entry:last-child {
                border-bottom: none;
              }
              .rec-note-entry:hover {
                background: var(--surface-2);
              }
              .rec-note-avatar {
                width: 32px;
                height: 32px;
                border-radius: 50%;
                background: var(--surface-3);
                border: 1px solid var(--border);
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 0.75rem;
                font-weight: 900;
                color: var(--text-2);
                flex-shrink: 0;
                overflow: hidden;
              }
              .rec-note-avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
              .rec-note-body {
                flex: 1;
                min-width: 0;
              }
              .rec-note-meta {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
                margin-bottom: 6px;
              }
              .rec-note-author {
                font-size: 0.78rem;
                font-weight: 700;
                color: var(--text);
              }
              .rec-note-source {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                padding: 2px 7px;
                border-radius: 4px;
                font-size: 0.62rem;
                font-weight: 700;
                letter-spacing: 0.04em;
              }
              .rec-note-source svg {
                width: 9px;
                height: 9px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.5;
              }
              .rec-note-source--web {
                background: var(--blue-dim);
                color: var(--blue);
                border: 1px solid rgba(91, 156, 246, 0.18);
              }
              .rec-note-source--game {
                background: var(--amber-dim);
                color: var(--amber);
                border: 1px solid rgba(255, 179, 71, 0.18);
              }
              .rec-note-time {
                font-size: 0.68rem;
                color: var(--text-3);
                margin-left: auto;
                white-space: nowrap;
              }
              .rec-note-text {
                font-size: 0.8rem;
                color: var(--text-2);
                line-height: 1.55;
              }
              .rec-notes-empty {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 32px 20px;
                gap: 10px;
              }
              .rec-notes-empty svg {
                width: 36px;
                height: 36px;
                stroke: var(--text-3);
                fill: none;
                stroke-width: 1.5;
                opacity: 0.6;
              }
              .rec-notes-empty p {
                font-size: 0.78rem;
                color: var(--text-3);
                text-align: center;
                margin: 0;
              }

              
              .rec-history-card {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                overflow: hidden;
              }
              .rec-history-hd {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 14px 20px;
                border-bottom: 1px solid var(--border);
              }
              .rec-history-hd-left {
                display: flex;
                align-items: center;
                gap: 9px;
              }
              .rec-history-hd-icon {
                width: 28px;
                height: 28px;
                border-radius: 7px;
                background: var(--surface-2);
                display: grid;
                place-items: center;
                border: 1px solid var(--border);
              }
              .rec-history-hd-icon svg {
                width: 13px;
                height: 13px;
                stroke: var(--text-3);
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .rec-history-label {
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: var(--text-3);
              }
              .rec-clear-btn {
                background: transparent;
                border: 1px solid var(--border);
                color: var(--text-3);
                padding: 5px 12px;
                border-radius: 7px;
                font-size: 0.72rem;
                font-weight: 600;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
              }
              .rec-clear-btn:hover {
                background: var(--surface-2);
                color: var(--text);
              }
              .rec-history-row {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 10px 20px;
                border-bottom: 1px solid var(--border);
                cursor: pointer;
                transition: background 0.15s;
              }
              .rec-history-row:last-child {
                border-bottom: none;
              }
              .rec-history-row:hover {
                background: var(--surface-2);
              }
              .rec-history-thumb {
                width: 28px;
                height: 28px;
                border-radius: 6px;
                overflow: hidden;
                background: var(--surface-2);
                border: 1px solid var(--border);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 0.65rem;
                font-weight: 900;
                color: var(--text-3);
                flex-shrink: 0;
              }
              .rec-history-thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
              .rec-history-name {
                flex: 1;
                font-size: 0.8rem;
                font-weight: 600;
                color: var(--text);
              }
              .rec-history-time {
                font-size: 0.68rem;
                color: var(--text-3);
              }
                .echo-browser-header {
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  gap: 14px;
                  flex-wrap: wrap;
                  margin-bottom: 18px;
                }
                .echo-meta-chip {
                  font-size: 0.74rem;
                  color: var(--text-2);
                }
                .echo-meta-chip strong {
                  color: var(--text);
                  font-weight: 700;
                }
                .echo-srv-grid {
                  display: grid;
                  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
                  gap: 12px;
                }
                .echo-empty {
                  grid-column: 1/-1;
                  position: relative;
                  border: 1px dashed rgba(255, 255, 255, 0.12);
                  border-radius: 14px;
                  background: rgba(255, 255, 255, 0.02);
                  padding: 34px 22px;
                  overflow: hidden;
                  min-height: 220px;
                  display: grid;
                  place-items: center;
                  text-align: center;
                }
                .echo-empty-logo {
                  position: absolute;
                  inset: 0;
                  display: grid;
                  place-items: center;
                  pointer-events: none;
                  opacity: 0.08;
                  filter: grayscale(1);
                }
                .echo-empty-logo img {
                  width: min(220px, 44vw);
                  height: auto;
                }
                .echo-empty-inner {
                  position: relative;
                  z-index: 1;
                  display: grid;
                  gap: 8px;
                  max-width: 520px;
                }
                .echo-empty-title {
                  font-family: "Cabinet Grotesk", sans-serif;
                  font-weight: 900;
                  letter-spacing: -0.02em;
                  font-size: 1.1rem;
                  color: var(--text);
                }
                .echo-empty-sub {
                  font-size: 0.84rem;
                  color: var(--text-2);
                  line-height: 1.6;
                }
                .echo-empty-sub code {
                  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
                    "Liberation Mono", "Courier New", monospace;
                  font-size: 0.78rem;
                  color: var(--text);
                  background: rgba(255, 255, 255, 0.03);
                  border: 1px solid rgba(255, 255, 255, 0.08);
                  padding: 2px 6px;
                  border-radius: 8px;
                }
                .echo-srv-card {
                  background: var(--surface);
                  border: 1px solid var(--border);
                  border-radius: 12px;
                  padding: 18px 20px;
                  transition:
                    border-color 0.2s,
                    box-shadow 0.2s;
                  position: relative;
                }
                .echo-srv-card:hover {
                  border-color: var(--border-bright);
                  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
                }
                .echo-srv-card-top {
                  display: flex;
                  align-items: flex-start;
                  justify-content: space-between;
                  gap: 10px;
                  margin-bottom: 14px;
                }
                .echo-srv-name {
                  font-weight: 600;
                  font-size: 0.9rem;
                  color: var(--text);
                  line-height: 1.2;
                }
                .echo-srv-sub {
                  font-family: "SF Mono", "Fira Code", monospace;
                  font-size: 0.62rem;
                  color: var(--text-3);
                  margin-top: 3px;
                  letter-spacing: 0.03em;
                }
                .echo-live-pill {
                  display: inline-flex;
                  align-items: center;
                  gap: 5px;
                  padding: 3px 9px;
                  border-radius: 20px;
                  background: var(--green-dim);
                  border: 1px solid rgba(76, 255, 145, 0.2);
                  font-size: 0.64rem;
                  font-weight: 700;
                  color: var(--green);
                  white-space: nowrap;
                  flex-shrink: 0;
                  letter-spacing: 0.04em;
                }
                .echo-live-dot {
                  width: 5px;
                  height: 5px;
                  border-radius: 50%;
                  background: var(--green);
                  animation: pulse-green 2s infinite;
                  flex-shrink: 0;
                }
                .echo-srv-stats {
                  display: grid;
                  grid-template-columns: repeat(4, 1fr);
                  gap: 0;
                  border: 1px solid var(--border);
                  border-radius: 8px;
                  overflow: hidden;
                  margin-bottom: 14px;
                }
                .echo-srv-stat {
                  padding: 8px 12px;
                  border-right: 1px solid var(--border);
                  background: var(--surface-2);
                }
                .echo-srv-stat:last-child {
                  border-right: none;
                }
                .echo-srv-stat-lbl {
                  font-size: 0.6rem;
                  font-weight: 700;
                  letter-spacing: 0.07em;
                  text-transform: uppercase;
                  color: var(--text-3);
                  margin-bottom: 4px;
                }
                .echo-srv-stat-val {
                  font-family: "SF Mono", "Fira Code", monospace;
                  font-size: 0.82rem;
                  font-weight: 700;
                  color: var(--text);
                }
                .echo-srv-footer {
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  gap: 10px;
                }
                .echo-srv-gameid {
                  font-family: "SF Mono", "Fira Code", monospace;
                  font-size: 0.64rem;
                  color: var(--text-3);
                  flex: 1;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                }
                .echo-join-btn {
                  display: inline-flex;
                  align-items: center;
                  gap: 6px;
                  padding: 7px 16px;
                  background: var(--accent);
                  color: #fff;
                  border: none;
                  border-radius: 7px;
                  font-family: "Inter", sans-serif;
                  font-size: 0.76rem;
                  font-weight: 700;
                  cursor: pointer;
                  box-shadow: 0 0 14px var(--accent-glow);
                  transition: all 0.18s;
                  opacity: 0;
                  transform: translateY(3px);
                  white-space: nowrap;
                  flex-shrink: 0;
                }
                .echo-srv-card:hover .echo-join-btn {
                  opacity: 1;
                  transform: translateY(0);
                }
                .echo-join-btn:hover {
                  background: #ff5555;
                  transform: translateY(-1px);
                }
                .echo-term-wrap {
                  display: none;
                }
                .echo-term-wrap.active {
                  display: block;
                }
                .echo-term-topbar {
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  gap: 12px;
                  padding: 12px 16px;
                  margin-bottom: 14px;
                  background: var(--surface);
                  border: 1px solid var(--border);
                  border-radius: 8px;
                  flex-wrap: wrap;
                }
                .echo-term-srv-label {
                  font-size: 0.68rem;
                  font-weight: 700;
                  text-transform: uppercase;
                  letter-spacing: 0.06em;
                  color: var(--text-3);
                  margin-bottom: 3px;
                }
                .echo-term-srv-name {
                  font-size: 0.92rem;
                  font-weight: 700;
                  color: var(--text);
                }
                .echo-term-srv-meta {
                  font-family: "SF Mono", "Fira Code", monospace;
                  font-size: 0.64rem;
                  color: var(--text-3);
                  margin-top: 3px;
                  letter-spacing: 0.03em;
                }
                .echo-term-job-row {
                  display: none;
                  align-items: flex-start;
                  flex-wrap: wrap;
                  gap: 8px 10px;
                  margin-top: 10px;
                  padding-top: 10px;
                  border-top: 1px solid var(--border);
                }
                .echo-term-job-row.visible {
                  display: flex;
                }
                .echo-term-job-label {
                  font-size: 0.62rem;
                  font-weight: 700;
                  letter-spacing: 0.06em;
                  text-transform: uppercase;
                  color: var(--text-3);
                  flex-shrink: 0;
                  line-height: 1.6;
                }
                .echo-term-job-id-wrap {
                  flex: 1;
                  min-width: 0;
                }
                .echo-term-job-id {
                  display: block;
                  font-family:
                    Consolas, "Courier New", Courier, ui-monospace, monospace;
                  font-size: 0.7rem;
                  color: var(--text-2);
                  word-break: break-all;
                  line-height: 1.45;
                  margin: 0;
                }
                .echo-term-copy-btn {
                  padding: 4px 12px;
                  font-size: 0.68rem;
                  font-weight: 600;
                  border: 1px solid var(--border);
                  background: var(--surface-2);
                  color: var(--text-2);
                  border-radius: 6px;
                  cursor: pointer;
                  font-family: "Inter", sans-serif;
                  flex-shrink: 0;
                  align-self: flex-start;
                  transition:
                    color 0.15s,
                    border-color 0.15s,
                    background 0.15s;
                }
                .echo-term-copy-btn:hover:not(:disabled) {
                  color: var(--text);
                  border-color: var(--border-bright);
                  background: var(--surface);
                }
                .echo-term-copy-btn:disabled {
                  opacity: 0.45;
                  cursor: not-allowed;
                }
                .echo-term-layout {
                  display: grid;
                  grid-template-columns: minmax(0, 1fr) 260px;
                  gap: 14px;
                  align-items: start;
                }
                .echo-terminal {
                  font-family:
                    Consolas, "Courier New", Courier, ui-monospace, monospace;
                  background: #000;
                  border: 1px solid #333;
                  border-radius: 0;
                  overflow: hidden;
                  display: flex;
                  flex-direction: column;
                }
                .echo-terminal-bar {
                  padding: 6px 10px;
                  background: #0a0a0a;
                  border-bottom: 1px solid #2a2a2a;
                  font-size: 11px;
                  color: #888;
                }
                .echo-terminal-title {
                  margin: 0;
                  font-weight: 400;
                }
                .echo-terminal-feed {
                  min-height: 360px;
                  max-height: 440px;
                  overflow-y: auto;
                  padding: 8px 10px;
                  background: #000;
                  flex: 1;
                  scrollbar-width: thin;
                  scrollbar-color: #444 #111;
                }
                .echo-terminal-feed::-webkit-scrollbar {
                  width: 6px;
                }
                .echo-terminal-feed::-webkit-scrollbar-track {
                  background: #111;
                }
                .echo-terminal-feed::-webkit-scrollbar-thumb {
                  background: #444;
                }
                .echo-term-entry {
                  margin: 0 0 10px 0;
                  padding: 0;
                  font-size: 12px;
                  line-height: 1.45;
                  color: #ccc;
                  white-space: pre-wrap;
                  word-wrap: break-word;
                  font-family: inherit;
                  border: 0;
                  background: transparent;
                  display: block;
                  width: 100%;
                  box-sizing: border-box;
                }
                .echo-term-entry.err {
                  color: #e57373;
                }
                .echo-input-area {
                  border-top: 1px solid #2a2a2a;
                  background: #000;
                  padding: 8px 10px;
                  display: flex;
                  flex-direction: column;
                  gap: 6px;
                }
                .echo-chips {
                  display: flex;
                  flex-wrap: wrap;
                  gap: 4px;
                }
                .echo-chip {
                  padding: 3px 8px;
                  background: #111;
                  border: 1px solid #333;
                  font-family: inherit;
                  font-size: 11px;
                  color: #aaa;
                  cursor: pointer;
                  border-radius: 0;
                }
                .echo-chip:hover {
                  color: #ddd;
                  border-color: #555;
                  background: #1a1a1a;
                }
                .echo-input-row {
                  display: flex;
                  align-items: center;
                  gap: 6px;
                }
                .echo-prompt {
                  font-size: 12px;
                  color: #888;
                  flex-shrink: 0;
                  user-select: none;
                }
                .echo-input {
                  flex: 1;
                  padding: 6px 8px;
                  background: #000;
                  border: 1px solid #333;
                  color: #ddd;
                  font-family: inherit;
                  font-size: 12px;
                  outline: none;
                  border-radius: 0;
                }
                .echo-input:focus {
                  border-color: #666;
                }
                .echo-input::placeholder {
                  color: #555;
                }
                .echo-run-btn {
                  padding: 6px 14px;
                  background: #222;
                  color: #ddd;
                  border: 1px solid #444;
                  font-family: inherit;
                  font-size: 12px;
                  cursor: pointer;
                  border-radius: 0;
                  white-space: nowrap;
                  flex-shrink: 0;
                }
                .echo-run-btn:hover {
                  background: #2a2a2a;
                  border-color: #666;
                }
                .echo-terminal.echo-terminal-disabled .echo-input-area {
                  opacity: 0.45;
                  pointer-events: none;
                }
                .echo-join-line {
                  font-size: 12px;
                  color: #888;
                }
                #echo-join-spin {
                  display: inline-block;
                  width: 1ch;
                  text-align: center;
                  color: var(--green);
                }
                .echo-term-sidebar {
                  display: flex;
                  flex-direction: column;
                  gap: 12px;
                }
                .echo-sb-card {
                  background: var(--surface);
                  border: 1px solid var(--border);
                  border-radius: 10px;
                  overflow: hidden;
                }
                .echo-sb-title {
                  padding: 10px 14px;
                  border-bottom: 1px solid var(--border);
                  font-size: 0.7rem;
                  font-weight: 700;
                  letter-spacing: 0.05em;
                  text-transform: uppercase;
                  color: var(--text-3);
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                }
                .echo-sb-content {
                  padding: 12px 14px;
                  font-size: 0.8rem;
                  color: var(--text-2);
                  line-height: 1.6;
                }
                .echo-sb-server-list {
                  display: flex;
                  flex-direction: column;
                  gap: 4px;
                  max-height: 200px;
                  overflow-y: auto;
                  padding: 8px 10px;
                }
                .echo-sb-srv-btn {
                  display: block;
                  width: 100%;
                  text-align: left;
                  padding: 8px 10px;
                  background: transparent;
                  border: 1px solid transparent;
                  border-radius: 7px;
                  font-family: "Inter", sans-serif;
                  font-size: 0.78rem;
                  color: var(--text-2);
                  cursor: pointer;
                  transition: all 0.13s;
                }
                .echo-sb-srv-btn:hover {
                  background: var(--surface-2);
                  border-color: var(--border);
                  color: var(--text);
                }
                .echo-sb-srv-btn.active {
                  background: var(--accent-dim);
                  border-color: rgba(255, 51, 51, 0.22);
                  color: var(--accent);
                }
                .echo-sb-srv-count {
                  font-size: 0.64rem;
                  color: var(--text-3);
                  margin-top: 1px;
                }
                .echo-back-btn {
                  display: flex;
                  align-items: center;
                  gap: 7px;
                  padding: 9px 14px;
                  background: transparent;
                  border: 1px solid var(--border);
                  border-radius: 8px;
                  font-family: "Inter", sans-serif;
                  font-size: 0.78rem;
                  font-weight: 600;
                  color: var(--text-2);
                  cursor: pointer;
                  transition: all 0.15s;
                }
                .echo-back-btn:hover {
                  background: var(--surface-2);
                  color: var(--text);
                  border-color: var(--border-bright);
                }
                .echo-back-btn svg {
                  width: 14px;
                  height: 14px;
                  stroke: currentColor;
                  fill: none;
                  stroke-width: 2;
                  stroke-linecap: round;
                  stroke-linejoin: round;
                  flex-shrink: 0;
                }
                .echo-ref-grid {
                  display: grid;
                  grid-template-columns: 1fr 1fr;
                  gap: 14px;
                  margin-top: 18px;
                }
                .echo-ref-card {
                  background: var(--surface);
                  border: 1px solid var(--border);
                  border-radius: 10px;
                  overflow: hidden;
                }
                .echo-ref-head {
                  padding: 12px 16px;
                  border-bottom: 1px solid var(--border);
                  font-size: 0.74rem;
                  font-weight: 700;
                  color: var(--text);
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                }
                .echo-ref-head span {
                  font-size: 0.68rem;
                  font-weight: 500;
                  color: var(--text-3);
                }
                .echo-ref-body {
                  padding: 14px 16px;
                  display: flex;
                  flex-direction: column;
                  gap: 0;
                  max-height: 260px;
                  overflow-y: auto;
                }
                .echo-cmd-row {
                  padding: 8px 0;
                  border-bottom: 1px solid var(--border);
                }
                .echo-cmd-row:last-child {
                  border-bottom: none;
                }
                .echo-cmd-usage {
                  font-family: "SF Mono", "Fira Code", Consolas, monospace;
                  font-size: 0.72rem;
                  font-weight: 700;
                  color: var(--accent);
                  line-height: 1.35;
                  word-break: break-word;
                }
                .echo-cmd-desc {
                  font-size: 0.71rem;
                  color: var(--text-2);
                  line-height: 1.45;
                  margin-top: 3px;
                }
                .echo-err-row {
                  display: flex;
                  align-items: baseline;
                  gap: 10px;
                  padding: 7px 0;
                  border-bottom: 1px solid var(--border);
                  flex-wrap: wrap;
                }
                .echo-err-row:last-child {
                  border-bottom: none;
                }
                .echo-err-code {
                  font-family: "SF Mono", "Fira Code", monospace;
                  font-size: 0.7rem;
                  font-weight: 700;
                  color: var(--red);
                  flex-shrink: 0;
                  min-width: 2.6rem;
                }
                .echo-err-msg {
                  font-size: 0.7rem;
                  color: var(--text-2);
                  line-height: 1.4;
                  flex: 1;
                  min-width: 0;
                }
                @media (max-width: 960px) {
                  .echo-term-layout {
                    grid-template-columns: 1fr;
                  }
                  .echo-ref-grid {
                    grid-template-columns: 1fr;
                  }
                }
                @media (max-width: 640px) {
                  .echo-srv-grid {
                    grid-template-columns: 1fr;
                  }
                  .echo-srv-stats {
                    grid-template-columns: repeat(2, 1fr);
                  }
                }
                #axSectionEcho {
                  position: relative;
                  min-height: min(70vh, 520px);
                }
                .ax-echo-premium-lock {
                  display: none;
                  position: absolute;
                  inset: 0;
                  z-index: 100;
                  align-items: center;
                  justify-content: center;
                  flex-direction: column;
                  padding: 20px;
                  box-sizing: border-box;
                }
                .ax-echo-premium-lock.visible {
                  display: flex;
                }
                .ax-echo-premium-lock-backdrop {
                  position: absolute;
                  inset: 0;
                  backdrop-filter: blur(14px);
                  -webkit-backdrop-filter: blur(14px);
                  background: rgba(10, 10, 14, 0.75);
                  pointer-events: auto;
                }
                .ax-echo-premium-lock-card {
                  position: relative;
                  z-index: 1;
                  max-width: 440px;
                  padding: 28px 26px;
                  border-radius: 14px;
                  border: 1px solid var(--border);
                  background: var(--surface);
                  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
                  pointer-events: auto;
                }
                .ax-echo-premium-lock-card p {
                  margin: 0 0 20px;
                  font-size: 0.92rem;
                  line-height: 1.55;
                  color: var(--text);
                  font-weight: 500;
                }
                .ax-echo-premium-lock-actions {
                  display: flex;
                  flex-wrap: wrap;
                  gap: 10px;
                  justify-content: center;
                }
                    .ax-pm-row {
                      display: flex;
                      align-items: flex-start;
                      justify-content: space-between;
                      gap: 14px;
                      padding: 12px 14px;
                      background: var(--surface-2);
                      border: 1px solid var(--border);
                      border-radius: 10px;
                      margin-bottom: 6px;
                      transition: border-color 0.15s;
                    }
                    .ax-pm-row:hover {
                      border-color: var(--border-bright);
                    }
                    .ax-pm-row.ax-pm-row--locked {
                      opacity: 0.55;
                      pointer-events: none;
                    }
                    .ax-pm-rowtext {
                      min-width: 0;
                      flex: 1;
                    }
                    .ax-pm-rowtitle {
                      font-size: 0.82rem;
                      font-weight: 700;
                      color: var(--text);
                      margin: 0 0 3px;
                      font-family: "SF Mono", "Fira Code", monospace;
                      display: flex;
                      flex-wrap: wrap;
                      align-items: center;
                      gap: 6px;
                    }
                    .ax-pm-vid {
                      font-size: 0.58rem;
                      font-weight: 800;
                      letter-spacing: 0.06em;
                      padding: 2px 6px;
                      border-radius: 4px;
                      border: 1px solid var(--border);
                      color: var(--text-3);
                      font-family: ui-monospace, "SF Mono", monospace;
                      flex-shrink: 0;
                    }
                    .ax-pm-rowdesc {
                      font-size: 0.7rem;
                      color: var(--text-3);
                      line-height: 1.4;
                      margin: 0;
                    }
                    .ax-pm-sub {
                      font-size: 0.62rem;
                      font-weight: 800;
                      letter-spacing: 0.1em;
                      text-transform: uppercase;
                      color: var(--text-3);
                      margin: 14px 4px 8px;
                    }
                    .ax-pm-sw {
                      position: relative;
                      width: 44px;
                      height: 24px;
                      flex-shrink: 0;
                      margin-top: 2px;
                    }
                    .ax-pm-sw input {
                      opacity: 0;
                      width: 0;
                      height: 0;
                    }
                    .ax-pm-sw-track {
                      position: absolute;
                      inset: 0;
                      background: #4e5058;
                      border-radius: 12px;
                      transition: background 0.2s;
                    }
                    .ax-perm-modal .ax-pm-sw input:checked + .ax-pm-sw-track {
                      background: var(--ax-pm-accent, #5865f2);
                      transition: background 0.28s ease;
                    }
                    .ax-pm-sw-knob {
                      position: absolute;
                      top: 3px;
                      left: 3px;
                      width: 18px;
                      height: 18px;
                      background: #fff;
                      border-radius: 50%;
                      transition: transform 0.2s;
                      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
                    }
                    .ax-pm-sw input:checked + .ax-pm-sw-track + .ax-pm-sw-knob {
                      transform: translateX(20px);
                    }
                    .ax-pm-sw input:disabled ~ .ax-pm-sw-track {
                      background: var(--surface-3);
                      opacity: 0.65;
                    }
                    .ax-perm-modal {
                      position: fixed;
                      inset: 0;
                      z-index: 12000;
                      display: none;
                      align-items: center;
                      justify-content: center;
                      padding: max(12px, 2vh);
                      box-sizing: border-box;
                    }
                    .ax-perm-modal.ax-perm-modal--open {
                      display: flex;
                    }
                    .ax-perm-modal-backdrop {
                      position: absolute;
                      inset: 0;
                      background: rgba(8, 6, 10, 0.62);
                      backdrop-filter: blur(5px);
                    }
                    .ax-perm-modal-panel {
                      position: relative;
                      z-index: 1;
                      width: min(700px, 100%);
                      max-height: min(86vh, 720px);
                      display: flex;
                      flex-direction: column;
                      background: var(--surface);
                      border: 1px solid var(--border);
                      border-radius: 14px;
                      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.5);
                      overflow: hidden;
                    }

                    
                    .ax-perm-modal-card {
                      position: relative;
                      z-index: 1;
                      width: min(700px, 100%);
                      max-height: min(86vh, 720px);
                      display: flex;
                      flex-direction: column;
                      background: var(--surface);
                      border: 1px solid var(--border);
                      border-radius: 14px;
                      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.5);
                      overflow: hidden;
                    }
                    .ax-perm-modal-top {
                      padding: 14px 18px;
                      border-bottom: 1px solid var(--border);
                      display: flex;
                      align-items: flex-start;
                      justify-content: space-between;
                      gap: 12px;
                    }
                    .ax-perm-modal-kicker {
                      font-size: 0.62rem;
                      font-weight: 800;
                      letter-spacing: 0.1em;
                      text-transform: uppercase;
                      color: var(--text-3);
                    }
                    .ax-perm-modal-title {
                      font-family: "Cabinet Grotesk", sans-serif;
                      font-size: 1.05rem;
                      font-weight: 900;
                      letter-spacing: -0.02em;
                      color: var(--text);
                      margin-top: 2px;
                    }
                    .ax-perm-modal-close {
                      width: 32px;
                      height: 32px;
                      border-radius: 10px;
                      border: 1px solid var(--border);
                      background: rgba(255, 255, 255, 0.03);
                      color: var(--text-2);
                      cursor: pointer;
                      font-size: 1.1rem;
                      line-height: 1;
                      display: grid;
                      place-items: center;
                      transition: background 0.15s, border-color 0.15s, color 0.15s;
                    }
                    .ax-perm-modal-close:hover {
                      background: rgba(255, 255, 255, 0.06);
                      border-color: rgba(255, 255, 255, 0.14);
                      color: var(--text);
                    }
                    .ax-perm-modal-body {
                      padding: 16px 18px 18px;
                      overflow: auto;
                      max-height: min(74vh, 640px);
                    }

                    
                    #ax-addon-purchase-modal {
                      z-index: 12010;
                    }
                    #ax-additional-details-modal {
                      z-index: 12000;
                    }
                    .ax-perm-modal-hd {
                      padding: 14px 18px;
                      border-bottom: 1px solid var(--border);
                      display: flex;
                      align-items: flex-start;
                      justify-content: space-between;
                      gap: 12px;
                      flex-shrink: 0;
                    }
                    .ax-perm-modal-hd h3 {
                      margin: 0;
                      font-family: "Cabinet Grotesk", sans-serif;
                      font-size: 1.05rem;
                      font-weight: 900;
                      color: var(--text);
                    }
                    .ax-perm-modal-hd p {
                      margin: 6px 0 0;
                      font-size: 0.72rem;
                      color: var(--text-3);
                      line-height: 1.45;
                      max-width: 460px;
                    }
                    .ax-perm-modal-panel::before {
                      content: "";
                      position: absolute;
                      top: 0;
                      left: 0;
                      right: 0;
                      height: 3px;
                      background: var(--ax-pm-accent, var(--accent));
                      opacity: 0.85;
                      transition:
                        background 0.35s ease,
                        box-shadow 0.35s ease;
                      pointer-events: none;
                      border-radius: 14px 14px 0 0;
                    }
                    .ax-perm-modal-panel.ax-pm-panel-glow::before {
                      box-shadow: 0 0 20px
                        color-mix(in srgb, var(--ax-pm-accent) 45%, transparent);
                    }
                    .ax-perm-modal-bd {
                      display: flex;
                      flex: 1;
                      min-height: 0;
                      max-height: min(62vh, 560px);
                      border-top: 1px solid var(--border);
                    }
                    .ax-perm-modal-scroll {
                      flex: 1;
                      min-width: 0;
                      overflow-y: auto;
                      padding: 10px 14px 16px;
                      scroll-behavior: smooth;
                    }
                    .ax-settings-role-grid {
                      display: grid;
                      grid-template-columns: repeat(2, minmax(0, 1fr));
                      gap: 12px;
                      padding: 4px 2px 2px;
                    }
                    @media (max-width: 720px) {
                      .ax-settings-role-grid {
                        grid-template-columns: 1fr;
                      }
                    }
                    .ax-settings-role-tile {
                      --ax-tile-role: #99aab5;
                      position: relative;
                      border-radius: 12px;
                      border: 1px solid var(--border);
                      background: var(--surface-2);
                      padding: 14px 14px 12px;
                      display: flex;
                      flex-direction: column;
                      gap: 10px;
                      transition:
                        border-color 0.28s ease,
                        box-shadow 0.28s ease,
                        transform 0.22s ease,
                        background 0.28s ease;
                    }
                    .ax-settings-role-tile:hover {
                      border-color: color-mix(
                        in srgb,
                        var(--ax-tile-role) 40%,
                        var(--border)
                      );
                      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
                      transform: translateY(-2px);
                    }
                    .ax-settings-role-tile-top {
                      display: flex;
                      align-items: flex-start;
                      justify-content: space-between;
                      gap: 10px;
                    }
                    .ax-settings-role-tile-left {
                      display: flex;
                      align-items: center;
                      gap: 10px;
                      min-width: 0;
                    }
                    .ax-settings-role-tile-dot {
                      width: 10px;
                      height: 10px;
                      border-radius: 50%;
                      flex-shrink: 0;
                      background: var(--ax-tile-role);
                      box-shadow: 0 0 0 2px
                        color-mix(in srgb, var(--ax-tile-role) 30%, transparent);
                    }
                    .ax-settings-role-tile-name {
                      font-family: "Inter", sans-serif;
                      font-size: 0.88rem;
                      font-weight: 800;
                      color: var(--text);
                      letter-spacing: 0.02em;
                    }
                    .ax-settings-role-tile-count {
                      font-size: 0.65rem;
                      font-weight: 700;
                      color: var(--text-3);
                      background: var(--surface);
                      border: 1px solid var(--border);
                      padding: 4px 9px;
                      border-radius: 999px;
                      white-space: nowrap;
                    }
                    .ax-settings-role-tile-blurb {
                      margin: 0;
                      font-size: 0.7rem;
                      color: var(--text-3);
                      line-height: 1.45;
                      flex: 1;
                    }
                    .ax-settings-role-tile .ax-settings-manage-btn {
                      margin-top: auto;
                      padding: 9px 14px;
                      border-radius: 8px;
                      border: 1px solid
                        color-mix(
                          in srgb,
                          var(--ax-tile-role) 50%,
                          var(--border)
                        );
                      background: color-mix(
                        in srgb,
                        var(--ax-tile-role) 14%,
                        transparent
                      );
                      color: var(--text);
                      font-family: "Inter", sans-serif;
                      font-size: 0.78rem;
                      font-weight: 800;
                      cursor: pointer;
                      transition:
                        background 0.2s ease,
                        border-color 0.2s ease,
                        transform 0.15s ease;
                    }
                    .ax-settings-role-tile .ax-settings-manage-btn:hover {
                      background: color-mix(
                        in srgb,
                        var(--ax-tile-role) 26%,
                        transparent
                      );
                      border-color: var(--ax-tile-role);
                    }
                    .ax-settings-role-tile .ax-settings-manage-btn:active {
                      transform: scale(0.98);
                    }
                    .ax-pm-scroll-inner {
                      animation: axPmContentIn 0.34s
                        cubic-bezier(0.22, 1, 0.36, 1) both;
                    }
                    @keyframes axPmContentIn {
                      from {
                        opacity: 0;
                        transform: translateY(10px);
                      }
                      to {
                        opacity: 1;
                        transform: translateY(0);
                      }
                    }
                    @media (prefers-reduced-motion: reduce) {
                      .ax-settings-role-tile,
                      .ax-settings-role-tile .ax-settings-manage-btn,
                      .ax-perm-modal-panel::before {
                        transition: none !important;
                      }
                      .ax-settings-role-tile:hover {
                        transform: none;
                      }
                      .ax-pm-scroll-inner {
                        animation: none;
                      }
                    }
                    .ax-perm-modal-ft {
                      padding: 10px 16px;
                      border-top: 1px solid var(--border);
                      display: flex;
                      justify-content: flex-end;
                      gap: 10px;
                      flex-shrink: 0;
                      background: var(--surface-2);
                    }
                    .ax-perm-modal-subline {
                      margin: 4px 0 0;
                      font-size: 0.72rem;
                      color: var(--text-3);
                      line-height: 1.4;
                      transition: color 0.25s ease;
                    }
                    .ax-perm-modal-subline strong {
                      color: var(--ax-pm-accent, var(--accent));
                      font-weight: 800;
                    }
                    .ax-fun-opt-card {
                      margin-bottom: 16px;
                      padding: 0;
                      border-radius: 12px;
                      border: 1px solid var(--border);
                      background: linear-gradient(
                        145deg,
                        color-mix(
                            in srgb,
                            var(--surface-2) 92%,
                            rgba(240, 160, 60, 0.06)
                          )
                          0%,
                        var(--surface-2) 100%
                      );
                      overflow: hidden;
                      transition:
                        border-color 0.2s,
                        box-shadow 0.2s;
                    }
                    .ax-fun-opt-card:hover {
                      border-color: color-mix(
                        in srgb,
                        rgba(240, 180, 60, 0.45) 50%,
                        var(--border)
                      );
                      box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12);
                    }
                    @keyframes gwFunRainbowHue {
                      0% { filter: hue-rotate(0deg); }
                      100% { filter: hue-rotate(360deg); }
                    }
                    @keyframes gwFunRainbowShift {
                      0% { background-position: 0% 50%; }
                      100% { background-position: 200% 50%; }
                    }
                    .ax-fun-opt-card.is-enabled .ax-fun-opt-title {
                      background: linear-gradient(
                        90deg,
                        #ff3333,
                        #ffb347,
                        #64c864,
                        #6496ff,
                        #c832ff,
                        #ff3333
                      );
                      background-size: 200% 100%;
                      -webkit-background-clip: text;
                      background-clip: text;
                      color: transparent;
                      animation: gwFunRainbowShift 2.6s linear infinite;
                      text-shadow: 0 0 18px rgba(255, 51, 51, 0.12);
                    }
                    .ax-fun-opt-card.is-enabled .ax-fun-opt-icon {
                      background: linear-gradient(
                        135deg,
                        rgba(255, 51, 51, 0.18),
                        rgba(255, 179, 71, 0.18),
                        rgba(100, 200, 100, 0.16),
                        rgba(100, 150, 255, 0.16),
                        rgba(200, 50, 255, 0.16)
                      );
                      border-color: rgba(255, 255, 255, 0.16);
                      box-shadow: 0 0 22px rgba(255, 51, 51, 0.10);
                    }
                    .ax-fun-opt-card.is-enabled .ax-fun-opt-icon svg {
                      animation: gwFunRainbowHue 2.4s linear infinite;
                    }
                    .ax-fun-opt-main {
                      display: flex;
                      align-items: flex-start;
                      gap: 14px;
                      padding: 14px 16px 16px;
                    }
                    .ax-fun-opt-icon {
                      width: 40px;
                      height: 40px;
                      border-radius: 10px;
                      flex-shrink: 0;
                      display: grid;
                      place-items: center;
                      background: rgba(240, 170, 50, 0.12);
                      border: 1px solid rgba(240, 180, 60, 0.22);
                      color: rgba(240, 190, 90, 0.95);
                    }
                    .ax-fun-opt-icon svg {
                      width: 20px;
                      height: 20px;
                      stroke: currentColor;
                      fill: none;
                      stroke-width: 2;
                      stroke-linecap: round;
                      stroke-linejoin: round;
                    }
                    .ax-fun-opt-copy {
                      min-width: 0;
                      flex: 1;
                    }
                    .ax-fun-opt-title-row {
                      display: flex;
                      align-items: center;
                      flex-wrap: wrap;
                      gap: 8px;
                      margin-bottom: 6px;
                    }
                    .ax-fun-opt-title {
                      font-family: "Cabinet Grotesk", sans-serif;
                      font-size: 0.95rem;
                      font-weight: 900;
                      color: var(--text);
                      letter-spacing: -0.02em;
                    }
                    .ax-fun-opt-badge {
                      font-size: 0.58rem;
                      font-weight: 800;
                      letter-spacing: 0.08em;
                      text-transform: uppercase;
                      padding: 3px 8px;
                      border-radius: 6px;
                      background: var(--surface);
                      border: 1px solid var(--border);
                      color: var(--text-3);
                    }
                    .ax-fun-opt-blurb {
                      font-size: 0.74rem;
                      color: var(--text-2);
                      line-height: 1.5;
                      margin: 0 0 10px;
                      max-width: 640px;
                    }
                    .ax-fun-opt-actions {
                      display: flex;
                      align-items: center;
                      gap: 10px;
                      flex-wrap: wrap;
                    }
                    .ax-fun-opt-details-btn {
                      font-family: "Inter", sans-serif;
                      font-size: 0.74rem;
                      font-weight: 600;
                      padding: 7px 14px;
                      border-radius: 8px;
                      cursor: pointer;
                      border: 1px solid var(--border);
                      background: var(--surface);
                      color: var(--text-2);
                      transition:
                        background 0.15s,
                        border-color 0.15s,
                        color 0.15s;
                    }
                    .ax-fun-opt-details-btn:hover {
                      border-color: color-mix(
                        in srgb,
                        rgba(240, 180, 60, 0.5) 40%,
                        var(--border)
                      );
                      color: var(--text);
                      background: color-mix(
                        in srgb,
                        var(--surface) 85%,
                        rgba(240, 180, 60, 0.08)
                      );
                    }
                    .ax-fun-opt-card .ax-pm-sw {
                      align-self: flex-start;
                      margin-top: 4px;
                    }
                    .ax-fun-details-body {
                      font-size: 0.78rem;
                      color: var(--text-2);
                      line-height: 1.6;
                    }
                    .ax-fun-details-body p {
                      margin: 0 0 12px;
                    }
                    .ax-fun-details-body ul {
                      margin: 0 0 12px;
                      padding-left: 1.15rem;
                    }
                    .ax-fun-details-body li {
                      margin-bottom: 6px;
                    }
                    .ax-fun-details-callout {
                      margin-top: 4px;
                      padding: 10px 12px;
                      border-radius: 9px;
                      font-size: 0.74rem;
                      line-height: 1.5;
                      background: rgba(255, 80, 80, 0.08);
                      border: 1px solid rgba(255, 100, 100, 0.22);
                      color: var(--text-2);
                    }
                    .ax-fun-details-callout strong {
                      color: var(--text);
                      font-weight: 700;
                    }
                    
                    #ax-fun-details-modal .ax-perm-modal-hd > button {
                      display: none !important;
                    }
              
              .ac-core-wrap {
                display: flex;
                flex-direction: column;
                gap: 20px;
                width: 100%;
              }

              
              .ac-page-hd {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 14px;
                flex-wrap: wrap;
                margin-bottom: 4px;
              }
              .ac-page-title-row {
                display: flex;
                align-items: center;
                gap: 12px;
              }
              .ac-page-icon {
                width: 42px;
                height: 42px;
                border-radius: 10px;
                background: var(--accent-dim);
                border: 1px solid rgba(255, 51, 51, 0.2);
                display: grid;
                place-items: center;
                flex-shrink: 0;
              }
              .ac-page-icon svg {
                width: 20px;
                height: 20px;
                stroke: var(--accent);
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .ac-page-title {
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 1.2rem;
                font-weight: 900;
                letter-spacing: -0.02em;
                color: var(--text);
              }
              .ac-page-sub {
                font-size: 0.75rem;
                color: var(--text-3);
                margin-top: 3px;
                line-height: 1.5;
              }

              
              .ac-stats-row {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 12px;
              }
              @media (max-width: 900px) {
                .ac-stats-row {
                  grid-template-columns: repeat(2, 1fr);
                }
              }
              .ac-stat-card {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 16px 18px;
                display: flex;
                align-items: center;
                gap: 14px;
                transition: border-color 0.2s;
              }
              .ac-stat-card:hover {
                border-color: var(--border-bright);
              }
              .ac-stat-ic {
                width: 38px;
                height: 38px;
                border-radius: 9px;
                display: grid;
                place-items: center;
                flex-shrink: 0;
              }
              .ac-stat-ic svg {
                width: 18px;
                height: 18px;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .ac-stat-lbl {
                font-size: 0.68rem;
                font-weight: 700;
                letter-spacing: 0.07em;
                text-transform: uppercase;
                color: var(--text-3);
                margin-bottom: 3px;
              }
              .ac-stat-val {
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 1.55rem;
                font-weight: 900;
                letter-spacing: -0.03em;
                line-height: 1;
              }
              .ac-stat-sub {
                font-size: 0.7rem;
                color: var(--text-3);
                margin-top: 3px;
              }

              
              .ac-game-picker {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 14px 18px;
                display: flex;
                align-items: center;
                gap: 14px;
                flex-wrap: wrap;
              }
              .ac-game-picker-icon {
                width: 34px;
                height: 34px;
                border-radius: 8px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                display: grid;
                place-items: center;
                flex-shrink: 0;
              }
              .ac-game-picker-icon svg {
                width: 16px;
                height: 16px;
                stroke: var(--text-2);
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .ac-game-picker label {
                font-size: 0.7rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.07em;
                color: var(--text-3);
                white-space: nowrap;
              }
              .ac-game-picker select {
                flex: 1;
                min-width: 200px;
                max-width: 440px;
                padding: 8px 12px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 8px;
                color: var(--text);
                font-size: 0.82rem;
                outline: none;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: border-color 0.15s;
              }
              .ac-game-picker select:focus {
                border-color: rgba(255, 51, 51, 0.4);
              }
              .ac-game-picker-actions {
                display: flex;
                gap: 8px;
                margin-left: auto;
              }

              
              .ac-core-tabs {
                display: flex;
                gap: 4px;
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 10px;
                padding: 4px;
              }
              .ac-core-tab {
                display: flex;
                align-items: center;
                gap: 7px;
                padding: 8px 16px;
                font-size: 0.8rem;
                font-weight: 600;
                border: none;
                border-radius: 7px;
                background: transparent;
                color: var(--text-3);
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
                white-space: nowrap;
              }
              .ac-core-tab--sysinfo {
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.06em;
                padding: 8px 12px;
              }
              .ac-core-tab svg {
                width: 14px;
                height: 14px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                flex-shrink: 0;
              }
              .ac-core-tab:hover {
                background: var(--surface-2);
                color: var(--text-2);
              }
              .ac-core-tab.ac-core-tab--on {
                background: var(--accent-dim);
                color: var(--accent);
                border: 1px solid rgba(255, 51, 51, 0.2);
              }

              
              .ac-core-panels {
                width: 100%;
              }
              .ac-core-panel {
                display: none;
                flex-direction: column;
                gap: 16px;
              }
              .ac-core-panel.ac-core-panel--on {
                display: flex;
              }

              
              .ac-card {
                background: var(--surface);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 20px 22px;
              }
              .ac-card:hover {
                border-color: var(--border-bright);
              }
              .ac-card-hd {
                display: flex;
                align-items: center;
                gap: 10px;
                margin-bottom: 16px;
              }
              .ac-card-hd-icon {
                width: 30px;
                height: 30px;
                border-radius: 7px;
                display: grid;
                place-items: center;
                flex-shrink: 0;
              }
              .ac-card-hd-icon svg {
                width: 15px;
                height: 15px;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .ac-card-hd-text {
                font-size: 0.72rem;
                font-weight: 700;
                letter-spacing: 0.07em;
                text-transform: uppercase;
                color: var(--text-3);
              }

              
              .ac-two-col {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
              }
              @media (max-width: 800px) {
                .ac-two-col {
                  grid-template-columns: 1fr;
                }
              }

              
              .ac-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 16px;
                flex-wrap: wrap;
              }
              .ac-toggle-label {
                font-size: 0.88rem;
                font-weight: 600;
                color: var(--text);
              }
              .ac-toggle-desc {
                font-size: 0.74rem;
                color: var(--text-3);
                margin-top: 5px;
                line-height: 1.5;
                max-width: 480px;
              }
              .ac-switch-row {
                display: flex;
                align-items: center;
                gap: 12px;
              }
              .ac-switch {
                position: relative;
                width: 46px;
                height: 26px;
                flex-shrink: 0;
              }
              .ac-switch input {
                opacity: 0;
                width: 0;
                height: 0;
                position: absolute;
              }
              .ac-switch-slider {
                position: absolute;
                cursor: pointer;
                inset: 0;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 20px;
                transition: 0.2s;
              }
              .ac-switch-slider:before {
                position: absolute;
                content: "";
                height: 18px;
                width: 18px;
                left: 3px;
                bottom: 3px;
                background: var(--text-3);
                border-radius: 50%;
                transition: 0.2s;
              }
              .ac-switch input:checked + .ac-switch-slider {
                background: rgba(255, 51, 51, 0.18);
                border-color: rgba(255, 51, 51, 0.4);
              }
              .ac-switch input:checked + .ac-switch-slider:before {
                transform: translateX(20px);
                background: var(--accent);
              }

              
              .ac-quicklinks-row {
                display: grid;
                grid-column: 1 / -1;
                grid-template-columns: 1fr 1fr;
                gap: 12px;
              }
              @media (max-width: 980px) {
                .ac-quicklinks-row {
                  grid-template-columns: 1fr;
                }
              }
              .ac-shortcut-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px;
              }
              .ac-shortcut-btn {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 12px 14px;
                border-radius: 9px;
                border: 1px solid var(--border);
                background: var(--surface-2);
                color: var(--text-2);
                font-size: 0.8rem;
                font-weight: 600;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
                text-align: left;
              }
              .ac-shortcut-btn svg {
                width: 16px;
                height: 16px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                flex-shrink: 0;
              }
              .ac-shortcut-btn:hover {
                border-color: var(--border-bright);
                color: var(--text);
                background: var(--surface);
              }
              .ac-shortcut-btn.primary {
                background: var(--accent-dim);
                border-color: rgba(255, 51, 51, 0.25);
                color: var(--accent);
              }
              .ac-shortcut-btn.primary:hover {
                background: rgba(255, 51, 51, 0.18);
              }
              .ac-shortcut-btn-label {
                flex: 1;
              }
              .ac-shortcut-btn-label span {
                display: block;
                font-size: 0.65rem;
                font-weight: 500;
                color: var(--text-3);
                margin-top: 2px;
              }
              .ac-shortcut-btn.primary .ac-shortcut-btn-label span {
                color: rgba(255, 51, 51, 0.55);
              }

              
              .ac-info-banner {
                display: flex;
                align-items: flex-start;
                gap: 12px;
                padding: 14px 16px;
                border-radius: 10px;
                background: var(--blue-dim);
                border: 1px solid rgba(91, 156, 246, 0.18);
              }
              .ac-info-banner svg {
                width: 16px;
                height: 16px;
                stroke: var(--blue);
                fill: none;
                stroke-width: 2;
                flex-shrink: 0;
                margin-top: 1px;
              }
              .ac-info-banner p {
                font-size: 0.75rem;
                color: var(--text-2);
                line-height: 1.5;
                margin: 0;
              }
              .ac-info-banner strong {
                color: var(--blue);
                font-weight: 700;
              }

              
              .ac-preset-row {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
              }
              .ac-preset-btn {
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 10px 18px;
                border-radius: 9px;
                border: 1px solid;
                font-size: 0.8rem;
                font-weight: 700;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
                letter-spacing: 0.02em;
              }
              .ac-preset-btn svg {
                width: 14px;
                height: 14px;
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .ac-preset-btn--low {
                background: var(--green-dim);
                border-color: rgba(76, 255, 145, 0.25);
                color: var(--green);
                stroke: var(--green);
              }
              .ac-preset-btn--low:hover {
                background: rgba(76, 255, 145, 0.2);
              }
              .ac-preset-btn--medium {
                background: var(--amber-dim);
                border-color: rgba(255, 179, 71, 0.25);
                color: var(--amber);
                stroke: var(--amber);
              }
              .ac-preset-btn--medium:hover {
                background: rgba(255, 179, 71, 0.22);
              }
              .ac-preset-btn--high {
                background: var(--red-dim);
                border-color: rgba(255, 107, 107, 0.25);
                color: var(--red);
                stroke: var(--red);
              }
              .ac-preset-btn--high:hover {
                background: rgba(255, 107, 107, 0.22);
              }

              .ac-exp-type-card p {
                font-size: 0.74rem;
                color: var(--text-3);
                margin: 0 0 14px;
                line-height: 1.5;
              }
              .ac-exp-type-row {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
              }
              .ac-exp-type-btn {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 10px 14px;
                border-radius: 10px;
                border: 1px solid var(--border);
                background: rgba(255, 255, 255, 0.03);
                color: var(--text-2);
                font-size: 0.78rem;
                font-weight: 700;
                cursor: pointer;
                transition: background 0.15s, border-color 0.15s, color 0.15s;
              }
              .ac-exp-type-btn svg {
                width: 16px;
                height: 16px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                flex-shrink: 0;
              }
              .ac-exp-type-btn:hover {
                background: rgba(91, 156, 246, 0.1);
                border-color: rgba(91, 156, 246, 0.35);
                color: var(--text);
              }
              .ac-exp-type-btn.is-on {
                background: rgba(91, 156, 246, 0.16);
                border-color: rgba(91, 156, 246, 0.55);
                color: var(--blue);
              }

              
              .ac-checks-section-hd {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                margin-bottom: 14px;
                flex-wrap: wrap;
              }
              .ac-checks-section-title {
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 0.9rem;
                font-weight: 800;
                color: var(--text);
                letter-spacing: -0.01em;
              }
              .ac-checks-mode-floating {
                position: absolute;
                top: 10px;
                right: 12px;
                z-index: 6;
                display: inline-flex;
                align-items: center;
                gap: 8px;
              }
              
              #acChecksSubDetection {
                display: flex;
                flex-direction: column;
                gap: 16px;
              }
              #ac-checks-main-view {
                margin-top: 0;
              }
              
              .nm-shell {
                display: grid;
                gap: 12px;
              }
              .nm-banner {
                padding: 12px 12px;
                border-radius: 12px;
                border: 1px solid rgba(91, 156, 246, 0.18);
                background: rgba(91, 156, 246, 0.06);
                color: var(--text-2);
                line-height: 1.55;
                font-size: 0.82rem;
              }
              .nm-banner strong {
                color: var(--blue);
                font-weight: 900;
              }
              .nm-acc {
                border: 1px solid var(--border);
                background: rgba(255, 255, 255, 0.02);
                border-radius: 14px;
                overflow: hidden;
              }
              .nm-acc details {
                border-top: 1px solid rgba(255, 255, 255, 0.06);
              }
              .nm-acc details:first-child {
                border-top: 0;
              }
              .nm-acc summary {
                list-style: none;
                cursor: pointer;
                padding: 12px 14px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                user-select: none;
              }
              .nm-acc summary::-webkit-details-marker {
                display: none;
              }
              .nm-sum-left {
                display: flex;
                align-items: center;
                gap: 10px;
                min-width: 0;
              }
              .nm-ic {
                width: 30px;
                height: 30px;
                border-radius: 10px;
                display: grid;
                place-items: center;
                flex-shrink: 0;
                background: rgba(255, 255, 255, 0.04);
                border: 1px solid rgba(255, 255, 255, 0.06);
              }
              .nm-ic svg {
                width: 16px;
                height: 16px;
                stroke-width: 2.2;
                fill: none;
              }
              .nm-sum-title {
                font-family: "Cabinet Grotesk", sans-serif;
                font-weight: 900;
                letter-spacing: -0.01em;
                color: var(--text);
                font-size: 0.9rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
              }
              .nm-sum-sub {
                font-size: 0.72rem;
                color: var(--text-3);
                margin-top: 1px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
              }
              .nm-chevron {
                width: 18px;
                height: 18px;
                stroke: var(--text-3);
                flex-shrink: 0;
                transition: transform 0.15s ease;
              }
              details[open] .nm-chevron {
                transform: rotate(180deg);
              }
              .nm-body {
                padding: 12px 14px 14px;
                background: rgba(0, 0, 0, 0.14);
              }
              .nm-grid {
                display: grid;
                gap: 10px;
              }
              .nm-row {
                display: grid;
                grid-template-columns: 1fr 140px;
                gap: 12px;
                align-items: center;
                padding: 10px 10px;
                border-radius: 12px;
                border: 1px solid rgba(255, 255, 255, 0.06);
                background: rgba(255, 255, 255, 0.02);
              }
              .nm-row--toggle {
                grid-template-columns: 1fr auto;
              }
              .nm-k {
                min-width: 0;
              }
              .nm-k .ac-toggle-label {
                margin: 0;
                font-size: 0.82rem;
                color: var(--text);
              }
              .nm-k .ac-toggle-desc {
                margin-top: 4px;
                font-size: 0.72rem;
              }
              .nm-input {
                width: 140px;
                height: 34px;
                padding: 0 10px;
                border-radius: 10px;
                border: 1px solid rgba(255, 255, 255, 0.10);
                background: rgba(0, 0, 0, 0.28);
                color: var(--text);
                font-weight: 800;
                outline: none;
                font-family: "Inter", sans-serif;
                font-size: 0.82rem;
              }
              .nm-input:focus {
                border-color: rgba(91, 156, 246, 0.32);
                box-shadow: 0 0 0 4px rgba(91, 156, 246, 0.12);
              }
              .nm-foot {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 10px;
                padding-top: 10px;
              }
              .ac-checks-seg {
                display: inline-flex;
                align-items: center;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: rgba(255, 255, 255, 0.03);
                border-radius: 999px;
                padding: 3px;
                gap: 3px;
              }
              .ac-checks-seg button {
                appearance: none;
                border: 0;
                background: transparent;
                color: var(--text-2);
                font-size: 0.72rem;
                font-weight: 900;
                padding: 6px 10px;
                border-radius: 999px;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                white-space: nowrap;
                transition: background 0.15s, color 0.15s;
              }
              .ac-checks-seg button:hover {
                color: var(--text);
                background: rgba(255, 255, 255, 0.04);
              }
              .ac-checks-seg button.is-on {
                background: rgba(91, 156, 246, 0.14);
                color: var(--blue);
              }
              .ac-checks-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(268px, 1fr));
                gap: 10px;
                max-height: 480px;
                overflow-y: auto;
                padding: 2px;
              }
              .ac-checks-grid::-webkit-scrollbar {
                width: 4px;
              }
              .ac-checks-grid::-webkit-scrollbar-thumb {
                background: var(--surface-3);
                border-radius: 2px;
              }
              .ac-check-item {
                display: flex;
                flex-direction: column;
                gap: 9px;
                padding: 12px 14px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 10px;
                transition: border-color 0.15s;
              }
              .ac-check-item:hover {
                border-color: var(--border-bright);
              }
              .ac-check-item-top {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                gap: 12px;
              }
              .ac-check-item-top > span {
                min-width: 0;
                flex: 1;
                font-size: 0.8rem;
                color: var(--text);
                line-height: 1.35;
                font-weight: 500;
              }
              .ac-check-item-top > span small {
                display: block;
                font-size: 0.65rem;
                color: var(--text-3);
                margin-top: 3px;
                font-weight: 400;
              }
              .ac-check-item-ft {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                gap: 8px;
              }
              .ac-ft-btn {
                padding: 5px 12px;
                border-radius: 6px;
                border: 1px solid var(--border);
                background: var(--surface);
                color: var(--accent);
                font-size: 0.7rem;
                font-weight: 600;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
              }
              .ac-info-btn {
                padding: 5px 10px;
                border-radius: 6px;
                border: 1px solid var(--border);
                background: rgba(255, 255, 255, 0.03);
                color: var(--text-2);
                font-size: 0.7rem;
                font-weight: 700;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                transition: all 0.15s;
              }
              .ac-info-btn:hover {
                background: rgba(255, 255, 255, 0.06);
                border-color: rgba(255, 255, 255, 0.14);
                color: var(--text);
              }
              .ac-ft-btn:hover {
                background: var(--accent-dim);
                border-color: rgba(255, 51, 51, 0.3);
              }
              .ac-ft-btn--locked {
                opacity: 0.4;
                cursor: not-allowed;
                color: var(--text-3);
              }
              .ac-ft-btn--locked:hover {
                background: var(--surface);
                border-color: var(--border);
              }

              .ax-addl-lock-btn{
                display:inline-flex;
                align-items:center;
                gap:8px;
                padding: 10px 12px;
                border-radius: 12px;
                border: 1px solid rgba(255,255,255,0.12);
                background: rgba(0,0,0,0.22);
                color: var(--text-2);
                cursor: pointer;
                font-family: "Inter", sans-serif;
                font-weight: 800;
                font-size: 0.78rem;
                transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
              }
              .ax-addl-lock-btn svg{
                width: 16px;
                height: 16px;
                stroke: var(--text-3);
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .ax-addl-lock-btn:hover{
                background: rgba(91,156,246,0.10);
                border-color: rgba(91,156,246,0.35);
                color: var(--text);
                transform: translateY(-1px);
              }
              .ax-addl-lock-btn:hover svg{
                stroke: var(--blue);
              }
              .ax-addl-config-btn{
                margin-left: auto;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 9px 12px;
                border-radius: 12px;
                border: 1px solid rgba(255,255,255,0.10);
                background: rgba(0,0,0,0.18);
                color: var(--text-2);
                cursor: pointer;
                font-family: "Inter", sans-serif;
                font-weight: 800;
                font-size: 0.76rem;
                transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s, opacity 0.15s;
              }
              .ax-addl-config-btn svg{
                width: 16px;
                height: 16px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2.2;
                stroke-linecap: round;
                stroke-linejoin: round;
              }
              .ax-addl-config-btn:hover{
                background: rgba(255,255,255,0.06);
                border-color: rgba(255,255,255,0.14);
                color: var(--text);
                transform: translateY(-1px);
              }
              .ax-addl-config-btn:disabled{
                opacity: 0.45;
                cursor: not-allowed;
                transform: none;
              }

              #ax-row-additional-commands.is-unlocked .ax-fun-opt-title{
                background: linear-gradient(
                  90deg,
                  rgba(91, 156, 246, 0.95) 0%,
                  rgba(30, 80, 170, 0.95) 22%,
                  rgba(255, 255, 255, 0.95) 50%,
                  rgba(30, 80, 170, 0.95) 78%,
                  rgba(91, 156, 246, 0.95) 100%
                );
                background-size: 200% 100%;
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                text-shadow: 0 0 18px rgba(91, 156, 246, 0.10);
                animation: axAddlBlueShift 2.4s linear infinite;
              }
              @keyframes axAddlBlueShift {
                from { background-position: 0% 50%; }
                to { background-position: -100% 50%; }
              }

              
              .ac-finetune-view {
                display: none;
                flex-direction: column;
                gap: 16px;
                height: auto;
              }
              .ac-finetune-view.ac-finetune-view--on {
                display: flex;
              }
              #ac-ft-fields {
                display: grid;
                grid-template-columns: repeat(3, minmax(220px, 1fr));
                gap: 10px;
                overflow-y: auto;
                padding-right: 6px;
                max-height: min(46vh, 420px);
              }
              @media (max-width: 980px) {
                #ac-ft-fields {
                  grid-template-columns: repeat(2, minmax(200px, 1fr));
                }
              }
              @media (max-width: 620px) {
                #ac-ft-fields {
                  grid-template-columns: 1fr;
                }
              }
              #ac-ft-fields::-webkit-scrollbar {
                width: 4px;
              }
              #ac-ft-fields::-webkit-scrollbar-thumb {
                background: var(--surface-3);
                border-radius: 2px;
              }
              .ac-ft-field {
                margin-bottom: 0;
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 10px 12px;
                background: rgba(255, 255, 255, 0.02);
              }
              .ac-ft-field label {
                display: block;
                font-size: 0.68rem;
                font-weight: 700;
                color: var(--text-3);
                margin-bottom: 5px;
                text-transform: uppercase;
                letter-spacing: 0.05em;
              }
              .ac-ft-field input {
                width: 100%;
                padding: 9px 12px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 8px;
                color: var(--text);
                font-size: 0.82rem;
                font-family: "Inter", sans-serif;
                outline: none;
                transition: border-color 0.15s;
              }
              .ac-ft-field input:focus {
                border-color: rgba(255, 51, 51, 0.4);
              }
              .ac-ft-field select {
                width: 100%;
                padding: 9px 12px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 8px;
                color: var(--text);
                font-size: 0.82rem;
                font-family: "Inter", sans-serif;
                outline: none;
                transition: border-color 0.15s;
              }
              .ac-ft-field select:focus {
                border-color: rgba(255, 51, 51, 0.4);
              }

              
              .ac-info-view {
                display: none;
                flex-direction: column;
                gap: 14px;
              }
              .ac-info-view.ac-info-view--on {
                display: flex;
              }
              .ac-info-kicker {
                font-size: 0.68rem;
                font-weight: 800;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                color: var(--text-3);
              }
              .ac-info-card {
                border: 1px solid var(--border);
                background: linear-gradient(
                  165deg,
                  rgba(255, 51, 51, 0.06) 0%,
                  rgba(255, 255, 255, 0.02) 42%,
                  transparent 100%
                );
                border-radius: 12px;
                padding: 14px 16px;
              }
              .ac-info-card h4 {
                margin: 0 0 6px 0;
                font-family: "Cabinet Grotesk", sans-serif;
                letter-spacing: -0.02em;
                font-size: 0.92rem;
                font-weight: 900;
                color: var(--text);
              }
              .ac-info-card p {
                margin: 0;
                color: var(--text-2);
                font-size: 0.78rem;
                line-height: 1.55;
              }
              .ac-info-bullets {
                margin-top: 10px;
                display: grid;
                gap: 8px;
              }
              .ac-info-bullet {
                border: 1px solid var(--border);
                border-radius: 10px;
                padding: 10px 12px;
                background: rgba(255, 255, 255, 0.02);
              }
              .ac-info-bullet b {
                display: block;
                font-size: 0.72rem;
                color: var(--text);
                margin-bottom: 2px;
              }
              .ac-info-bullet span {
                display: block;
                font-size: 0.74rem;
                color: var(--text-2);
                line-height: 1.45;
              }

              
              .ac-sys-dl {
                display: grid;
                gap: 10px;
                border: none;
                border-radius: 0;
                overflow: visible;
                box-shadow: none;
                background: transparent;
              }
              .ac-sys-row {
                display: grid;
                grid-template-columns: minmax(160px, 32%) 1fr;
                gap: 14px;
                padding: 10px 10px;
                border-radius: 12px;
                border: 1px solid rgba(255, 255, 255, 0.06);
                background: rgba(255, 255, 255, 0.02);
                font-size: 0.8rem;
                align-items: center;
                transition: all 0.15s;
              }
              .ac-sys-row--z0,
              .ac-sys-row--z1,
              .ac-sys-row--z2,
              .ac-sys-row--z3 {
                background: rgba(255, 255, 255, 0.02);
                border-color: rgba(255, 255, 255, 0.06);
              }
              .ac-sys-row:hover {
                border-color: rgba(255, 255, 255, 0.10);
                background: rgba(255, 255, 255, 0.028);
              }
              .ac-sys-dl--inset {
                border: none;
                border-radius: 0;
                box-shadow: none;
                background: transparent;
              }
              .ac-sys-layout {
                display: flex;
                flex-direction: column;
                gap: 20px;
              }
              .ac-sys-layout-root {
                min-width: 0;
              }
              
              .ac-sys-hero {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
                justify-content: space-between;
                gap: 20px;
                padding: 20px 22px;
                border-radius: 12px;
                border: 1px solid var(--border);
                background: var(--surface);
                box-shadow: none;
              }
              .ac-sys-hero-kicker {
                font-size: 0.65rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.14em;
                color: var(--text-3);
                margin-bottom: 6px;
              }
              .ac-sys-hero-title {
                margin: 0;
                font-size: 1.35rem;
                font-weight: 700;
                letter-spacing: -0.03em;
                color: var(--text);
                line-height: 1.2;
              }
              .ac-sys-hero-sub {
                margin: 10px 0 0;
                font-size: 0.8rem;
                color: var(--text-2);
                line-height: 1.55;
                max-width: 540px;
              }
              .ac-sys-hero-status {
                display: flex;
                align-items: flex-start;
                gap: 12px;
                padding: 14px 18px;
                border-radius: 12px;
                border: 1px solid var(--border);
                background: rgba(0, 0, 0, 0.25);
                min-width: 200px;
                flex-shrink: 0;
              }
              .ac-sys-hero-status.is-live {
                border-color: rgba(72, 199, 142, 0.35);
                background: rgba(72, 199, 142, 0.08);
              }
              .ac-sys-hero-status.is-offline {
                border-color: rgba(255, 255, 255, 0.08);
              }
              .ac-sys-pulse-dot {
                width: 10px;
                height: 10px;
                margin-top: 4px;
                border-radius: 50%;
                flex-shrink: 0;
                background: var(--green);
                box-shadow: 0 0 14px rgba(72, 199, 142, 0.75);
                animation: ac-sys-pulse 2s ease-in-out infinite;
              }
              .ac-sys-pulse-dot.off {
                animation: none;
                background: var(--text-3);
                box-shadow: none;
              }
              @keyframes ac-sys-pulse {
                0%,
                100% {
                  opacity: 1;
                  transform: scale(1);
                }
                50% {
                  opacity: 0.65;
                  transform: scale(0.92);
                }
              }
              .ac-sys-hero-status-label {
                font-size: 0.72rem;
                font-weight: 700;
                color: var(--text);
              }
              .ac-sys-hero-status-sub {
                font-size: 0.72rem;
                color: var(--text-2);
                margin-top: 4px;
                line-height: 1.45;
              }
              .ac-sys-section-card {
                border-radius: 12px;
                border: 1px solid var(--border);
                overflow: hidden;
                background: rgba(255, 255, 255, 0.02);
                box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
              }
              .ac-sys-section-hd {
                padding: 11px 16px;
                font-size: 0.65rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.11em;
                color: var(--text-3);
                border-bottom: 1px solid var(--border);
                background: rgba(0, 0, 0, 0.22);
              }
              .ac-sys-k {
                color: var(--text-2);
                font-weight: 600;
                font-size: 0.75rem;
              }
              .ac-sys-v {
                color: var(--text);
                font-family: "SF Mono", "Fira Code", monospace;
                font-size: 0.72rem;
                word-break: break-all;
              }
              .ac-sys-v .tag {
                font-family: "Inter", sans-serif;
                font-size: 0.7rem;
                vertical-align: middle;
              }

              
              .ac-mini-btn {
                padding: 8px 16px;
                border-radius: 8px;
                border: 1px solid var(--border);
                background: var(--surface-2);
                color: var(--text);
                font-size: 0.78rem;
                font-weight: 600;
                cursor: pointer;
                font-family: "Inter", sans-serif;
                display: inline-flex;
                align-items: center;
                gap: 7px;
                transition: all 0.15s;
              }
              .ac-mini-btn svg {
                width: 13px;
                height: 13px;
                stroke: currentColor;
                fill: none;
                stroke-width: 2;
                stroke-linecap: round;
                stroke-linejoin: round;
                flex-shrink: 0;
              }
              .ac-mini-btn:hover {
                background: var(--surface);
                border-color: var(--border-bright);
              }
              .ac-mini-btn--primary {
                background: var(--accent);
                border-color: var(--accent);
                color: #fff;
              }
              .ac-mini-btn--primary:hover {
                filter: brightness(1.08);
              }
              .ac-mini-btn--ghost {
                background: transparent;
                color: var(--text-2);
              }
              .ac-mini-btn--ghost:hover {
                background: var(--surface-2);
                color: var(--text);
              }

              
              .ac-status {
                font-size: 0.74rem;
                margin-top: 0;
                display: none;
                padding: 9px 14px;
                border-radius: 8px;
              }

              
              .ac-checks-top-row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
              }
              @media (max-width: 800px) {
                .ac-checks-top-row {
                  grid-template-columns: 1fr;
                }
              }

              
              .ac-sys-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 16px;
              }
              @media (max-width: 800px) {
                .ac-sys-grid {
                  grid-template-columns: 1fr;
                }
              }
              .ac-sys-info-card {
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 10px;
                padding: 14px 16px;
              }
              .ac-sys-info-label {
                font-size: 0.65rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                color: var(--text-3);
                margin-bottom: 8px;
              }

              
              .ax-global-disable-overlay {
                display: none;
                position: absolute;
                inset: 0;
                z-index: 150;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                padding: 20px;
              }
              .ax-global-disable-overlay.visible {
                display: flex;
              }
              .ax-global-disable-backdrop {
                position: absolute;
                inset: 0;
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                background: rgba(8, 6, 10, 0.78);
              }
              .ax-global-disable-card {
                position: relative;
                z-index: 1;
                max-width: 420px;
                padding: 26px 24px;
                border-radius: 14px;
                border: 1px solid var(--border);
                background: var(--surface);
                box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
                text-align: center;
              }
              .ax-global-disable-icon {
                width: 52px;
                height: 52px;
                margin: 0 auto 14px;
                border-radius: 12px;
                background: var(--surface-2);
                border: 1px solid var(--border);
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--text-3);
              }
              .ax-global-disable-title {
                font-family: "Cabinet Grotesk", sans-serif;
                font-size: 1.05rem;
                font-weight: 900;
                margin: 0 0 10px;
                color: var(--text);
              }
              .ax-global-disable-text {
                font-size: 0.82rem;
                color: var(--text-2);
                line-height: 1.55;
                margin: 0 0 18px;
              }
              .ax-global-disable-actions {
                display: flex;
                justify-content: center;
                gap: 10px;
                flex-wrap: wrap;
              }

              
              .ac-plugin-dl-card {
                background: var(--surface-2);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 16px 18px;
                display: flex;
                flex-direction: column;
                gap: 12px;
              }
              .ac-plugin-dl-label {
                font-size: 0.84rem;
                font-weight: 600;
                color: var(--text);
                line-height: 1.45;
              }
              .ac-plugin-dl-row {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                align-items: flex-start;
              }
              .ac-plugin-dl-row .ac-plugin-dl-alert {
                width: 100%;
                box-sizing: border-box;
              }
              .ac-plugin-dl-btn {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                padding: 10px 16px;
                border-radius: 9px;
                font-size: 0.83rem;
                font-weight: 600;
                text-decoration: none;
                background: var(--accent-dim);
                color: var(--accent);
                border: 1px solid rgba(255, 51, 51, 0.25);
                transition: transform 0.15s, box-shadow 0.15s;
              }
              .ac-plugin-dl-btn:hover {
                transform: translateY(-1px);
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
                color: var(--accent);
              }
              .ac-plugin-dl-loading {
                font-size: 0.8rem;
                color: var(--text-3);
              }
              .ac-plugin-dl-alert {
                display: flex;
                align-items: flex-start;
                gap: 12px;
                padding: 14px 16px;
                background: var(--bg-2);
                border: 1px solid var(--border-bright);
                border-radius: 10px;
                border-left: 3px solid var(--amber);
                text-align: left;
              }
              .ac-plugin-dl-alert-icon {
                flex-shrink: 0;
                width: 22px;
                height: 22px;
                margin-top: 1px;
                border-radius: 6px;
                background: var(--amber-dim);
                color: var(--amber);
                font-size: 0.72rem;
                font-weight: 800;
                display: grid;
                place-items: center;
              }
              .ac-plugin-dl-alert-title {
                font-size: 0.86rem;
                font-weight: 700;
                color: var(--text);
                margin: 0 0 4px;
                line-height: 1.35;
              }
              .ac-plugin-dl-alert-body {
                font-size: 0.8rem;
                color: var(--text-2);
                line-height: 1.55;
                margin: 0;
              }