body main.tools-shell > #authme-workbench {
  position: relative; width: auto; min-width: 0; max-width: 1440px;
  margin: 0 auto; padding: 25px 16px 48px;
}
#authme-workbench .wbs-diff-hero { margin: 0 0 16px; }
#authme-workbench .wbs-diff-cover { object-position: right 45%; }
#authme-workbench .wbs-diff-hero-copy { max-width: 610px; }
#authme-workbench .wbs-am-grid { grid-template-columns: minmax(0,3fr) minmax(0,2fr); gap: 16px; margin: 0; }
#authme-workbench .wbs-am-panel {
  padding: 16px; min-width: 0; border: 1px solid #b4b7dd55; border-radius: 1.1rem;
  background: radial-gradient(ellipse at 0 0,#b69aff22,transparent 75%),#0d132be0;
  box-shadow: 0 8px 24px #03071955,inset 0 1px #f0e8ff44;
}
#authme-workbench .am-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; counter-reset: am-step; list-style: none; }
#authme-workbench .am-steps li { padding: 11px; border: 1px solid #ae9acb60; border-radius: 12px; background: #201e3b; }
#authme-workbench .am-steps strong::before { counter-increment: am-step; content: "0" counter(am-step); display: block; color: #c7efff; font-size: .75rem; margin-bottom: 6px; }
#authme-workbench :is(.am-steps p,.am-context) { margin: 4px 0 0; font-size: .78rem; }
#authme-workbench .wbs-am-toolbar { margin: 14px 0 8px; }
#authme-workbench .am-file-button { display: inline-flex; position: relative; align-items: center; gap: 8px; overflow: hidden; margin: 0; }
#authme-workbench .am-file-button input { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; opacity: 0; cursor: pointer; }
#authme-workbench .am-file-button:focus-within { outline: 2px solid #e0c9ff; outline-offset: 3px; }
#authme-workbench .wbs-diff-icon { flex: none; width: 18px; height: 18px; }
#authme-workbench #am-shortcuts { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
#authme-workbench :is(.am-shortcut,#am-export,#am-reveal,.wbs-am-guided-mode,#am-default,.am-file-button) {
  min-height: 42px; color: #f5eaff; background: linear-gradient(135deg,#382e62,#171d39);
  border: 1px solid #ae9acb85; border-radius: 11px; padding: 8px 12px; cursor: pointer;
}
#authme-workbench :is(button,.am-file-button):hover { border-color: #dbbcff; }
#authme-workbench :is(button,input,select,a,summary):focus-visible { outline: 2px solid #e0c9ff; outline-offset: 3px; }
#authme-workbench button:disabled { opacity: .55; cursor: default; }
#authme-workbench .am-shortcut[aria-pressed=true], #authme-workbench #am-export { background: linear-gradient(135deg,#594587,#293860); border-color: #d9b9ff; }
#authme-workbench .wbs-am-field-label { margin: 12px 0 5px; }
#authme-workbench .wbs-am-guided-level { margin: 12px 0; }
#authme-workbench .wbs-am-group-body { grid-template-columns: minmax(0,1fr); gap: 8px; }
#authme-workbench .wbs-am-setting { border-color: #b4b7dd55; background: #171c36; }
#authme-workbench .wbs-am-setting label { overflow-wrap: anywhere; }
#authme-workbench .wbs-am-setting:has(input[type=checkbox]) { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; }
#authme-workbench .wbs-am-setting:has(input[type=checkbox]) > :not(label,input) { grid-column: 1/-1; }
#authme-workbench .wbs-am-setting input[type=checkbox] {
  appearance: none; display: grid; place-items: center; width: 24px; height: 24px; min-height: 24px; padding: 0;
  border-radius: 6px; border: 1px solid #ae9acb; background: #12172e; cursor: pointer;
}
#authme-workbench .wbs-am-setting input[type=checkbox]:checked { background: #bda3ec; }
#authme-workbench .wbs-am-setting input[type=checkbox]:checked::after { content: ""; width: 9px; height: 5px; border-left: 2px solid #21163d; border-bottom: 2px solid #21163d; transform: rotate(-45deg); }
#authme-workbench input[type=number] { appearance: textfield; }
#authme-workbench input[type=number]::-webkit-inner-spin-button { appearance: none; }
#authme-workbench .wbs-am-v2-subgroup { border: 1px solid #b4b7dd55; padding: 10px; border-radius: 10px; }
#authme-workbench .wbs-am-v2-subgroup > .wbs-am-setting { margin-top: 8px; }
#authme-workbench :is(.am-guides,.am-download) { margin: 14px 0; }
#authme-workbench .am-fold { margin: 0; min-width: 0; }
#authme-workbench :is(.am-fold > summary,.am-faq > summary > span:first-child) { display: flex; align-items: center; gap: 8px; }
#authme-workbench .am-fold-body { margin-top: 10px; }
#authme-workbench .wbs-am-help-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; }
#authme-workbench :is(.am-jump,.wbs-am-docs,.am-fold-body a) { color: #e3d1ff; text-decoration: underline; text-underline-offset: 3px; }
#authme-workbench .am-jump { display: inline-block; margin: 0 0 12px; }
#authme-workbench .am-result { scroll-margin-top: 96px; }
#authme-workbench .wbs-am-preview { scrollbar-color: #79679f #12172e; scrollbar-width: thin; }
#authme-workbench [hidden] { display: none !important; }
@media(max-width: 680px) {
  body main.tools-shell > #authme-workbench { padding: 12px 10px 30px; }
  #authme-workbench :is(.wbs-am-grid,.am-steps) { grid-template-columns: minmax(0,1fr); }
  #authme-workbench .am-steps strong::before { display: inline; margin-right: 8px; }
  #authme-workbench .wbs-diff-hero { padding: 0 0 55px; }
  #authme-workbench .wbs-diff-hero-copy { padding: 20px 16px 12px; }
}

#authme-workbench .wbs-am-toolbar .am-file-button { flex-direction: row; }
#authme-workbench .wbs-am-message { margin: 8px 0; }
#authme-workbench .am-faq .wbs-faq-main-summary { padding: 14px 16px; }
@media(max-width: 680px) {
  #authme-workbench .am-steps { border: 1px solid #ae9acb60; border-radius: 12px; background: #201e3b; gap: 0; }
  #authme-workbench .am-steps li { padding: 8px 10px; background: none; border: 0; border-radius: 0; }
  #authme-workbench .am-steps li + li { border-top: 1px solid #ae9acb40; }
  #authme-workbench .am-steps p { margin-top: 2px; }
}