.wbs-am{width:min(1360px,calc(100% - 32px));margin:32px auto 64px;color:var(--wbs-ui-ink,#f6f3ff)}
.wbs-am *{box-sizing:border-box}
.wbs-am-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;font-size:14px}
.wbs-am-breadcrumb a,.wbs-am-docs{color:#a9edff}
.wbs-am-hero,.wbs-am-versions,.wbs-am-panel{border:1px solid var(--wbs-ui-line-soft,rgba(235,229,255,.32));background:rgba(24,26,55,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 38px rgba(0,0,0,.12)}
.wbs-am-hero{border-radius:26px;padding:34px}
.wbs-am-kicker{color:#a9edff;font-size:13px;letter-spacing:.05em}
.wbs-am-hero h1{margin:12px 0;font-size:clamp(30px,4vw,48px)}
.wbs-am-hero p{max-width:750px;color:var(--wbs-ui-ink-muted,#d5cfe8);line-height:1.6}
.wbs-am-status{display:inline-block;margin-top:14px;padding:9px 13px;border:1px solid rgba(169,237,255,.4);border-radius:12px;font-size:13px}
.wbs-am-versions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;padding:20px;border-radius:22px}
.wbs-am-versions label{display:grid;gap:8px;font-size:14px}
.wbs-am-versions select{width:100%;min-height:44px;padding:10px;border:1px solid rgba(235,229,255,.35);border-radius:12px;background:rgba(15,20,42,.45);color:#f6f3ff;opacity:.65}
.wbs-am-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}
.wbs-am-panel{min-width:0;border-radius:24px;padding:24px}
.wbs-am-panel h2{margin:0 0 12px;font-size:21px}
.wbs-am-panel p{color:var(--wbs-ui-ink-muted,#d5cfe8);line-height:1.6}
.wbs-am-groups{display:grid;gap:10px;margin-top:18px}
.wbs-am-groups>div{padding:15px;border:1px solid rgba(235,229,255,.25);border-radius:13px;background:rgba(255,255,255,.035)}
.wbs-am-empty{margin:18px 0;padding:22px;border:1px dashed rgba(169,237,255,.4);border-radius:16px}
.wbs-am-security{font-size:13px}
.wbs-am-docs{display:inline-block;margin-top:8px;text-underline-offset:4px}
.wbs-am a:focus-visible{outline:2px solid var(--wbs-ui-focus,#95e7ff);outline-offset:4px;border-radius:4px}
@media(max-width:780px){.wbs-am-versions,.wbs-am-grid{grid-template-columns:minmax(0,1fr)}.wbs-am-hero,.wbs-am-panel{padding:20px}}
@media(max-width:390px){.wbs-am{width:calc(100% - 20px);margin-top:18px}.wbs-am-versions{padding:14px}}
@media(prefers-reduced-motion:reduce){.wbs-am *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@supports not (backdrop-filter:blur(1px)){.wbs-am-hero,.wbs-am-versions,.wbs-am-panel{background:rgba(24,26,55,.9)}}

/* AUTHME EDITOR UI V1 */
.wbs-am-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.wbs-am-toolbar button,.wbs-am-toolbar label{border:1px solid rgba(169,237,255,.4);border-radius:13px;padding:12px 17px;background:rgba(40,35,86,.55);color:inherit;cursor:pointer}
.wbs-am-toolbar button:disabled,.wbs-am-toolbar label:has(input:disabled){opacity:.55}
.wbs-am-toolbar input[type=file]{max-width:245px;align-self:center}
.wbs-am-message{min-height:24px;color:#a9edff}
.wbs-am-field-label{display:block;margin:16px 0 8px}
.wbs-am-panel select,.wbs-am-panel input{width:100%;min-height:43px;padding:10px;border:1px solid rgba(235,229,255,.3);border-radius:11px;background:rgba(13,17,42,.62);color:inherit}
.wbs-am-fields{display:grid;gap:12px;margin-top:20px}
.wbs-am-setting{padding:13px;border:1px solid rgba(235,229,255,.2);border-radius:13px;background:rgba(255,255,255,.035);min-width:0}
.wbs-am-setting label{display:block;margin-bottom:8px;overflow-wrap:anywhere}
.wbs-am-setting small{display:block;margin-top:6px;opacity:.8;overflow-wrap:anywhere}
.wbs-am-setting input[type=checkbox]{width:22px;min-height:22px;accent-color:#8c9cff}
.wbs-am-preview{max-height:460px;min-height:160px;overflow:auto;padding:16px;border:1px solid rgba(169,237,255,.25);border-radius:15px;background:rgba(8,12,31,.6);font-size:12px;line-height:1.6;white-space:pre}
.wbs-am-preview code{color:#e5ebff}

/* AUTHME SAFETY UI */
.wbs-am-reveal{display:inline-block;margin:8px 0 14px;padding:11px 15px;border:1px solid rgba(169,237,255,.45);border-radius:12px;background:rgba(37,43,92,.55);color:inherit;cursor:pointer}
.wbs-am-reveal:disabled{opacity:.5;cursor:not-allowed}
.wbs-am :is(button,input,select):focus-visible{outline:2px solid #95e7ff;outline-offset:3px}
.wbs-am-preview[hidden]{display:none}

.wbs-am-group {
  min-width: 0;
  margin-bottom: 12px;
  border: 1px solid var(--wbs-ui-line-soft, rgba(235,229,255,.32));
  border-radius: var(--wbs-ui-radius-panel, 18px);
  background: rgba(14,20,43,.32);
  overflow: hidden;
}
.wbs-am-group > summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 16px;
  cursor: pointer;
  color: var(--wbs-ui-ink, #f6f3ff);
  font-weight: 700;
}
.wbs-am-group > summary:focus-visible {
  outline: 2px solid var(--wbs-ui-focus, #95e7ff);
  outline-offset: -3px;
}
.wbs-am-group[open] > summary {
  border-bottom: 1px solid var(--wbs-ui-line-soft, rgba(235,229,255,.32));
}
.wbs-am-group-body {
  display: grid;
  grid-template-columns: repeat(
    auto-fit, minmax(min(100%, 280px), 1fr)
  );
  gap: 12px;
  padding: 14px;
}
.wbs-am-group-count, .wbs-am-group-empty {
  color: var(--wbs-ui-ink-muted, #d5cfe8);
}
.wbs-am-group-empty { padding: 14px; }


/* AuthMe: context-sensitive dependency explanations */
.wbs-am-dependency-note {
  display: block;
  padding: 9px 11px;
  border: 1px solid var(--wbs-ui-line-soft, rgba(235,229,255,.32));
  border-radius: var(--wbs-ui-radius-control, 12px);
  background: rgba(182,154,255,.09);
  color: var(--wbs-ui-ink-muted, #d5cfe8);
  font-size: .86rem;
  line-height: 1.5;
}
.wbs-am-dependency-note[hidden] {
  display: none;
}


/* AuthMe: explicit reveal for sensitive configuration values */
.wbs-am-secret-reveal {
  justify-self: start;
  width: fit-content;
  max-width: 100%;
  min-height: 38px;
  margin-top: 4px;
}
.wbs-am-secret-reveal:focus-visible {
  outline: 2px solid var(--wbs-ui-focus, #95e7ff);
  outline-offset: 3px;
}

/* AuthMe configuration: help and reference */
.wbs-am-help-section {
  margin: 22px 0;
  padding: clamp(16px, 2.5vw, 26px);
  border: 1px solid rgba(220,225,255,.3);
  border-radius: 24px;
  background: rgba(45,52,84,.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.wbs-am-help-section h2 {
  margin: 0 0 16px;
}
.wbs-am-help-grid {
  display: grid;
  gap: 12px;
  margin: 14px 0;
}
.wbs-am-help-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wbs-am-help-reference {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wbs-am-help-card {
  min-width: 0;
  align-self: start;
  overflow: hidden;
  border: 1px solid rgba(215,225,255,.25);
  border-radius: 16px;
  background: rgba(57,65,103,.24);
}
.wbs-am-help-card summary {
  padding: 15px;
  cursor: pointer;
  font-weight: 700;
}
.wbs-am-help-card summary:focus-visible {
  outline: 2px solid #95e7ff;
  outline-offset: -3px;
}
.wbs-am-help-card p {
  margin: 0;
  padding: 0 15px 16px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.wbs-am-version-note {
  margin: 0;
  line-height: 1.5;
}
@media (max-width: 950px) {
  .wbs-am-help-reference,
  .wbs-am-help-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  .wbs-am-help-reference,
  .wbs-am-help-steps {
    grid-template-columns: minmax(0, 1fr);
  }
}
@supports not (backdrop-filter: blur(1px)) {
  .wbs-am-help-section {
    background: rgba(27,32,57,.88);
  }
}


/* FAQ: reuse WopBlockStudio's established command FAQ UI */
.wbs-am-faq-section {
  min-width: 0;
  margin: 24px 0;
}
.wbs-am-faq-section .wbs-cmd {
  min-width: 0;
}
.wbs-am-faq-categories,
.wbs-am-faq-questions {
  min-width: 0;
}
.wbs-am-faq-answer {
  padding: 2px 14px 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.wbs-am-faq-answer p {
  margin: 0;
}
.wbs-am-faq-section summary:focus-visible {
  outline: 2px solid var(--wbs-ui-focus, #95e7ff);
  outline-offset: -3px;
}