:root {
  --bg-a: #0a1a27;
  --bg-b: #13344a;
  --panel: #f4efe4;
  --ink: #102331;
  --muted: #4b6372;
  --accent: #d7722c;
  --accent-2: #f2a65a;
  --line: #d6cfbf;
  --sidebar-track: minmax(420px, 520px);
}

* { box-sizing: border-box; }

html,
body {
  height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

body {
  margin: 0;
  min-height: 100vh;
  height: 100vh;
  font-family: "Trebuchet MS", "Verdana", sans-serif;
  color: var(--ink);
  background: radial-gradient(1200px 700px at 80% 5%, #194761 0%, transparent 60%),
              linear-gradient(160deg, var(--bg-a) 0%, var(--bg-b) 100%);
  display: grid;
  grid-template-columns: var(--sidebar-track) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.armory-boot-error[hidden] {
  display: none !important;
}

.armory-boot-error {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #e6edf3;
  background:
    radial-gradient(680px 380px at 50% 0%, rgba(215, 114, 44, 0.18), transparent 70%),
    linear-gradient(150deg, #0d1f2f 0%, #14374f 50%, #15283c 100%);
}

.armory-boot-error-card {
  width: min(100%, 680px);
  border: 1px solid rgba(173, 216, 252, 0.24);
  border-radius: 18px;
  padding: 24px;
  background: rgba(8, 19, 29, 0.88);
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.34);
}

.armory-boot-error-kicker {
  margin: 0 0 8px;
  color: #f2a65a;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.armory-boot-error-card h1 {
  margin: 0;
  color: #fff7e8;
  font-size: clamp(1.35rem, 4vw, 2rem);
  line-height: 1.15;
}

.armory-boot-error-card p {
  margin: 12px 0 0;
  color: #c4d4e3;
  font-size: 1rem;
  line-height: 1.55;
}

.armory-boot-error-card button {
  margin-top: 18px;
}

body.armory-boot-blocked {
  display: block;
  overflow: auto;
}

body.armory-boot-blocked > :not(#armory-boot-error):not(script):not(noscript) {
  display: none !important;
}

html[dir="rtl"] body.armory-page {
  direction: rtl;
}

html[dir="rtl"] body.armory-page .viewport,
html[dir="rtl"] body.armory-page #viewer,
html[dir="rtl"] body.armory-page code,
html[dir="rtl"] body.armory-page pre,
html[dir="rtl"] body.armory-page input[type="number"],
html[dir="rtl"] body.armory-page input[name="nx3_name"],
html[dir="rtl"] body.armory-page .hint {
  direction: ltr;
}

html[dir="rtl"] body.armory-page .builder-item-picker-value,
html[dir="rtl"] body.armory-page .builder-item-picker-option-label,
html[dir="rtl"] body.armory-page .builder-item-preview span,
html[dir="rtl"] body.armory-page .builder-visual-browser-card-title {
  direction: rtl;
}

html[dir="rtl"] body.armory-page .builder-slot-clear-btn {
  margin-left: 0;
  margin-right: auto;
}

body.sidebar-collapsed {
  grid-template-columns: minmax(0, 1fr);
}

body.sidebar-collapsed .sidebar {
  display: none;
}

body.sidebar-collapsed .viewport,
body.sidebar-collapsed .builder-visual-browser {
  grid-column: 1;
}

.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(3, 10, 16, 0.26);
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

.sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  grid-row: 1 / span 2;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

@media (min-width: 1081px) {
  body.armory-page:has(#builder-visual-browser.phase-hidden) {
    grid-template-rows: minmax(0, 1fr);
    row-gap: 0;
  }

  body.armory-page:has(#builder-visual-browser.phase-hidden) .sidebar {
    grid-row: 1;
  }
}

.panel-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 10px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #f8f4ea 0%, #efe7d8 100%);
}

.title {
  min-width: 0;
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.subtitle {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.35;
}

.runtime-pill {
  margin: 8px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid #a2b8c9;
  border-radius: 999px;
  padding: 0.2rem 0.6rem;
  font-size: 0.72rem;
  letter-spacing: 0.02em;
  background: #eef5fb;
  color: #29465c;
}

.armory-language-toolbar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(149, 113, 48, 0.52);
  background:
    linear-gradient(90deg, rgba(198, 137, 43, 0.08), transparent 32%, rgba(198, 137, 43, 0.07)),
    linear-gradient(180deg, rgba(35, 23, 8, 0.98) 0%, rgba(28, 20, 9, 0.98) 100%);
}

.armory-language-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 6px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(181, 133, 45, 0.52);
  border-radius: 12px;
  background: rgba(29, 20, 9, 0.7);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.05);
}

.armory-language-label {
  color: #f0c77d;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.armory-language-field select {
  width: 100%;
  min-height: 32px;
  border: 1px solid rgba(199, 151, 62, 0.78);
  border-radius: 9px;
  padding: 6px 30px 6px 9px;
  color: #fff2dc;
  background:
    linear-gradient(180deg, rgba(48, 32, 12, 0.98) 0%, rgba(31, 22, 10, 0.98) 100%);
  font-size: 0.82rem;
  font-weight: 700;
  outline: none;
  box-shadow: none;
}

.armory-language-field select:focus-visible {
  border-color: rgba(255, 204, 113, 0.98);
  box-shadow: 0 0 0 3px rgba(224, 154, 59, 0.2);
}

.armory-language-field select:disabled {
  color: #b9a274;
  opacity: 0.72;
}

.armory-language-status {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  border: 1px solid rgba(199, 151, 62, 0.78);
  border-radius: 9px;
  padding: 6px 9px;
  color: #c7b287;
  background: linear-gradient(180deg, rgba(48, 32, 12, 0.98) 0%, rgba(31, 22, 10, 0.98) 100%);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
}

.armory-language-status[hidden] {
  display: none;
}

.armory-language-field option {
  background: #241807;
  color: #fff2dc;
}

html[dir="rtl"] .armory-language-field select {
  padding: 6px 9px 6px 30px;
}

.client-setup {
  display: grid;
  gap: 10px;
  padding: 14px 16px 12px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #f7f2e7 0%, #f2eadb 100%);
}

.client-setup-head h2 {
  margin: 0;
  font-size: 0.92rem;
  letter-spacing: 0.02em;
}

.client-setup-head p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.4;
}

.client-source-status {
  border: 1px solid #dbcdb1;
  border-radius: 10px;
  padding: 10px 12px;
  background: #fffaf1;
  color: var(--ink);
  font-size: 0.82rem;
  line-height: 1.4;
}

.client-actions {
  display: flex;
  gap: 8px;
}

.client-actions button {
  flex: 1 1 auto;
  padding: 8px 10px;
  font-size: 0.8rem;
}

.client-fallback-actions button {
  font-size: 0.76rem;
}

.secondary-btn {
  border: 1px solid #ccb891;
  color: #70461f;
  background: #fff7e8;
}

.file-input-hidden {
  display: none !important;
}

.phase-hidden {
  display: none !important;
}

.mode-tabs {
  display: flex;
  gap: 8px;
  padding: 10px 16px 0;
}

.mode-tabs .tab-btn {
  flex: 1 1 auto;
  border: 1px solid #d7c8a8;
  border-radius: 10px;
  padding: 8px 10px;
  background: #fff7ea;
  color: #7a4a1b;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 120ms ease, color 120ms ease, border-color 120ms ease;
}

.mode-tabs .tab-btn.active {
  border-color: var(--accent);
  background: linear-gradient(180deg, var(--accent-2), var(--accent));
  color: #fff;
}

.pane-hidden {
  display: none;
}

form {
  padding: 14px 16px 16px;
  display: grid;
  gap: 12px;
}

label {
  display: grid;
  gap: 6px;
  font-size: 0.88rem;
  color: var(--muted);
  min-width: 0;
}

input[type="file"] {
  width: 100%;
  border: 1px dashed #b3a68a;
  border-radius: 10px;
  padding: 8px;
  background: #fffdf8;
  color: var(--ink);
  font-size: 0.86rem;
}

input[type="text"] {
  width: 100%;
  border: 1px solid #cab998;
  border-radius: 10px;
  padding: 8px;
  background: #fffdf8;
  color: var(--ink);
  font-size: 0.86rem;
}

button {
  border: 0;
  border-radius: 10px;
  padding: 10px 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #fff;
  background: linear-gradient(180deg, var(--accent-2), var(--accent));
  cursor: pointer;
  transition: transform 120ms ease;
}

button:hover { transform: translateY(-1px); }
button:disabled { opacity: 0.5; cursor: wait; transform: none; }

.status {
  border-top: 1px solid var(--line);
  padding: 12px 16px 16px;
  font-size: 0.86rem;
  line-height: 1.45;
  white-space: pre-wrap;
  min-height: 100px;
  color: var(--muted);
}

.nx3-browser {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px;
  background: #fffaf0;
}

.nx3-browser-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.nx3-browser-head button {
  padding: 8px 10px;
  font-size: 0.82rem;
  flex: 0 0 auto;
}

.nx3-count {
  color: var(--muted);
  font-size: 0.78rem;
  text-align: right;
}

.nx3-list {
  max-height: 240px;
  overflow: auto;
  border: 1px solid #d4c7ad;
  border-radius: 8px;
  padding: 4px;
  background: #fff;
  display: grid;
  gap: 4px;
}

.nx3-list-item {
  width: 100%;
  text-align: left;
  border: 1px solid #e4dac6;
  border-radius: 7px;
  padding: 6px 8px;
  background: #fffdf8;
  color: var(--ink);
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.3;
}

.nx3-list-item:hover {
  background: #f8efdf;
  transform: none;
}

.nx3-list-item.selected {
  border-color: var(--accent);
  background: #ffe8ce;
}

.nx3-list-empty {
  color: var(--muted);
  font-size: 0.82rem;
  padding: 10px 8px;
}

.info-note {
  margin-top: -2px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #d9cfbb;
  background: #fffaf1;
  color: #5c4d36;
  font-size: 0.8rem;
  line-height: 1.35;
}

.anim-panel {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px;
  background: #fffaf0;
}

.anim-row {
  display: grid;
  gap: 6px;
}

.anim-row--speed {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 10px;
}

.anim-speed-control {
  display: grid;
  gap: 6px;
}

.anim-row select {
  width: 100%;
  border: 1px solid #cab998;
  border-radius: 8px;
  padding: 7px;
  background: #fffdf8;
  color: var(--ink);
  font-size: 0.82rem;
}

.anim-speed-control input[type="range"] {
  width: 100%;
  margin: 0;
  accent-color: #9f5a18;
}

.anim-speed-value {
  min-width: 4.5rem;
  border: 1px solid #d2c19f;
  border-radius: 8px;
  padding: 7px 10px;
  background: #fffdf8;
  color: #6d532f;
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.anim-buttons {
  display: flex;
  gap: 8px;
}

.anim-buttons button {
  flex: 1 1 auto;
  padding: 8px 10px;
  font-size: 0.8rem;
}

.anim-meta {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
  min-height: 34px;
  white-space: pre-wrap;
}

.builder-form {
  padding: 16px;
  display: grid;
  gap: 14px;
  min-width: 0;
}

@media (max-width: 560px) {
  .anim-row--speed {
    grid-template-columns: 1fr;
  }

  .anim-speed-value {
    justify-self: start;
  }
}

.builder-command-panel,
.builder-section {
  position: relative;
  overflow: hidden;
  border: 1px solid #d3c4a6;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 251, 243, 0.98) 0%, rgba(247, 238, 223, 0.98) 100%);
  box-shadow: 0 10px 24px rgba(54, 37, 14, 0.08);
}

.builder-command-panel::before,
.builder-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, rgba(215, 114, 44, 0.25), rgba(242, 166, 90, 0.95), rgba(215, 114, 44, 0.2));
}

.builder-command-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  background:
    radial-gradient(180px 90px at 100% 0%, rgba(215, 114, 44, 0.14), transparent 70%),
    linear-gradient(180deg, #fff9f0 0%, #f4ead8 100%);
}

.builder-summary-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.builder-summary-card {
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid rgba(168, 128, 78, 0.26);
  border-radius: 12px;
  background: rgba(255, 252, 245, 0.76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.builder-summary-label {
  color: #8e6130;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 800;
}

.builder-summary-card strong {
  color: #352617;
  font-size: 0.84rem;
  line-height: 1.25;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder-command-copy h2,
.builder-section-head h3 {
  margin: 4px 0 0;
  color: #2c2013;
  line-height: 1.15;
}

.builder-command-copy h2 {
  font-size: 1.05rem;
}

.builder-command-copy p,
.builder-section-head p {
  margin: 6px 0 0;
  color: #65533c;
  font-size: 0.79rem;
  line-height: 1.45;
}

.builder-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #9a5c24;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.68rem;
  font-weight: 800;
}

.builder-kicker::before {
  content: "";
  width: 18px;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}

.builder-section {
  padding: 14px;
  display: grid;
  gap: 12px;
}

.builder-section-head {
  display: grid;
  gap: 8px;
}

.builder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.builder-grid > label,
.builder-grid > div {
  min-width: 0;
  overflow: hidden;
}

.builder-grid--equipment {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.builder-field-card--wide {
  grid-column: 1 / -1;
}

.builder-summon-card {
  display: grid;
  gap: 10px;
}

.builder-summon-search-field {
  display: grid;
  gap: 6px;
}

.builder-summon-picker {
  position: relative;
  display: grid;
  gap: 6px;
}

.builder-summon-picker-toggle {
  width: 100%;
  text-align: left;
}

.builder-summon-results {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: min(360px, 42vh);
  overflow: auto;
  padding: 6px;
  border: 1px solid rgba(143, 94, 46, 0.45);
  border-radius: 12px;
  background: rgba(255, 251, 243, 0.98);
  box-shadow: 0 16px 32px rgba(72, 44, 20, 0.24);
}

.builder-summon-result {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 34px;
  padding: 6px 9px;
  border: 0;
  border-radius: 9px;
  color: #5b3d20;
  background: transparent;
  text-align: left;
  box-shadow: none;
}

.builder-summon-result.is-active,
.builder-summon-result:hover,
.builder-summon-result[aria-selected="true"] {
  color: #fff4e4;
  background: linear-gradient(180deg, #9a632b, #704317);
}

.builder-summon-result.has-rarity-separator {
  margin-top: 12px;
}

.builder-summon-result.has-rarity-separator::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 10px;
  right: 10px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent 0%, rgba(143, 94, 46, 0.36) 18%, rgba(143, 94, 46, 0.62) 50%, rgba(143, 94, 46, 0.36) 82%, transparent 100%);
  box-shadow: 0 -3px 8px rgba(72, 44, 20, 0.24), 0 1px 5px rgba(143, 94, 46, 0.1);
}

.builder-summon-result-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.15;
}

.builder-summon-result-code,
.builder-summon-results-empty {
  font-size: 0.72rem;
  font-weight: 700;
  white-space: nowrap;
  color: rgba(91, 61, 32, 0.72);
}

.builder-summon-result.is-active .builder-summon-result-code,
.builder-summon-result:hover .builder-summon-result-code,
.builder-summon-result[aria-selected="true"] .builder-summon-result-code {
  color: rgba(255, 244, 228, 0.76);
}

.builder-summon-results-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px 4px;
  color: #7b5630;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.builder-summon-results-heading::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: rgba(143, 94, 46, 0.26);
}

.builder-summon-results-heading.is-divider {
  margin-top: 5px;
}

.builder-summon-results-empty {
  padding: 12px;
}

.builder-summon-meta {
  color: #7f6141;
}

.builder-summon-texture-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #674b2d;
  font-size: 0.84rem;
  font-weight: 700;
}

.builder-summon-texture-toggle input {
  width: 16px;
  height: 16px;
  accent-color: #8f5e2e;
}

.builder-summon-texture-toggle:has(input:disabled) {
  color: #9f8569;
}

.builder-summon-evolution {
  display: grid;
  gap: 8px;
}

.builder-summon-evolution-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.builder-summon-evolution-button {
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(143, 94, 46, 0.44);
  border-radius: 10px;
  color: #6f4d2a;
  background: rgba(255, 247, 234, 0.76);
  font-size: 0.78rem;
  font-weight: 800;
}

.builder-summon-evolution-button.is-selected {
  border-color: rgba(143, 94, 46, 0.86);
  color: #fff6e8;
  background: linear-gradient(180deg, #a56d32, #7e4d20);
  box-shadow: 0 6px 16px rgba(89, 50, 18, 0.22);
}

.builder-summon-evolution-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.builder-summon-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.builder-summon-actions button {
  flex: 1 1 180px;
}

.builder-summon-hotkey-hint {
  color: #866746;
}

.builder-actions {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.builder-actions button {
  flex: 1 1 auto;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 0.82rem;
}

.builder-hidden-control {
  display: none !important;
}

.builder-field-card,
.builder-slot-card {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #dcccb1;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.95) 0%, rgba(248, 241, 230, 0.95) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.builder-field-card--advanced {
  margin-top: 10px;
}

.builder-slot-card {
  gap: 10px;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.builder-slot-card--hero {
  grid-column: 1 / -1;
  background:
    radial-gradient(150px 80px at 100% 0%, rgba(242, 166, 90, 0.16), transparent 75%),
    linear-gradient(180deg, rgba(255, 252, 245, 0.98) 0%, rgba(247, 237, 218, 0.98) 100%);
}

.builder-slot-card:hover {
  border-color: #cfb382;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 8px 18px rgba(83, 56, 22, 0.08);
}

.builder-field-title {
  color: #4b3c28;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 800;
}

.builder-slot-hint {
  margin-top: -4px;
  color: #8a6c48;
  font-size: 0.72rem;
}

.builder-advanced-panel {
  border: 1px dashed #d7c4a1;
  border-radius: 12px;
  padding: 10px 12px 12px;
  background: rgba(255, 248, 236, 0.82);
}

.builder-advanced-panel summary {
  cursor: pointer;
  color: #714723;
  font-size: 0.78rem;
  font-weight: 700;
  list-style: none;
}

.builder-advanced-panel summary::-webkit-details-marker {
  display: none;
}

.builder-advanced-panel summary::after {
  content: "+";
  float: right;
  color: var(--accent);
}

.builder-advanced-panel[open] summary::after {
  content: "-";
}

.builder-form select,
.builder-form input[type="search"],
.builder-form input[type="text"],
.builder-form input[type="number"] {
  width: 100%;
  border: 1px solid #cdbb98;
  border-radius: 10px;
  padding: 9px 10px;
  background: #fffdfa;
  color: var(--ink);
  font-size: 0.82rem;
  min-width: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.builder-form select optgroup {
  font-weight: 700;
  color: #4b3a2a;
}

.builder-form select option {
  color: var(--ink);
  font-weight: 400;
}

.builder-form select option:disabled {
  color: #a48a61;
  font-weight: 700;
}

.builder-item-native-select {
  display: none;
}

.builder-item-picker {
  position: relative;
  width: 100%;
}

.builder-item-picker.is-open .builder-item-picker-trigger {
  border-color: #cc8a3b;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 0 0 2px rgba(215, 114, 44, 0.14);
}

.builder-item-picker-trigger {
  width: 100%;
  max-width: 100%;
  border: 1px solid #c8b28b;
  border-radius: 12px;
  padding: 10px 12px;
  background: linear-gradient(180deg, #fffdf9 0%, #f7efde 100%);
  color: var(--ink);
  font-size: 0.82rem;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  cursor: pointer;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.builder-item-picker-trigger:disabled {
  cursor: default;
  opacity: 0.75;
}

.builder-item-picker-trigger-icon,
.builder-item-picker-option-icon,
.builder-item-picker-icon-empty {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  border: 1px solid #d8c8ab;
  background: #fff4df;
  flex: 0 0 28px;
}

.builder-item-picker-trigger-icon,
.builder-item-picker-option-icon {
  object-fit: cover;
}

.builder-item-picker-trigger-icon.is-empty,
.builder-item-picker-option-icon.is-empty {
  display: none;
}

.builder-item-picker-value {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: isolate;
}

.builder-item-picker-caret {
  color: #875722;
  flex: 0 0 auto;
  font-size: 0.72rem;
  margin-left: 2px;
}

.builder-item-picker-menu {
  display: none;
  position: absolute;
  left: 0;
  right: auto;
  top: calc(100% + 4px);
  min-width: 0;
  width: auto;
  max-width: calc(100vw - 16px);
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #cfbb98;
  border-radius: 12px;
  background: linear-gradient(180deg, #fffdf8 0%, #f7eedc 100%);
  box-shadow: 0 16px 28px rgba(35, 22, 9, 0.22);
  z-index: 65;
}

.builder-item-picker-head {
  position: sticky;
  top: 0;
  z-index: 1;
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-bottom: 1px solid #e6d4b7;
  background: linear-gradient(180deg, rgba(255, 251, 242, 0.98) 0%, rgba(246, 234, 210, 0.98) 100%);
}

.builder-item-picker-title {
  color: #6f4522;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
}

.builder-item-picker-selection {
  color: #2d2113;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.25;
}

.builder-item-picker-empty {
  padding: 16px 12px;
  color: #7f6240;
  font-size: 0.78rem;
  line-height: 1.35;
  text-align: center;
}

.builder-item-picker-menu.is-floating {
  position: fixed;
  left: 8px;
  top: 8px;
  right: auto;
  width: auto;
  min-width: 0;
  max-width: calc(100vw - 16px);
  max-height: min(320px, calc(100vh - 16px));
  z-index: 9999;
}

.builder-item-picker.is-open .builder-item-picker-menu {
  display: block;
}

.builder-item-picker-divider {
  padding: 7px 10px;
  font-size: 0.74rem;
  color: #7e613c;
  background: #f4e5ca;
  border-top: 1px solid #e2d0b2;
  border-bottom: 1px solid #ead9bd;
  font-weight: 700;
  user-select: none;
}

.builder-item-picker-divider:first-child {
  border-top: 0;
}

.builder-item-picker-option {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid #efe2cc;
  background: transparent;
  color: #2f2418;
  text-align: left;
  padding: 8px 10px;
  font-size: 0.8rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.builder-item-picker-option-copy {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 2px;
}

.builder-item-picker-option:hover {
  background: #f8ead0;
}

.builder-item-picker-option.is-selected {
  background: linear-gradient(180deg, #f4d7ad 0%, #e7c28e 100%);
  color: #2a1a0f;
  font-weight: 700;
}

.builder-item-picker-option.is-clear-option {
  border-bottom: 1px solid #e7d8be;
  background: rgba(255, 249, 236, 0.92);
}

.builder-item-picker-option:last-child {
  border-bottom: 0;
}

.builder-item-picker-option-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: isolate;
}

.builder-item-picker-option-meta {
  color: #886641;
  font-size: 0.68rem;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.builder-item-filter {
  margin-top: 0;
}

.builder-item-preview {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #ddcdb0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
  color: #4b5d68;
  font-size: 0.78rem;
  line-height: 1.28;
  overflow: hidden;
}

.builder-item-preview--featured {
  min-height: 58px;
}

.builder-item-preview span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: isolate;
}

.builder-slot-clear-btn {
  margin-left: auto;
  flex: 0 0 auto;
  padding: 6px 10px;
  border: 1px solid #cfb68a;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff8ea 0%, #f1e2c4 100%);
  color: #6d451f;
  font-size: 0.72rem;
  line-height: 1;
}

.builder-slot-alternatives {
  position: relative;
  flex: 0 0 auto;
}

.builder-slot-alternatives-btn {
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  line-height: 1;
  white-space: nowrap;
}

.builder-slot-alternatives-menu {
  position: absolute;
  z-index: 80;
  display: grid;
  gap: 6px;
  width: min(340px, calc(100vw - 16px));
  max-height: min(360px, calc(100vh - 16px));
  padding: 8px;
  overflow: auto;
  border: 1px solid rgba(58, 39, 18, 0.22);
  border-radius: 12px;
  background: rgba(255, 252, 244, 0.98);
  box-shadow: 0 16px 32px rgba(38, 24, 10, 0.18);
}

.builder-slot-alternatives-menu[hidden] {
  display: none !important;
}

.builder-slot-alternatives-menu.is-floating {
  position: fixed;
}

.builder-slot-alternatives-title {
  color: #604424;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.builder-slot-alternatives-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  border: 1px solid rgba(83, 57, 23, 0.14);
  border-radius: 10px;
  background: rgba(255, 246, 225, 0.7);
}

.builder-slot-alternatives-name {
  min-width: 0;
  color: #3f2a13;
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.builder-slot-alternatives-ids {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px;
  max-width: 132px;
}

.builder-slot-alternatives-id {
  min-height: 22px;
  padding: 3px 7px;
  border-radius: 999px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.66rem;
  line-height: 1;
}

.builder-slot-alternatives-id.is-current {
  box-shadow: 0 0 0 2px rgba(238, 168, 62, 0.28);
}

.builder-item-preview img {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #d8c8ab;
  object-fit: cover;
  background: #fff4df;
  flex: 0 0 34px;
}

.builder-item-preview img.is-empty {
  display: none;
}

.skin-swatches {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.skin-swatch {
  position: relative;
  width: 100%;
  height: 30px;
  border-radius: 9px;
  border: 1px solid rgba(76, 54, 27, 0.24);
  background: #ddd;
  cursor: pointer;
  padding: 0;
  transform: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 4px 10px rgba(58, 38, 15, 0.06);
}

.skin-swatch.active {
  outline: 2px solid rgba(255, 253, 247, 0.95);
  box-shadow: 0 0 0 2px var(--accent), inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 8px 16px rgba(83, 51, 18, 0.14);
}

.skin-swatch.active::after {
  content: '';
  position: absolute;
  inset: 5px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  pointer-events: none;
}

.skin-empty {
  color: var(--muted);
  font-size: 0.78rem;
  padding: 6px 2px;
}

.builder-section--animation .anim-panel {
  background: linear-gradient(180deg, #fffaf1 0%, #f4ead9 100%);
  border-radius: 14px;
}

.builder-section--animation .anim-buttons button {
  min-height: 40px;
}

body.armory-page {
  --sidebar-track: clamp(450px, 37vw, 580px);
}

body.armory-page .builder-form {
  gap: 14px;
}

body.armory-page .panel-head {
  padding: 12px 14px 10px;
}

body.armory-page .title {
  font-size: 1rem;
}

body.armory-page .builder-command-panel {
  position: relative;
  top: auto;
  z-index: auto;
  gap: 9px;
  padding: 12px 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.52), 0 8px 18px rgba(54, 37, 14, 0.08);
}

body.armory-page .armory-build-tools {
  gap: 8px;
  padding: 10px 12px;
  background:
    radial-gradient(160px 80px at 100% 0%, rgba(215, 114, 44, 0.12), transparent 72%),
    linear-gradient(180deg, rgba(255, 250, 242, 0.97) 0%, rgba(247, 238, 223, 0.97) 100%);
}

body.armory-page .armory-build-tools-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.armory-page .armory-build-tools-head h2 {
  margin-top: 2px;
  font-size: 0.94rem;
}

body.armory-page .armory-tool-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

body.armory-page .armory-tool-actions .builder-hidden-control {
  display: none !important;
}

body.armory-page .armory-screenshot-panel {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid rgba(204, 181, 143, 0.78);
  border-radius: 13px;
  background: rgba(255, 251, 244, 0.76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

body.armory-page .armory-screenshot-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

body.armory-page .armory-screenshot-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  flex: 1 1 230px;
  max-width: 330px;
  gap: 6px;
}

body.armory-page .armory-screenshot-panel-head button {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 0.76rem;
}

body.armory-page .armory-screenshot-actions button {
  min-width: 0;
}

body.armory-page .armory-screenshot-camera-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

body.armory-page .armory-screenshot-camera-options label,
body.armory-page .armory-screenshot-options label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 7px 8px;
  border: 1px solid rgba(207, 182, 138, 0.72);
  border-radius: 10px;
  background: rgba(255, 248, 236, 0.74);
  color: #5d4228;
  font-size: 0.74rem;
  font-weight: 700;
  cursor: pointer;
}

body.armory-page .armory-screenshot-camera-options input,
body.armory-page .armory-screenshot-options input {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  accent-color: #d7722c;
}

body.armory-page .armory-screenshot-camera-options span,
body.armory-page .armory-screenshot-options span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.armory-page .armory-screenshot-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.armory-page .builder-command-copy h2 {
  font-size: 1.06rem;
}

body.armory-page .builder-command-copy p,
body.armory-page .builder-section-head p {
  font-size: 0.82rem;
  line-height: 1.42;
}

body.armory-page .builder-kicker,
body.armory-page .builder-field-title,
body.armory-page .builder-summary-label {
  letter-spacing: 0.06em;
}

body.armory-page .builder-field-title {
  font-size: 0.8rem;
}

body.armory-page .builder-summary-panel {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

body.armory-page .builder-summary-card {
  gap: 3px;
  min-width: 0;
  padding: 6px 7px;
  border-color: rgba(168, 128, 78, 0.2);
  border-radius: 9px;
  background: rgba(255, 252, 245, 0.66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

body.armory-page .builder-summary-label {
  font-size: 0.58rem;
}

body.armory-page .builder-summary-card strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.76rem;
}

body.armory-page .builder-actions button,
body.armory-page .client-actions button,
body.armory-page .builder-summon-actions button,
body.armory-page .anim-buttons button {
  min-height: 40px;
  padding: 8px 10px;
  font-size: 0.84rem;
}

body.armory-page .armory-inline-status {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border-top: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: 0.8rem;
  line-height: 1.35;
  white-space: nowrap;
}

body.armory-page .armory-inline-status.is-empty {
  display: none;
}

body.armory-page .builder-command-panel {
  gap: 9px;
  padding: 12px;
}

body.armory-page .builder-command-panel.armory-build-tools {
  gap: 8px;
  padding: 10px 12px;
}

body.armory-page .builder-actions {
  gap: 6px;
}

body.armory-page .builder-section {
  padding: 12px;
  gap: 10px;
}

body.armory-page .builder-grid {
  gap: 8px;
}

body.armory-page .builder-field-card,
body.armory-page .builder-slot-card {
  padding: 10px;
  border-color: rgba(220, 204, 177, 0.82);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
}

body.armory-page .armory-gender-card {
  gap: 8px;
}

body.armory-page .armory-gender-toggle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.armory-page .armory-gender-button {
  display: grid;
  place-items: center;
  min-height: 42px;
  padding: 0;
  border: 1px solid rgba(178, 147, 103, 0.78);
  border-radius: 11px;
  background:
    radial-gradient(circle at 35% 20%, rgba(235, 246, 255, 0.34), transparent 34%),
    linear-gradient(180deg, #536779 0%, #1b2733 56%, #0d141c 100%);
  color: #edf7ff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), inset 0 -10px 18px rgba(0, 0, 0, 0.22), 0 4px 10px rgba(46, 28, 10, 0.1);
}

body.armory-page .armory-gender-button:hover {
  transform: translateY(-1px);
  border-color: rgba(225, 155, 71, 0.95);
}

body.armory-page .armory-gender-button.is-selected {
  border-color: #f1a45b;
  background:
    radial-gradient(circle at 35% 18%, rgba(255, 248, 215, 0.42), transparent 34%),
    linear-gradient(180deg, #83542b 0%, #372318 58%, #130e0b 100%);
  color: #fff5dc;
  box-shadow: 0 0 0 2px rgba(223, 139, 55, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.36), inset 0 -10px 18px rgba(0, 0, 0, 0.24), 0 8px 16px rgba(86, 56, 20, 0.14);
}

body.armory-page.armory-client-connected .panel-head {
  padding-top: 12px;
  padding-bottom: 12px;
}

body.armory-page.armory-client-connected .panel-head .subtitle,
body.armory-page.armory-client-connected .runtime-pill,
body.armory-page.armory-client-connected .client-setup-head p {
  display: none;
}

body.armory-page.armory-client-connected .client-setup {
  gap: 8px;
  padding-top: 12px;
  padding-bottom: 10px;
}

body.armory-page.armory-client-connected .client-setup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.armory-page.armory-client-connected .client-setup-head h2 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body.armory-page.armory-client-connected .client-setup-head h2::after {
  content: 'Connected';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #bfd8c0;
  background: #eef9ef;
  color: #2f6b3a;
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.armory-page.armory-client-connected .client-source-status {
  padding: 8px 10px;
  font-size: 0.8rem;
  line-height: 1.32;
}

body.armory-page.armory-client-connected .client-actions button {
  min-height: 40px;
}

body.armory-page.armory-client-connected #select-client-btn {
  display: none;
}

body.armory-page.armory-client-connected .client-actions {
  gap: 6px;
}

body.armory-page.armory-client-connected .client-fallback-actions {
  align-items: center;
}

body.armory-page.armory-client-connected #pick-data-files-btn {
  flex: 0 1 auto;
  padding-inline: 12px;
  font-size: 0.76rem;
}

body.armory-page.armory-client-connected #clear-pack-cache-btn {
  flex: 1 1 auto;
}

body.armory-page .armory-section {
  gap: 12px;
}

body.armory-page .armory-section--character {
  overflow: visible;
}

body.armory-page .armory-subsection,
body.armory-page .armory-slot-group {
  display: grid;
  gap: 9px;
}

body.armory-page .armory-subsection + .armory-subsection {
  padding-top: 10px;
  border-top: 1px solid rgba(176, 146, 108, 0.28);
}

body.armory-page .armory-subsection--appearance {
  gap: 0;
}

body.armory-page .armory-subtitle {
  margin: 0;
  color: #593d1f;
  font-size: 0.88rem;
  line-height: 1.3;
}

body.armory-page .armory-slot-grid {
  align-items: start;
}

body.armory-page .builder-grid--appearance {
  grid-template-columns: 1fr;
  align-items: start;
}

body.armory-page .builder-grid--appearance > div {
  overflow: visible;
}

body.armory-page .armory-appearance-group {
  gap: 8px;
  padding: 9px;
  overflow: visible;
}

body.armory-page .armory-appearance-group-head,
body.armory-page .armory-appearance-group-summary {
  display: none !important;
}

body.armory-page .armory-appearance-group-head {
  position: sticky;
  top: 10px;
  z-index: 4;
  display: grid;
  gap: 8px;
  padding: 2px 2px 8px;
  margin: -2px -2px 0;
  background: linear-gradient(180deg, rgba(255, 251, 243, 0.985) 0%, rgba(255, 250, 242, 0.94) 82%, rgba(255, 250, 242, 0) 100%);
}

body.armory-page .armory-appearance-group-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.armory-page .armory-appearance-summary-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding: 5px 8px;
  border: 1px solid rgba(212, 190, 157, 0.78);
  border-radius: 999px;
  background: rgba(255, 247, 235, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 3px 8px rgba(81, 54, 22, 0.03);
}

body.armory-page .armory-appearance-summary-label {
  color: #8b673a;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  flex: 0 0 auto;
}

body.armory-page .armory-appearance-summary-value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #453120;
  font-size: 0.76rem;
  font-weight: 700;
}

body.armory-page .armory-appearance-summary-value-text {
  min-width: 0;
  max-width: 18ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.armory-page .armory-appearance-summary-chip {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  border-radius: 999px;
  border: 1px solid rgba(71, 48, 28, 0.18);
  background: linear-gradient(180deg, rgba(250, 242, 229, 0.98) 0%, rgba(226, 209, 181, 0.98) 100%);
}

body.armory-page .armory-appearance-summary-chip.is-exact {
  background: var(--armory-summary-chip);
}

body.armory-page .armory-appearance-summary-chip.is-texture {
  background: repeating-linear-gradient(
    135deg,
    rgba(116, 89, 59, 0.16) 0 5px,
    rgba(248, 238, 222, 0.82) 5px 10px
  );
}

body.armory-page .armory-appearance-group-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: start;
}

body.armory-page .armory-appearance-field {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(193, 166, 125, 0.56);
  border-radius: 11px;
  background:
    radial-gradient(180px 90px at 50% 0%, rgba(255, 255, 255, 0.58), transparent 72%),
    rgba(255, 252, 246, 0.74);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

body.armory-page .armory-slot-card {
  gap: 7px;
  padding: 10px;
}

body.armory-page .armory-slot-card.is-browsing {
  border-color: var(--armory-gold-bright);
  background:
    radial-gradient(140px 70px at 100% 0%, rgba(218, 139, 38, 0.18), transparent 74%),
    linear-gradient(180deg, rgba(55, 35, 12, 0.98) 0%, rgba(29, 20, 9, 0.98) 100%);
  box-shadow: 0 0 0 1px rgba(244, 178, 78, 0.38), 0 0 20px rgba(218, 139, 38, 0.16), inset 0 1px 0 rgba(255, 222, 150, 0.12);
}

body.armory-page .armory-slot-card.is-browsing .builder-item-picker-trigger {
  border-color: var(--armory-gold-bright);
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 210, 128, 0.18), transparent 36%),
    linear-gradient(180deg, rgba(87, 55, 17, 0.98) 0%, rgba(31, 21, 9, 0.98) 100%);
  color: var(--armory-title);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.14), 0 0 0 1px rgba(244, 178, 78, 0.24);
}

body.armory-page .armory-slot-header {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body.armory-page .armory-slot-header .builder-slot-hint {
  margin-top: 0;
}

body.armory-page .armory-slot-preview {
  display: none !important;
}

body.armory-page .armory-slot-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-height: 26px;
}

body.armory-page .armory-slot-card:not(.has-selection) .armory-slot-actions {
  display: none;
}

body.armory-page .armory-slot-actions .builder-slot-clear-btn {
  margin-left: 0;
  margin-right: 0;
  min-height: 28px;
  padding: 5px 9px;
  font-size: 0.68rem;
}

body.armory-page .armory-slot-actions .builder-slot-alternatives-btn {
  min-height: 28px;
  padding: 5px 9px;
  font-size: 0.68rem;
}

body.armory-page .builder-slot-alternatives-menu {
  border-color: rgba(204, 151, 55, 0.7);
  background:
    radial-gradient(circle at 0% 0%, rgba(210, 135, 38, 0.18), transparent 44%),
    rgba(24, 17, 8, 0.98);
  color: var(--armory-text);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.42);
}

body.armory-page .builder-slot-alternatives-title {
  color: var(--armory-gold-bright);
}

body.armory-page .builder-slot-alternatives-row {
  border-color: rgba(190, 138, 48, 0.34);
  background: rgba(31, 21, 9, 0.76);
}

body.armory-page .builder-slot-alternatives-name {
  color: var(--armory-title);
}

body.armory-page .builder-slot-alternatives-id {
  border-color: rgba(204, 151, 55, 0.68);
  background: rgba(255, 210, 128, 0.1);
  color: #e1b56d;
  box-shadow: none;
}

body.armory-page .builder-slot-alternatives-id:hover,
body.armory-page .builder-slot-alternatives-id.is-current {
  border-color: var(--armory-gold-bright);
  background: linear-gradient(180deg, rgba(117, 72, 18, 0.9) 0%, rgba(55, 35, 11, 0.9) 100%);
  color: #fff5dc;
}

body.armory-page .armory-native-select,
body.armory-page .armory-appearance-native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.armory-page .armory-appearance-picker {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  gap: 5px;
  align-items: start;
}

body.armory-page .armory-appearance-picker[aria-busy="true"] {
  pointer-events: none;
}

body.armory-page #builder-face-picker,
body.armory-page #builder-hair-picker {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.armory-page #builder-face-picker {
  gap: 5px;
}

body.armory-page .armory-appearance-picker--detail {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

body.armory-page .armory-appearance-picker--swatch {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

body.armory-page .armory-appearance-card {
  position: relative;
  display: grid;
  gap: 3px;
  align-content: start;
  min-width: 0;
  padding: 4px;
  border: 1px solid rgba(213, 197, 166, 0.82);
  border-radius: 10px;
  background: rgba(255, 250, 242, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

body.armory-page .armory-appearance-card:hover {
  border-color: #c28a4d;
  box-shadow: 0 8px 16px rgba(86, 56, 20, 0.11);
}

body.armory-page .armory-appearance-card:focus-visible {
  outline: 2px solid #d9842a;
  outline-offset: 2px;
}

body.armory-page .armory-appearance-card.is-selected {
  border-color: #df8b37;
  background: linear-gradient(180deg, rgba(255, 249, 239, 0.985) 0%, rgba(255, 242, 222, 0.985) 100%);
  box-shadow: 0 0 0 2px rgba(223, 139, 55, 0.2), 0 10px 18px rgba(86, 56, 20, 0.12);
  transform: translateY(-1px);
}

body.armory-page .armory-appearance-card.is-selected::before {
  content: none;
}

body.armory-page .armory-appearance-card.is-selected .armory-appearance-card-thumb {
  border-color: rgba(198, 127, 47, 0.42);
  box-shadow: 0 0 0 2px rgba(223, 139, 55, 0.14);
}

body.armory-page .armory-appearance-card.is-empty {
  opacity: 0.68;
}

body.armory-page .armory-appearance-card-thumb {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 7px;
  overflow: hidden;
  border: 1px solid rgba(143, 111, 73, 0.2);
  background: linear-gradient(180deg, rgba(20, 33, 43, 0.08) 0%, rgba(36, 55, 72, 0.16) 100%);
}

body.armory-page .armory-appearance-card-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 140ms ease;
}

body.armory-page .armory-appearance-card-thumb img[hidden] {
  display: none;
}

body.armory-page .armory-appearance-card-thumb.is-ready img {
  opacity: 1;
}

body.armory-page .armory-appearance-card-thumb.is-refreshing img {
  opacity: 0.88;
  filter: saturate(0.94) brightness(0.98);
}

body.armory-page .armory-appearance-card-fallback {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 6px;
  color: #6a5236;
  font-family: "Segoe UI", "Inter", "Noto Sans", "Noto Sans Arabic", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.15;
  text-align: center;
  letter-spacing: 0.01em;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.18) 34%, transparent 58%),
    linear-gradient(180deg, rgba(255, 249, 240, 0.96) 0%, rgba(238, 224, 197, 0.95) 100%);
}

body.armory-page .armory-appearance-card-thumb.is-loading .armory-appearance-card-fallback {
  color: #8a6e49;
}

body.armory-page .armory-appearance-card-thumb.is-loading .armory-appearance-card-fallback::after {
  content: '...';
  margin-left: 0.2rem;
}

body.armory-page .armory-appearance-card-thumb.is-ready .armory-appearance-card-fallback {
  display: none;
}

body.armory-page .armory-appearance-card-thumb.is-refreshing .armory-appearance-card-fallback {
  display: none;
}

body.armory-page .armory-appearance-card-thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
  pointer-events: none;
}

body.armory-page .armory-appearance-card--detail .armory-appearance-card-thumb,
body.armory-page .armory-appearance-card--face .armory-appearance-card-thumb,
body.armory-page .armory-appearance-card--hair .armory-appearance-card-thumb {
  aspect-ratio: 0.96;
}

body.armory-page .armory-appearance-card--hair .armory-appearance-card-thumb,
body.armory-page .armory-appearance-card--swatch .armory-appearance-card-thumb {
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.08) 22%, transparent 46%),
    linear-gradient(180deg, rgba(42, 57, 72, 0.98) 0%, rgba(24, 34, 44, 0.98) 100%);
}

body.armory-page .armory-appearance-card--face .armory-appearance-card-thumb img {
  object-fit: cover;
  object-position: center;
  transform: none;
  transform-origin: center;
}

body.armory-page .armory-appearance-card--detail .armory-appearance-card-thumb {
  aspect-ratio: 0.92;
  background: linear-gradient(180deg, rgba(20, 33, 43, 0.06) 0%, rgba(36, 55, 72, 0.14) 100%);
  border-radius: 8px;
}

body.armory-page .armory-appearance-card--detail .armory-appearance-card-thumb img {
  object-fit: cover;
  object-position: center;
  transform: none;
  padding: 0;
}

body.armory-page .armory-appearance-card--detail,
body.armory-page .armory-appearance-card--swatch {
  padding: 5px;
  gap: 3px;
}

body.armory-page .armory-appearance-card--swatch {
  padding: 5px;
  gap: 3px;
  border-radius: 10px;
}

body.armory-page .armory-appearance-card--face {
  padding: 4px;
  gap: 3px;
}

body.armory-page .armory-appearance-card--detail {
  border-radius: 10px;
}

body.armory-page .armory-appearance-card--hair .armory-appearance-card-thumb img {
  object-fit: cover;
  object-position: 50% 37%;
  transform: scale(1.08);
  transform-origin: center;
}

body.armory-page .armory-appearance-card--swatch {
  min-width: 0;
}

body.armory-page .armory-appearance-card--swatch .armory-appearance-card-thumb {
  aspect-ratio: 1;
  border-radius: 8px;
}

body.armory-page .armory-appearance-card--swatch .armory-appearance-card-thumb img {
  object-fit: cover;
  object-position: 50% 27%;
  transform: scale(1.18);
  transform-origin: center;
}

body.armory-page .armory-appearance-card-color-chip {
  display: block;
  height: 7px;
  border-radius: 999px;
  border: 1px solid rgba(117, 88, 55, 0.2);
  background: linear-gradient(180deg, rgba(252, 245, 235, 0.96) 0%, rgba(229, 213, 187, 0.96) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.armory-page .armory-appearance-card-color-chip.is-exact {
  background: var(--armory-color-chip);
  border-color: rgba(44, 29, 17, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

body.armory-page .armory-appearance-card-color-chip.is-texture {
  background: repeating-linear-gradient(
    135deg,
    rgba(116, 89, 59, 0.14) 0 6px,
    rgba(248, 238, 222, 0.82) 6px 12px
  );
}

body.armory-page .armory-appearance-card-label {
  color: #473220;
  font-family: "Segoe UI", "Inter", "Noto Sans", "Noto Sans Arabic", Arial, sans-serif;
  font-size: 0.7rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.005em;
  text-align: center;
  min-height: 1.2em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.armory-page .armory-appearance-card--detail .armory-appearance-card-label {
  min-height: 0;
  font-size: 0.62rem;
  line-height: 1.08;
  -webkit-line-clamp: 1;
}

body.armory-page .armory-appearance-card--face .armory-appearance-card-label {
  min-height: 0;
  font-size: 0.62rem;
  line-height: 1.1;
  -webkit-line-clamp: 1;
}

body.armory-page .armory-appearance-card--hair .armory-appearance-card-label {
  min-height: 0;
  font-size: 0.62rem;
  line-height: 1.1;
  -webkit-line-clamp: 1;
}

body.armory-page .armory-appearance-card--swatch .armory-appearance-card-label {
  min-height: 2.16em;
  font-family: "Trebuchet MS", "Verdana", sans-serif;
  font-size: 0.68rem;
  line-height: 1.14;
  font-weight: 700;
  letter-spacing: 0.01em;
  -webkit-line-clamp: 2;
}

body.armory-page .armory-appearance-card--swatch .armory-appearance-card-color-chip {
  height: 8px;
}

body.armory-page .armory-appearance-picker-empty {
  grid-column: 1 / -1;
  padding: 10px 12px;
  border: 1px dashed rgba(176, 146, 108, 0.45);
  border-radius: 12px;
  color: #7a5f3d;
  font-size: 0.8rem;
  line-height: 1.35;
  background: rgba(255, 251, 243, 0.7);
}

body.armory-page .builder-slot-hint,
body.armory-page .builder-summon-meta,
body.armory-page .skin-empty,
body.armory-page .anim-meta {
  font-size: 0.78rem;
}

body.armory-page .builder-advanced-panel summary {
  font-size: 0.82rem;
}

body.armory-page .builder-form select,
body.armory-page .builder-form input[type="search"],
body.armory-page .builder-form input[type="text"],
body.armory-page .builder-form input[type="number"] {
  font-size: 0.86rem;
}

/* Armory dark brown/gold theme. */
body.armory-page {
  --bg-a: #130f07;
  --bg-b: #221705;
  --panel: #251909;
  --ink: #fff1dc;
  --muted: #d8c49e;
  --accent: #c47a24;
  --accent-2: #e4a04d;
  --line: rgba(149, 113, 48, 0.62);
  --armory-card: #36240c;
  --armory-card-soft: #402b0f;
  --armory-card-deep: #211607;
  --armory-field: #291b09;
  --armory-field-hover: #34230c;
  --armory-border: rgba(190, 143, 54, 0.84);
  --armory-border-soft: rgba(190, 143, 54, 0.6);
  --armory-text: #fff1dc;
  --armory-muted: #dfc9a2;
  --armory-dim: #bfa679;
  --armory-title: #fff7ea;
  --armory-gold: #dfa04b;
  --armory-gold-bright: #ffc36f;
  color: var(--armory-text);
  background:
    radial-gradient(900px 520px at 68% 0%, rgba(92, 62, 16, 0.34), transparent 64%),
    radial-gradient(760px 520px at 0% 14%, rgba(94, 70, 24, 0.24), transparent 68%),
    linear-gradient(160deg, #100d07 0%, #1a1307 44%, #201606 100%);
  scrollbar-color: rgba(176, 138, 66, 0.72) rgba(28, 20, 9, 0.9);
}

body.armory-page .panel,
body.armory-page .builder-visual-browser {
  background: linear-gradient(180deg, rgba(39, 26, 9, 0.99) 0%, rgba(27, 19, 8, 0.99) 100%);
  border-color: var(--armory-border);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42);
}

body.armory-page .panel-head,
body.armory-page .client-setup,
body.armory-page .builder-command-panel,
body.armory-page .builder-section {
  border-color: var(--armory-border);
  background:
    radial-gradient(220px 110px at 100% 0%, rgba(170, 111, 32, 0.22), transparent 74%),
    linear-gradient(180deg, rgba(58, 37, 11, 0.99) 0%, rgba(42, 28, 10, 0.99) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.08), 0 10px 24px rgba(0, 0, 0, 0.22);
}

body.armory-page .client-setup {
  border-bottom-color: var(--armory-border);
}

body.armory-page .builder-command-panel::before,
body.armory-page .builder-section::before {
  background: linear-gradient(90deg, rgba(120, 83, 26, 0.18), rgba(229, 157, 70, 0.92), rgba(120, 83, 26, 0.18));
}

body.armory-page .title,
body.armory-page .client-setup-head h2,
body.armory-page .builder-command-copy h2,
body.armory-page .builder-section-head h3,
body.armory-page .builder-summary-card strong,
body.armory-page .builder-item-picker-selection,
body.armory-page .armory-appearance-summary-value {
  color: var(--armory-title);
}

body.armory-page .subtitle,
body.armory-page label,
body.armory-page .client-setup-head p,
body.armory-page .builder-command-copy p,
body.armory-page .builder-section-head p,
body.armory-page .builder-slot-hint,
body.armory-page .builder-summon-meta,
body.armory-page .skin-empty,
body.armory-page .anim-meta,
body.armory-page .armory-subtitle,
body.armory-page .armory-appearance-picker-empty,
body.armory-page .builder-item-picker-empty,
body.armory-page .builder-item-picker-option-meta {
  color: var(--armory-muted);
}

body.armory-page .builder-kicker,
body.armory-page .builder-field-title,
body.armory-page .builder-summary-label,
body.armory-page .builder-item-picker-title,
body.armory-page .armory-appearance-summary-label,
body.armory-page .builder-item-picker-caret,
body.armory-page .builder-advanced-panel summary::after {
  color: var(--armory-gold-bright);
}

body.armory-page .runtime-pill,
body.armory-page .client-source-status,
body.armory-page .status:not(.armory-inline-status),
body.armory-page .info-note,
body.armory-page .nx3-browser,
body.armory-page .anim-panel,
body.armory-page .builder-section--animation .anim-panel,
body.armory-page .builder-advanced-panel,
body.armory-page .armory-screenshot-panel,
body.armory-page .armory-appearance-picker-empty {
  border-color: var(--armory-border-soft);
  background: rgba(35, 24, 9, 0.78);
  color: var(--armory-muted);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.06);
}

body.armory-page .runtime-pill {
  color: #f0d29b;
}

body.armory-page.armory-client-connected .client-setup-head h2::after {
  border-color: rgba(182, 224, 164, 0.88);
  background: #e9f7dc;
  color: #286033;
}

body.armory-page .builder-summary-card,
body.armory-page .builder-field-card,
body.armory-page .builder-slot-card,
body.armory-page .armory-appearance-field,
body.armory-page .armory-appearance-summary-pill,
body.armory-page .builder-item-preview {
  border-color: rgba(201, 151, 59, 0.68);
  background:
    radial-gradient(180px 90px at 100% 0%, rgba(143, 93, 27, 0.14), transparent 74%),
    linear-gradient(180deg, rgba(48, 31, 10, 0.99) 0%, rgba(34, 23, 9, 0.99) 100%);
  color: var(--armory-text);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.07);
}

body.armory-page .builder-slot-card--hero,
body.armory-page .armory-build-tools,
body.armory-page .armory-slot-card.is-browsing {
  background:
    radial-gradient(190px 90px at 100% 0%, rgba(198, 127, 39, 0.24), transparent 74%),
    linear-gradient(180deg, rgba(53, 34, 10, 0.99) 0%, rgba(35, 23, 8, 0.99) 100%);
}

body.armory-page .builder-slot-card:hover,
body.armory-page .armory-slot-card.is-browsing,
body.armory-page .armory-appearance-card:hover,
body.armory-page .armory-appearance-card.is-selected {
  border-color: rgba(244, 178, 78, 0.95);
  box-shadow: 0 0 0 1px rgba(244, 178, 78, 0.34), inset 0 1px 0 rgba(255, 222, 150, 0.12), 0 10px 20px rgba(0, 0, 0, 0.24);
}

body.armory-page .builder-form select,
body.armory-page .builder-form input[type="search"],
body.armory-page .builder-form input[type="text"],
body.armory-page .builder-form input[type="number"],
body.armory-page .anim-row select,
body.armory-page .anim-speed-value,
body.armory-page .builder-item-picker-trigger {
  border-color: rgba(207, 154, 57, 0.9);
  background: linear-gradient(180deg, rgba(34, 23, 9, 0.99) 0%, rgba(23, 17, 8, 0.99) 100%);
  color: var(--armory-text);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.08);
}

body.armory-page .builder-form select option {
  background: #2b1d0a;
  color: var(--armory-text);
}

body.armory-page .builder-form select option:disabled {
  color: var(--armory-dim);
}

body.armory-page .builder-item-picker.is-open .builder-item-picker-trigger,
body.armory-page .builder-item-picker-trigger:focus-visible,
body.armory-page .builder-form select:focus-visible,
body.armory-page .builder-form input:focus-visible {
  outline: 2px solid rgba(230, 163, 75, 0.62);
  outline-offset: 2px;
  border-color: var(--armory-gold-bright);
}

body.armory-page .builder-item-picker-menu,
body.armory-page .nx3-list {
  border-color: var(--armory-border);
  background: linear-gradient(180deg, #2f210c 0%, #221707 100%);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.48);
}

body.armory-page .builder-item-picker-head,
body.armory-page .builder-item-picker-divider {
  border-color: var(--armory-border-soft);
  background: linear-gradient(180deg, #3b270d 0%, #2d1e0a 100%);
}

body.armory-page .builder-item-picker-option,
body.armory-page .nx3-list-item {
  border-color: rgba(149, 113, 48, 0.28);
  background: transparent;
  color: var(--armory-text);
}

body.armory-page .builder-item-picker-option:hover,
body.armory-page .nx3-list-item:hover {
  background: rgba(110, 73, 19, 0.5);
}

body.armory-page .builder-item-picker-option.is-selected,
body.armory-page .nx3-list-item.selected {
  background: linear-gradient(180deg, rgba(120, 76, 18, 0.92) 0%, rgba(80, 51, 13, 0.92) 100%);
  color: #fff0d7;
}

body.armory-page .builder-item-picker-option.is-clear-option {
  background: rgba(53, 35, 12, 0.92);
}

body.armory-page .builder-item-picker-trigger-icon,
body.armory-page .builder-item-picker-option-icon,
body.armory-page .builder-item-picker-icon-empty,
body.armory-page .builder-item-preview img {
  border-color: rgba(160, 122, 55, 0.64);
  background: #1f1609;
}

body.armory-page button,
body.armory-page .mode-tabs .tab-btn.active {
  border: 1px solid rgba(236, 172, 73, 0.9);
  background: linear-gradient(180deg, #a66520 0%, #754712 100%);
  color: #fff6e8;
  box-shadow: inset 0 1px 0 rgba(255, 221, 147, 0.18), 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.armory-page .secondary-btn,
body.armory-page .builder-slot-clear-btn,
body.armory-page .builder-slot-alternatives-btn,
body.armory-page .mode-tabs .tab-btn {
  border-color: rgba(204, 151, 55, 0.88);
  background: linear-gradient(180deg, rgba(65, 43, 14, 0.99) 0%, rgba(42, 28, 11, 0.99) 100%);
  color: #f6ddb3;
}

body.armory-page button:hover,
body.armory-page .mode-tabs .tab-btn:hover,
body.armory-page .builder-slot-clear-btn:hover,
body.armory-page .builder-slot-alternatives-btn:hover {
  border-color: var(--armory-gold-bright);
  filter: brightness(1.08);
}

body.armory-page button:disabled {
  opacity: 0.48;
  filter: none;
}

body.armory-page .builder-summon-results {
  border-color: rgba(201, 151, 59, 0.72);
  background: linear-gradient(180deg, rgba(42, 29, 12, 0.99), rgba(27, 20, 10, 0.99));
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.36);
}

body.armory-page .builder-summon-result {
  border: 0;
  background: transparent;
  color: var(--armory-text);
  box-shadow: none;
}

body.armory-page .builder-summon-result.is-active,
body.armory-page .builder-summon-result:hover,
body.armory-page .builder-summon-result[aria-selected="true"] {
  background: linear-gradient(180deg, rgba(131, 84, 43, 0.98), rgba(55, 35, 24, 0.98));
  color: #fff5dc;
}

body.armory-page .builder-summon-result.has-rarity-separator::before {
  background: linear-gradient(90deg, transparent 0%, rgba(255, 198, 104, 0.42) 18%, rgba(255, 214, 139, 0.72) 50%, rgba(255, 198, 104, 0.42) 82%, transparent 100%);
  box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.42), 0 1px 5px rgba(255, 184, 71, 0.12);
}

body.armory-page .builder-summon-result-code,
body.armory-page .builder-summon-results-empty {
  color: var(--armory-dim);
}

body.armory-page .builder-summon-result.is-active .builder-summon-result-code,
body.armory-page .builder-summon-result:hover .builder-summon-result-code,
body.armory-page .builder-summon-result[aria-selected="true"] .builder-summon-result-code {
  color: rgba(255, 245, 220, 0.74);
}

body.armory-page .builder-summon-results-heading {
  color: var(--armory-gold-bright);
}

body.armory-page .builder-summon-results-heading::after {
  background: rgba(236, 172, 73, 0.28);
}

body.armory-page .builder-summon-evolution-button {
  border-color: rgba(201, 151, 59, 0.66);
  background: linear-gradient(180deg, rgba(46, 31, 11, 0.98) 0%, rgba(32, 22, 9, 0.98) 100%);
  color: var(--armory-muted);
}

body.armory-page .builder-summon-evolution-button.is-selected {
  border-color: #f1a45b;
  background:
    radial-gradient(circle at 35% 18%, rgba(255, 248, 215, 0.34), transparent 34%),
    linear-gradient(180deg, #83542b 0%, #372318 58%, #130e0b 100%);
  color: #fff5dc;
  box-shadow: 0 0 0 2px rgba(223, 139, 55, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 8px 16px rgba(86, 56, 20, 0.12);
}

body.armory-page .armory-screenshot-camera-options label,
body.armory-page .armory-screenshot-options label,
body.armory-page .armory-gender-button,
body.armory-page .armory-appearance-card {
  border-color: rgba(201, 151, 59, 0.66);
  background: linear-gradient(180deg, rgba(46, 31, 11, 0.98) 0%, rgba(32, 22, 9, 0.98) 100%);
  color: var(--armory-text);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.07);
}

body.armory-page .armory-gender-button.is-selected,
body.armory-page .armory-appearance-card.is-selected {
  border-color: #ffd084;
  background:
    radial-gradient(circle at 35% 18%, rgba(255, 202, 112, 0.24), transparent 34%),
    linear-gradient(180deg, rgba(105, 68, 20, 0.99) 0%, rgba(52, 34, 11, 0.99) 100%);
}

body.armory-page .armory-appearance-card-thumb,
body.armory-page .armory-appearance-card--detail .armory-appearance-card-thumb,
body.armory-page .armory-appearance-card--hair .armory-appearance-card-thumb,
body.armory-page .armory-appearance-card--swatch .armory-appearance-card-thumb {
  border-color: rgba(150, 112, 46, 0.58);
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 226, 156, 0.12) 0%, transparent 42%),
    linear-gradient(180deg, rgba(31, 39, 39, 0.96) 0%, rgba(20, 24, 21, 0.96) 100%);
}

body.armory-page .armory-appearance-card-fallback {
  background: linear-gradient(180deg, rgba(60, 41, 14, 0.95) 0%, rgba(39, 27, 11, 0.95) 100%);
  color: var(--armory-muted);
}

body.armory-page .armory-appearance-card-label {
  color: var(--armory-text);
}

body.armory-page .armory-appearance-card-color-chip,
body.armory-page .armory-appearance-summary-chip {
  border-color: rgba(205, 159, 77, 0.36);
  background: linear-gradient(180deg, rgba(81, 57, 22, 0.94) 0%, rgba(45, 32, 13, 0.94) 100%);
}

body.armory-page .armory-appearance-card-color-chip.is-texture,
body.armory-page .armory-appearance-summary-chip.is-texture {
  background: repeating-linear-gradient(
    135deg,
    rgba(182, 139, 66, 0.28) 0 6px,
    rgba(51, 35, 13, 0.86) 6px 12px
  );
}

body.armory-page .skin-swatch {
  border-color: rgba(198, 145, 45, 0.56);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.16), 0 3px 8px rgba(0, 0, 0, 0.18);
}

body.armory-page .skin-swatch.active {
  outline-color: rgba(198, 145, 45, 0.9);
  box-shadow: 0 0 0 3px rgba(113, 76, 11, 0.82), inset 0 1px 0 rgba(255, 222, 150, 0.18), 0 8px 16px rgba(0, 0, 0, 0.22);
}

body.armory-page .armory-subsection + .armory-subsection {
  border-top-color: var(--armory-border-soft);
}

body.armory-page .builder-item-picker-value,
body.armory-page .builder-item-picker-option-label,
body.armory-page .builder-item-preview span,
body.armory-page .armory-appearance-card-label {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}

body.armory-page .armory-appearance-card--swatch .armory-appearance-card-label {
  text-shadow: none;
}

/* Persisted theme palettes for the Armory left sidebar. */
body.armory-page[data-armory-palette] {
  --armory-sidebar-text: #fff1dc;
  --armory-sidebar-muted: #dfc9a2;
  --armory-sidebar-dim: #bfa679;
  --armory-sidebar-title: #fff7ea;
  --armory-sidebar-selected-text: #fff7ea;
  --armory-sidebar-button-text: #fff6e8;
  --armory-sidebar-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  --armory-sidebar-accent: #dfa04b;
  --armory-sidebar-accent-strong: #ffc36f;
  --armory-sidebar-border: rgba(190, 143, 54, 0.84);
  --armory-sidebar-border-soft: rgba(190, 143, 54, 0.6);
  --armory-sidebar-border-faint: rgba(149, 113, 48, 0.3);
  --armory-sidebar-focus: rgba(230, 163, 75, 0.62);
  --armory-sidebar-glow: rgba(244, 178, 78, 0.32);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(39, 26, 9, 0.99) 0%, rgba(27, 19, 8, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(170, 111, 32, 0.22), transparent 74%), linear-gradient(180deg, rgba(58, 37, 11, 0.99) 0%, rgba(42, 28, 10, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(198, 137, 43, 0.08), transparent 32%, rgba(198, 137, 43, 0.07)), linear-gradient(180deg, rgba(35, 23, 8, 0.98) 0%, rgba(28, 20, 9, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(170, 111, 32, 0.22), transparent 74%), linear-gradient(180deg, rgba(58, 37, 11, 0.99) 0%, rgba(42, 28, 10, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(143, 93, 27, 0.14), transparent 74%), linear-gradient(180deg, rgba(48, 31, 10, 0.99) 0%, rgba(34, 23, 9, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(198, 127, 39, 0.24), transparent 74%), linear-gradient(180deg, rgba(53, 34, 10, 0.99) 0%, rgba(35, 23, 8, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(35, 24, 9, 0.78);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(34, 23, 9, 0.99) 0%, rgba(23, 17, 8, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #2f210c 0%, #221707 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #3b270d 0%, #2d1e0a 100%);
  --armory-sidebar-option-bg: #241807;
  --armory-sidebar-hover-bg: rgba(110, 73, 19, 0.5);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(120, 76, 18, 0.92) 0%, rgba(80, 51, 13, 0.92) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #a66520 0%, #754712 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(65, 43, 14, 0.99) 0%, rgba(42, 28, 11, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(255, 226, 156, 0.12) 0%, transparent 42%), linear-gradient(180deg, rgba(31, 39, 39, 0.96) 0%, rgba(20, 24, 21, 0.96) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(81, 57, 22, 0.94) 0%, rgba(45, 32, 13, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(120, 83, 26, 0.18), rgba(229, 157, 70, 0.92), rgba(120, 83, 26, 0.18));
  --bg-a: #130f07;
  --bg-b: #221705;
  --panel: #251909;
  --ink: var(--armory-sidebar-text);
  --muted: var(--armory-sidebar-muted);
  --accent: var(--armory-sidebar-accent);
  --accent-2: var(--armory-sidebar-accent-strong);
  --line: var(--armory-sidebar-border);
  --armory-border: var(--armory-sidebar-border);
  --armory-border-soft: var(--armory-sidebar-border-soft);
  --armory-text: var(--armory-sidebar-text);
  --armory-muted: var(--armory-sidebar-muted);
  --armory-dim: var(--armory-sidebar-dim);
  --armory-title: var(--armory-sidebar-title);
  --armory-gold: var(--armory-sidebar-accent);
  --armory-gold-bright: var(--armory-sidebar-accent-strong);
  color: var(--armory-sidebar-text);
  scrollbar-color: var(--armory-sidebar-border) rgba(0, 0, 0, 0.28);
}

body.armory-page[data-armory-palette="midnight"] .sidebar {
  --armory-sidebar-text: #f0eadc;
  --armory-sidebar-muted: #c8c0ad;
  --armory-sidebar-dim: #9da6ad;
  --armory-sidebar-title: #fff7e8;
  --armory-sidebar-accent: #b9965e;
  --armory-sidebar-accent-strong: #e2c37f;
  --armory-sidebar-border: rgba(178, 145, 88, 0.74);
  --armory-sidebar-border-soft: rgba(178, 145, 88, 0.5);
  --armory-sidebar-border-faint: rgba(178, 145, 88, 0.24);
  --armory-sidebar-focus: rgba(226, 195, 127, 0.52);
  --armory-sidebar-glow: rgba(184, 146, 82, 0.26);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(13, 21, 35, 0.99) 0%, rgba(7, 11, 20, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(178, 135, 74, 0.18), transparent 74%), linear-gradient(180deg, rgba(22, 34, 54, 0.99) 0%, rgba(12, 20, 35, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(170, 129, 73, 0.08), transparent 34%, rgba(68, 92, 127, 0.1)), linear-gradient(180deg, rgba(10, 16, 28, 0.98) 0%, rgba(7, 11, 20, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(174, 133, 72, 0.16), transparent 74%), linear-gradient(180deg, rgba(18, 29, 48, 0.99) 0%, rgba(9, 17, 31, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(156, 116, 62, 0.12), transparent 74%), linear-gradient(180deg, rgba(16, 27, 44, 0.99) 0%, rgba(9, 17, 29, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(188, 145, 77, 0.2), transparent 74%), linear-gradient(180deg, rgba(21, 34, 55, 0.99) 0%, rgba(10, 18, 31, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(8, 15, 27, 0.82);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(12, 22, 37, 0.99) 0%, rgba(6, 11, 21, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #101c2e 0%, #080f1b 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #1a2a42 0%, #101c2f 100%);
  --armory-sidebar-option-bg: #080f1b;
  --armory-sidebar-hover-bg: rgba(91, 105, 130, 0.36);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(116, 91, 55, 0.94) 0%, rgba(45, 50, 69, 0.94) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #92703f 0%, #5a4328 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(18, 28, 43, 0.99) 0%, rgba(10, 17, 30, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(226, 195, 127, 0.12) 0%, transparent 42%), linear-gradient(180deg, rgba(18, 31, 46, 0.96) 0%, rgba(8, 14, 24, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(45, 58, 78, 0.94) 0%, rgba(17, 27, 43, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(89, 104, 132, 0.16), rgba(226, 195, 127, 0.86), rgba(89, 104, 132, 0.16));
}

body.armory-page[data-armory-palette="steel"] .sidebar {
  --armory-sidebar-text: #ebe7dc;
  --armory-sidebar-muted: #c1bcb0;
  --armory-sidebar-dim: #96958f;
  --armory-sidebar-title: #fffaf0;
  --armory-sidebar-accent: #a89072;
  --armory-sidebar-accent-strong: #d3b992;
  --armory-sidebar-border: rgba(153, 136, 113, 0.72);
  --armory-sidebar-border-soft: rgba(153, 136, 113, 0.48);
  --armory-sidebar-border-faint: rgba(153, 136, 113, 0.24);
  --armory-sidebar-focus: rgba(211, 185, 146, 0.5);
  --armory-sidebar-glow: rgba(158, 139, 112, 0.24);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(24, 25, 25, 0.99) 0%, rgba(13, 14, 15, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(165, 145, 116, 0.16), transparent 74%), linear-gradient(180deg, rgba(42, 44, 44, 0.99) 0%, rgba(27, 29, 30, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(168, 144, 114, 0.08), transparent 34%, rgba(94, 102, 104, 0.09)), linear-gradient(180deg, rgba(20, 21, 22, 0.98) 0%, rgba(13, 14, 15, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(154, 136, 111, 0.14), transparent 74%), linear-gradient(180deg, rgba(35, 38, 39, 0.99) 0%, rgba(20, 22, 23, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(143, 127, 105, 0.11), transparent 74%), linear-gradient(180deg, rgba(30, 33, 34, 0.99) 0%, rgba(18, 20, 21, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(176, 150, 111, 0.18), transparent 74%), linear-gradient(180deg, rgba(40, 42, 42, 0.99) 0%, rgba(22, 24, 25, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(19, 21, 22, 0.84);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(24, 26, 27, 0.99) 0%, rgba(13, 14, 15, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #202426 0%, #111315 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #303436 0%, #202426 100%);
  --armory-sidebar-option-bg: #111315;
  --armory-sidebar-hover-bg: rgba(101, 100, 93, 0.38);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(99, 87, 69, 0.94) 0%, rgba(54, 55, 52, 0.94) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #746450 0%, #4d4338 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(29, 31, 32, 0.99) 0%, rgba(18, 20, 21, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(210, 188, 151, 0.1) 0%, transparent 42%), linear-gradient(180deg, rgba(34, 37, 38, 0.96) 0%, rgba(15, 17, 18, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(61, 62, 59, 0.94) 0%, rgba(30, 32, 32, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(91, 97, 99, 0.16), rgba(211, 185, 146, 0.82), rgba(91, 97, 99, 0.16));
}

body.armory-page[data-armory-palette="emerald"] .sidebar {
  --armory-sidebar-text: #eef0df;
  --armory-sidebar-muted: #c4c9ad;
  --armory-sidebar-dim: #99a47f;
  --armory-sidebar-title: #fbf7df;
  --armory-sidebar-accent: #b5a765;
  --armory-sidebar-accent-strong: #ddcf8a;
  --armory-sidebar-border: rgba(150, 148, 91, 0.74);
  --armory-sidebar-border-soft: rgba(150, 148, 91, 0.5);
  --armory-sidebar-border-faint: rgba(150, 148, 91, 0.24);
  --armory-sidebar-focus: rgba(221, 207, 138, 0.5);
  --armory-sidebar-glow: rgba(146, 145, 84, 0.25);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(15, 26, 18, 0.99) 0%, rgba(7, 14, 10, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(161, 144, 80, 0.18), transparent 74%), linear-gradient(180deg, rgba(27, 49, 33, 0.99) 0%, rgba(14, 30, 20, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(151, 144, 83, 0.08), transparent 34%, rgba(67, 99, 64, 0.1)), linear-gradient(180deg, rgba(11, 23, 15, 0.98) 0%, rgba(7, 14, 10, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(150, 139, 76, 0.16), transparent 74%), linear-gradient(180deg, rgba(22, 41, 28, 0.99) 0%, rgba(10, 24, 16, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(132, 128, 70, 0.12), transparent 74%), linear-gradient(180deg, rgba(18, 35, 24, 0.99) 0%, rgba(9, 22, 15, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(174, 157, 82, 0.2), transparent 74%), linear-gradient(180deg, rgba(25, 48, 32, 0.99) 0%, rgba(11, 25, 17, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(9, 23, 15, 0.82);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(12, 28, 19, 0.99) 0%, rgba(5, 15, 10, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #142819 0%, #07150d 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #213a25 0%, #142719 100%);
  --armory-sidebar-option-bg: #07150d;
  --armory-sidebar-hover-bg: rgba(78, 100, 55, 0.38);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(88, 91, 51, 0.94) 0%, rgba(37, 58, 34, 0.94) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #756e3f 0%, #464b2d 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(17, 34, 22, 0.99) 0%, rgba(9, 22, 15, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(221, 207, 138, 0.11) 0%, transparent 42%), linear-gradient(180deg, rgba(20, 40, 26, 0.96) 0%, rgba(7, 17, 11, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(43, 62, 35, 0.94) 0%, rgba(17, 34, 22, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(78, 103, 61, 0.16), rgba(221, 207, 138, 0.84), rgba(78, 103, 61, 0.16));
}

body.armory-page[data-armory-palette="crimson"] .sidebar {
  --armory-sidebar-text: #f5eadf;
  --armory-sidebar-muted: #d3bba5;
  --armory-sidebar-dim: #b08b7f;
  --armory-sidebar-title: #fff3e6;
  --armory-sidebar-accent: #c28d61;
  --armory-sidebar-accent-strong: #edbd86;
  --armory-sidebar-border: rgba(181, 102, 82, 0.72);
  --armory-sidebar-border-soft: rgba(181, 102, 82, 0.48);
  --armory-sidebar-border-faint: rgba(181, 102, 82, 0.24);
  --armory-sidebar-focus: rgba(237, 189, 134, 0.52);
  --armory-sidebar-glow: rgba(184, 100, 78, 0.25);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(37, 13, 17, 0.99) 0%, rgba(20, 7, 10, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(194, 116, 81, 0.18), transparent 74%), linear-gradient(180deg, rgba(66, 22, 28, 0.99) 0%, rgba(38, 13, 18, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(183, 95, 74, 0.08), transparent 34%, rgba(121, 47, 57, 0.1)), linear-gradient(180deg, rgba(29, 10, 14, 0.98) 0%, rgba(20, 7, 10, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(181, 99, 76, 0.16), transparent 74%), linear-gradient(180deg, rgba(54, 18, 24, 0.99) 0%, rgba(30, 10, 15, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(161, 83, 65, 0.12), transparent 74%), linear-gradient(180deg, rgba(45, 15, 21, 0.99) 0%, rgba(28, 9, 14, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(207, 121, 82, 0.2), transparent 74%), linear-gradient(180deg, rgba(61, 20, 26, 0.99) 0%, rgba(31, 10, 15, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(29, 9, 14, 0.82);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(34, 11, 16, 0.99) 0%, rgba(17, 5, 9, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #2c1017 0%, #19070b 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #411822 0%, #2b1018 100%);
  --armory-sidebar-option-bg: #19070b;
  --armory-sidebar-hover-bg: rgba(109, 47, 50, 0.42);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(112, 50, 42, 0.94) 0%, rgba(65, 25, 29, 0.94) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #94533d 0%, #612e2b 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(41, 14, 20, 0.99) 0%, rgba(26, 8, 13, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(237, 189, 134, 0.11) 0%, transparent 42%), linear-gradient(180deg, rgba(43, 17, 22, 0.96) 0%, rgba(20, 7, 11, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(78, 32, 35, 0.94) 0%, rgba(39, 14, 20, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(117, 48, 49, 0.16), rgba(237, 189, 134, 0.84), rgba(117, 48, 49, 0.16));
}

body.armory-page[data-armory-palette="violet"] .sidebar {
  --armory-sidebar-text: #f0e8ef;
  --armory-sidebar-muted: #cbbdcb;
  --armory-sidebar-dim: #a596aa;
  --armory-sidebar-title: #fff4fb;
  --armory-sidebar-accent: #b98f78;
  --armory-sidebar-accent-strong: #e1b894;
  --armory-sidebar-border: rgba(139, 105, 142, 0.74);
  --armory-sidebar-border-soft: rgba(139, 105, 142, 0.5);
  --armory-sidebar-border-faint: rgba(139, 105, 142, 0.24);
  --armory-sidebar-focus: rgba(225, 184, 148, 0.5);
  --armory-sidebar-glow: rgba(136, 96, 138, 0.25);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(28, 18, 35, 0.99) 0%, rgba(14, 9, 20, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(171, 111, 95, 0.17), transparent 74%), linear-gradient(180deg, rgba(53, 35, 65, 0.99) 0%, rgba(30, 20, 41, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(177, 115, 95, 0.08), transparent 34%, rgba(100, 71, 118, 0.1)), linear-gradient(180deg, rgba(22, 14, 31, 0.98) 0%, rgba(14, 9, 20, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(149, 101, 104, 0.15), transparent 74%), linear-gradient(180deg, rgba(43, 29, 55, 0.99) 0%, rgba(24, 16, 34, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(128, 86, 115, 0.12), transparent 74%), linear-gradient(180deg, rgba(36, 24, 48, 0.99) 0%, rgba(22, 15, 32, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(180, 116, 102, 0.19), transparent 74%), linear-gradient(180deg, rgba(49, 33, 62, 0.99) 0%, rgba(24, 16, 36, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(22, 15, 32, 0.82);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(26, 18, 39, 0.99) 0%, rgba(13, 8, 21, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #231832 0%, #130d20 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #342342 0%, #231832 100%);
  --armory-sidebar-option-bg: #130d20;
  --armory-sidebar-hover-bg: rgba(86, 60, 100, 0.4);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(93, 62, 83, 0.94) 0%, rgba(50, 34, 68, 0.94) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #835d62 0%, #563b55 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(32, 22, 45, 0.99) 0%, rgba(20, 14, 31, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(225, 184, 148, 0.11) 0%, transparent 42%), linear-gradient(180deg, rgba(34, 25, 50, 0.96) 0%, rgba(16, 11, 25, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(57, 42, 70, 0.94) 0%, rgba(31, 22, 45, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(88, 63, 106, 0.16), rgba(225, 184, 148, 0.82), rgba(88, 63, 106, 0.16));
}

body.armory-page[data-armory-palette="parchment"] .sidebar {
  --armory-sidebar-text: #2c2116;
  --armory-sidebar-muted: #6b5a45;
  --armory-sidebar-dim: #8b7a62;
  --armory-sidebar-title: #21160d;
  --armory-sidebar-selected-text: #fff8ed;
  --armory-sidebar-button-text: #fff8ed;
  --armory-sidebar-text-shadow: none;
  --armory-sidebar-accent: #876333;
  --armory-sidebar-accent-strong: #b8833f;
  --armory-sidebar-border: rgba(129, 91, 43, 0.58);
  --armory-sidebar-border-soft: rgba(129, 91, 43, 0.38);
  --armory-sidebar-border-faint: rgba(129, 91, 43, 0.2);
  --armory-sidebar-focus: rgba(137, 100, 49, 0.42);
  --armory-sidebar-glow: rgba(111, 73, 31, 0.18);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(238, 225, 199, 0.99) 0%, rgba(216, 198, 164, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(142, 91, 44, 0.16), transparent 74%), linear-gradient(180deg, rgba(246, 232, 202, 0.99) 0%, rgba(225, 207, 171, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(135, 99, 51, 0.08), transparent 34%, rgba(52, 89, 105, 0.09)), linear-gradient(180deg, rgba(227, 209, 174, 0.98) 0%, rgba(210, 191, 155, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(141, 101, 49, 0.13), transparent 74%), linear-gradient(180deg, rgba(241, 226, 196, 0.99) 0%, rgba(221, 202, 166, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(133, 91, 43, 0.11), transparent 74%), linear-gradient(180deg, rgba(248, 234, 204, 0.99) 0%, rgba(229, 211, 176, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(50, 88, 103, 0.16), transparent 74%), linear-gradient(180deg, rgba(246, 231, 198, 0.99) 0%, rgba(220, 200, 162, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(231, 214, 180, 0.86);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(255, 241, 211, 0.99) 0%, rgba(232, 211, 176, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #ead8b7 0%, #d5bd93 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #f4e4c4 0%, #dfc69b 100%);
  --armory-sidebar-option-bg: #ead8b7;
  --armory-sidebar-hover-bg: rgba(124, 91, 45, 0.16);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(57, 86, 96, 0.96) 0%, rgba(39, 58, 67, 0.96) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #496a73 0%, #2c4752 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(232, 216, 183, 0.99) 0%, rgba(211, 193, 158, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(255, 246, 219, 0.64) 0%, transparent 42%), linear-gradient(180deg, rgba(224, 211, 184, 0.96) 0%, rgba(200, 181, 148, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(226, 207, 171, 0.94) 0%, rgba(199, 178, 141, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(137, 101, 49, 0.12), rgba(65, 98, 109, 0.66), rgba(137, 101, 49, 0.12));
}

body.armory-page[data-armory-palette="obsidian"] {
  --armory-sidebar-text: #f0e4d6;
  --armory-sidebar-muted: #c8ad96;
  --armory-sidebar-dim: #9c8374;
  --armory-sidebar-title: #fff3e2;
  --armory-sidebar-selected-text: #fff6ea;
  --armory-sidebar-accent: #c46f3d;
  --armory-sidebar-accent-strong: #f0a35f;
  --armory-sidebar-border: rgba(178, 86, 48, 0.68);
  --armory-sidebar-border-soft: rgba(178, 86, 48, 0.45);
  --armory-sidebar-border-faint: rgba(178, 86, 48, 0.22);
  --armory-sidebar-focus: rgba(240, 163, 95, 0.5);
  --armory-sidebar-glow: rgba(202, 87, 39, 0.24);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(18, 17, 16, 0.99) 0%, rgba(6, 6, 7, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(207, 88, 39, 0.2), transparent 74%), linear-gradient(180deg, rgba(37, 34, 31, 0.99) 0%, rgba(18, 17, 17, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(194, 83, 39, 0.08), transparent 34%, rgba(94, 64, 52, 0.1)), linear-gradient(180deg, rgba(16, 15, 15, 0.98) 0%, rgba(8, 8, 8, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(196, 82, 37, 0.16), transparent 74%), linear-gradient(180deg, rgba(31, 29, 28, 0.99) 0%, rgba(13, 13, 14, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(176, 72, 33, 0.12), transparent 74%), linear-gradient(180deg, rgba(25, 24, 24, 0.99) 0%, rgba(11, 11, 12, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(222, 96, 42, 0.22), transparent 74%), linear-gradient(180deg, rgba(34, 31, 29, 0.99) 0%, rgba(13, 13, 14, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(14, 14, 14, 0.84);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(20, 19, 19, 0.99) 0%, rgba(7, 7, 8, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #1d1b1a 0%, #090909 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #302b28 0%, #1e1b1a 100%);
  --armory-sidebar-option-bg: #090909;
  --armory-sidebar-hover-bg: rgba(107, 61, 43, 0.38);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(120, 52, 31, 0.96) 0%, rgba(57, 28, 23, 0.96) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #9b4d2d 0%, #632c20 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(28, 25, 24, 0.99) 0%, rgba(12, 12, 12, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(240, 163, 95, 0.12) 0%, transparent 42%), linear-gradient(180deg, rgba(26, 25, 24, 0.96) 0%, rgba(8, 8, 9, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(49, 40, 35, 0.94) 0%, rgba(21, 18, 17, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(90, 60, 49, 0.14), rgba(240, 163, 95, 0.86), rgba(90, 60, 49, 0.14));
}

body.armory-page[data-armory-palette="frost"] {
  --armory-sidebar-text: #eef4f4;
  --armory-sidebar-muted: #c7d3d2;
  --armory-sidebar-dim: #9fb0b0;
  --armory-sidebar-title: #fbffff;
  --armory-sidebar-selected-text: #fbffff;
  --armory-sidebar-accent: #9bb8bd;
  --armory-sidebar-accent-strong: #d3e7e8;
  --armory-sidebar-border: rgba(143, 171, 174, 0.66);
  --armory-sidebar-border-soft: rgba(143, 171, 174, 0.44);
  --armory-sidebar-border-faint: rgba(143, 171, 174, 0.22);
  --armory-sidebar-focus: rgba(211, 231, 232, 0.48);
  --armory-sidebar-glow: rgba(164, 194, 196, 0.2);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(19, 29, 34, 0.99) 0%, rgba(9, 14, 18, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(176, 205, 207, 0.16), transparent 74%), linear-gradient(180deg, rgba(38, 52, 58, 0.99) 0%, rgba(22, 32, 38, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(176, 205, 207, 0.08), transparent 34%, rgba(86, 111, 122, 0.1)), linear-gradient(180deg, rgba(17, 25, 30, 0.98) 0%, rgba(10, 15, 19, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(162, 192, 194, 0.14), transparent 74%), linear-gradient(180deg, rgba(32, 45, 51, 0.99) 0%, rgba(16, 24, 30, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(148, 178, 181, 0.11), transparent 74%), linear-gradient(180deg, rgba(27, 39, 45, 0.99) 0%, rgba(14, 22, 27, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(189, 219, 220, 0.18), transparent 74%), linear-gradient(180deg, rgba(36, 51, 57, 0.99) 0%, rgba(17, 25, 31, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(15, 23, 29, 0.84);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(20, 31, 37, 0.99) 0%, rgba(10, 15, 19, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #1d2c34 0%, #0d151a 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #2d424a 0%, #1d2c34 100%);
  --armory-sidebar-option-bg: #0d151a;
  --armory-sidebar-hover-bg: rgba(95, 122, 130, 0.36);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(83, 109, 116, 0.96) 0%, rgba(42, 61, 68, 0.96) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #607f86 0%, #3a575f 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(25, 37, 43, 0.99) 0%, rgba(14, 22, 27, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(211, 231, 232, 0.12) 0%, transparent 42%), linear-gradient(180deg, rgba(27, 42, 49, 0.96) 0%, rgba(11, 17, 22, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(48, 65, 70, 0.94) 0%, rgba(23, 33, 39, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(98, 125, 132, 0.15), rgba(211, 231, 232, 0.82), rgba(98, 125, 132, 0.15));
}

body.armory-page[data-armory-palette="sandstone"] .sidebar {
  --armory-sidebar-text: #332415;
  --armory-sidebar-muted: #715a3d;
  --armory-sidebar-dim: #917c5d;
  --armory-sidebar-title: #27180d;
  --armory-sidebar-selected-text: #fff8ea;
  --armory-sidebar-button-text: #fff8ea;
  --armory-sidebar-text-shadow: none;
  --armory-sidebar-accent: #2f817b;
  --armory-sidebar-accent-strong: #4fae9f;
  --armory-sidebar-border: rgba(155, 103, 49, 0.54);
  --armory-sidebar-border-soft: rgba(155, 103, 49, 0.36);
  --armory-sidebar-border-faint: rgba(155, 103, 49, 0.2);
  --armory-sidebar-focus: rgba(47, 129, 123, 0.38);
  --armory-sidebar-glow: rgba(47, 129, 123, 0.18);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(222, 190, 139, 0.99) 0%, rgba(190, 151, 96, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(37, 129, 122, 0.14), transparent 74%), linear-gradient(180deg, rgba(237, 203, 148, 0.99) 0%, rgba(204, 163, 103, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(47, 129, 123, 0.08), transparent 34%, rgba(141, 85, 35, 0.08)), linear-gradient(180deg, rgba(205, 166, 107, 0.98) 0%, rgba(184, 143, 91, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(45, 125, 118, 0.12), transparent 74%), linear-gradient(180deg, rgba(229, 195, 141, 0.99) 0%, rgba(197, 156, 100, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(49, 127, 119, 0.1), transparent 74%), linear-gradient(180deg, rgba(236, 202, 149, 0.99) 0%, rgba(207, 167, 111, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(46, 136, 128, 0.16), transparent 74%), linear-gradient(180deg, rgba(235, 200, 143, 0.99) 0%, rgba(198, 155, 98, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(207, 166, 108, 0.82);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(246, 211, 154, 0.99) 0%, rgba(212, 171, 113, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #d8ad71 0%, #bd8f54 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #e7bf82 0%, #ca9b5e 100%);
  --armory-sidebar-option-bg: #d8ad71;
  --armory-sidebar-hover-bg: rgba(47, 129, 123, 0.16);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(41, 112, 106, 0.96) 0%, rgba(32, 78, 75, 0.96) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #357e77 0%, #255a57 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(216, 176, 117, 0.99) 0%, rgba(190, 148, 93, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(255, 230, 177, 0.58) 0%, transparent 42%), linear-gradient(180deg, rgba(209, 176, 125, 0.96) 0%, rgba(175, 135, 86, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(203, 163, 105, 0.94) 0%, rgba(174, 132, 82, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(134, 89, 44, 0.14), rgba(47, 129, 123, 0.66), rgba(134, 89, 44, 0.14));
}

body.armory-page[data-armory-palette="rosewood"] .sidebar {
  --armory-sidebar-text: #f4e5dc;
  --armory-sidebar-muted: #d2b4a6;
  --armory-sidebar-dim: #ad877c;
  --armory-sidebar-title: #fff1e8;
  --armory-sidebar-selected-text: #fff5ec;
  --armory-sidebar-accent: #c79a76;
  --armory-sidebar-accent-strong: #edc59a;
  --armory-sidebar-border: rgba(157, 92, 72, 0.72);
  --armory-sidebar-border-soft: rgba(157, 92, 72, 0.48);
  --armory-sidebar-border-faint: rgba(157, 92, 72, 0.24);
  --armory-sidebar-focus: rgba(237, 197, 154, 0.5);
  --armory-sidebar-glow: rgba(156, 83, 65, 0.24);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(39, 18, 17, 0.99) 0%, rgba(20, 8, 8, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(190, 117, 78, 0.17), transparent 74%), linear-gradient(180deg, rgba(69, 31, 29, 0.99) 0%, rgba(40, 18, 18, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(187, 113, 78, 0.08), transparent 34%, rgba(107, 55, 51, 0.1)), linear-gradient(180deg, rgba(31, 14, 14, 0.98) 0%, rgba(20, 8, 8, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(181, 108, 75, 0.15), transparent 74%), linear-gradient(180deg, rgba(56, 25, 24, 0.99) 0%, rgba(31, 13, 14, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(161, 92, 67, 0.12), transparent 74%), linear-gradient(180deg, rgba(48, 21, 21, 0.99) 0%, rgba(28, 12, 13, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(202, 124, 83, 0.19), transparent 74%), linear-gradient(180deg, rgba(64, 29, 27, 0.99) 0%, rgba(32, 13, 14, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(29, 12, 13, 0.82);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(35, 15, 15, 0.99) 0%, rgba(18, 7, 8, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #2e1515 0%, #190707 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #44201e 0%, #2d1515 100%);
  --armory-sidebar-option-bg: #190707;
  --armory-sidebar-hover-bg: rgba(100, 54, 47, 0.4);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(101, 49, 41, 0.96) 0%, rgba(58, 26, 27, 0.96) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #89523d 0%, #5b302b 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(41, 18, 18, 0.99) 0%, rgba(25, 10, 11, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(237, 197, 154, 0.11) 0%, transparent 42%), linear-gradient(180deg, rgba(42, 20, 19, 0.96) 0%, rgba(18, 8, 9, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(74, 36, 32, 0.94) 0%, rgba(37, 16, 16, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(105, 56, 48, 0.16), rgba(237, 197, 154, 0.82), rgba(105, 56, 48, 0.16));
}

body.armory-page[data-armory-palette="jade"] {
  --armory-sidebar-text: #18251d;
  --armory-sidebar-muted: #4f6858;
  --armory-sidebar-dim: #6f8677;
  --armory-sidebar-title: #102018;
  --armory-sidebar-selected-text: #f7fff7;
  --armory-sidebar-button-text: #f7fff7;
  --armory-sidebar-text-shadow: none;
  --armory-sidebar-accent: #32715d;
  --armory-sidebar-accent-strong: #4f987d;
  --armory-sidebar-border: rgba(70, 118, 92, 0.54);
  --armory-sidebar-border-soft: rgba(70, 118, 92, 0.36);
  --armory-sidebar-border-faint: rgba(70, 118, 92, 0.2);
  --armory-sidebar-focus: rgba(50, 113, 93, 0.36);
  --armory-sidebar-glow: rgba(50, 113, 93, 0.16);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(211, 226, 205, 0.99) 0%, rgba(176, 201, 180, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(50, 113, 93, 0.14), transparent 74%), linear-gradient(180deg, rgba(226, 237, 217, 0.99) 0%, rgba(187, 211, 189, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(50, 113, 93, 0.08), transparent 34%, rgba(120, 137, 91, 0.08)), linear-gradient(180deg, rgba(192, 214, 191, 0.98) 0%, rgba(173, 199, 177, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(49, 112, 91, 0.12), transparent 74%), linear-gradient(180deg, rgba(218, 232, 209, 0.99) 0%, rgba(184, 208, 185, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(47, 106, 86, 0.1), transparent 74%), linear-gradient(180deg, rgba(228, 239, 218, 0.99) 0%, rgba(194, 216, 193, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(47, 116, 93, 0.15), transparent 74%), linear-gradient(180deg, rgba(224, 236, 215, 0.99) 0%, rgba(185, 209, 186, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(194, 215, 193, 0.84);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(236, 244, 226, 0.99) 0%, rgba(199, 220, 198, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #c9dec8 0%, #aac8af 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #dcebd8 0%, #bdd6bf 100%);
  --armory-sidebar-option-bg: #c9dec8;
  --armory-sidebar-hover-bg: rgba(49, 112, 91, 0.14);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(47, 108, 86, 0.96) 0%, rgba(31, 72, 58, 0.96) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #3e8068 0%, #285d4d 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(202, 221, 200, 0.99) 0%, rgba(179, 203, 181, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(244, 249, 232, 0.58) 0%, transparent 42%), linear-gradient(180deg, rgba(193, 214, 193, 0.96) 0%, rgba(165, 192, 170, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(191, 213, 190, 0.94) 0%, rgba(164, 190, 169, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(73, 122, 95, 0.12), rgba(49, 112, 91, 0.64), rgba(73, 122, 95, 0.12));
}

body.armory-page[data-armory-palette="arcane"] {
  --armory-sidebar-text: #ece9f4;
  --armory-sidebar-muted: #c5bdd5;
  --armory-sidebar-dim: #9c91ad;
  --armory-sidebar-title: #faf3ff;
  --armory-sidebar-selected-text: #fff9ff;
  --armory-sidebar-accent: #8bb8ad;
  --armory-sidebar-accent-strong: #bedfd5;
  --armory-sidebar-border: rgba(122, 102, 158, 0.72);
  --armory-sidebar-border-soft: rgba(122, 102, 158, 0.48);
  --armory-sidebar-border-faint: rgba(122, 102, 158, 0.24);
  --armory-sidebar-focus: rgba(190, 223, 213, 0.46);
  --armory-sidebar-glow: rgba(109, 89, 151, 0.24);
  --armory-sidebar-panel-bg: linear-gradient(180deg, rgba(18, 16, 38, 0.99) 0%, rgba(9, 8, 21, 0.99) 100%);
  --armory-sidebar-head-bg: radial-gradient(220px 110px at 100% 0%, rgba(94, 159, 151, 0.16), transparent 74%), linear-gradient(180deg, rgba(34, 29, 68, 0.99) 0%, rgba(20, 17, 43, 0.99) 100%);
  --armory-sidebar-toolbar-bg: linear-gradient(90deg, rgba(139, 184, 173, 0.08), transparent 34%, rgba(106, 80, 151, 0.1)), linear-gradient(180deg, rgba(16, 13, 34, 0.98) 0%, rgba(9, 8, 21, 0.98) 100%);
  --armory-sidebar-section-bg: radial-gradient(220px 110px at 100% 0%, rgba(90, 148, 142, 0.14), transparent 74%), linear-gradient(180deg, rgba(29, 25, 58, 0.99) 0%, rgba(15, 13, 35, 0.99) 100%);
  --armory-sidebar-card-bg: radial-gradient(180px 90px at 100% 0%, rgba(86, 141, 134, 0.11), transparent 74%), linear-gradient(180deg, rgba(25, 21, 51, 0.99) 0%, rgba(14, 12, 32, 0.99) 100%);
  --armory-sidebar-hero-bg: radial-gradient(190px 90px at 100% 0%, rgba(113, 180, 170, 0.18), transparent 74%), linear-gradient(180deg, rgba(33, 28, 66, 0.99) 0%, rgba(15, 13, 35, 0.99) 100%);
  --armory-sidebar-field-bg: rgba(15, 13, 35, 0.84);
  --armory-sidebar-input-bg: linear-gradient(180deg, rgba(19, 17, 44, 0.99) 0%, rgba(8, 7, 21, 0.99) 100%);
  --armory-sidebar-menu-bg: linear-gradient(180deg, #1a173f 0%, #0b0a21 100%);
  --armory-sidebar-menu-head-bg: linear-gradient(180deg, #29235a 0%, #1a1740 100%);
  --armory-sidebar-option-bg: #0b0a21;
  --armory-sidebar-hover-bg: rgba(73, 83, 121, 0.42);
  --armory-sidebar-selected-bg: linear-gradient(180deg, rgba(54, 89, 95, 0.96) 0%, rgba(44, 37, 83, 0.96) 100%);
  --armory-sidebar-button-bg: linear-gradient(180deg, #4f6f75 0%, #3e346f 100%);
  --armory-sidebar-secondary-bg: linear-gradient(180deg, rgba(24, 21, 51, 0.99) 0%, rgba(13, 11, 31, 0.99) 100%);
  --armory-sidebar-thumb-bg: radial-gradient(circle at 50% 24%, rgba(190, 223, 213, 0.11) 0%, transparent 42%), linear-gradient(180deg, rgba(25, 24, 56, 0.96) 0%, rgba(10, 9, 25, 0.98) 100%);
  --armory-sidebar-chip-bg: linear-gradient(180deg, rgba(44, 45, 81, 0.94) 0%, rgba(22, 19, 47, 0.94) 100%);
  --armory-sidebar-topline: linear-gradient(90deg, rgba(93, 75, 139, 0.16), rgba(190, 223, 213, 0.82), rgba(93, 75, 139, 0.16));
}

body.armory-page[data-armory-palette] .sidebar.panel {
  border-color: var(--armory-sidebar-border);
  background: var(--armory-sidebar-panel-bg);
  color: var(--armory-sidebar-text);
}

body.armory-page[data-armory-palette] .sidebar .panel-head,
body.armory-page[data-armory-palette] .sidebar .client-setup,
body.armory-page[data-armory-palette] .sidebar .builder-command-panel,
body.armory-page[data-armory-palette] .sidebar .builder-section {
  border-color: var(--armory-sidebar-border);
  background: var(--armory-sidebar-section-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 10px 24px rgba(0, 0, 0, 0.22);
}

body.armory-page[data-armory-palette] .sidebar .panel-head {
  background: var(--armory-sidebar-head-bg);
}

body.armory-page[data-armory-palette] .sidebar .client-setup {
  border-bottom-color: var(--armory-sidebar-border);
}

body.armory-page[data-armory-palette] .sidebar .armory-language-toolbar {
  border-bottom-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-toolbar-bg);
}

body.armory-page[data-armory-palette] .sidebar .builder-command-panel::before,
body.armory-page[data-armory-palette] .sidebar .builder-section::before {
  background: var(--armory-sidebar-topline);
}

body.armory-page[data-armory-palette] .sidebar .title,
body.armory-page[data-armory-palette] .sidebar .client-setup-head h2,
body.armory-page[data-armory-palette] .sidebar .builder-command-copy h2,
body.armory-page[data-armory-palette] .sidebar .builder-section-head h3,
body.armory-page[data-armory-palette] .sidebar .builder-summary-card strong,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-selection,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-summary-value {
  color: var(--armory-sidebar-title);
}

body.armory-page[data-armory-palette] .sidebar .subtitle,
body.armory-page[data-armory-palette] .sidebar label,
body.armory-page[data-armory-palette] .sidebar .client-setup-head p,
body.armory-page[data-armory-palette] .sidebar .builder-command-copy p,
body.armory-page[data-armory-palette] .sidebar .builder-section-head p,
body.armory-page[data-armory-palette] .sidebar .builder-slot-hint,
body.armory-page[data-armory-palette] .sidebar .builder-summon-meta,
body.armory-page[data-armory-palette] .sidebar .skin-empty,
body.armory-page[data-armory-palette] .sidebar .anim-meta,
body.armory-page[data-armory-palette] .sidebar .armory-subtitle,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-picker-empty,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-empty,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-option-meta,
body.armory-page[data-armory-palette] .sidebar .armory-language-status {
  color: var(--armory-sidebar-muted);
}

body.armory-page[data-armory-palette] .sidebar .builder-kicker,
body.armory-page[data-armory-palette] .sidebar .builder-field-title,
body.armory-page[data-armory-palette] .sidebar .builder-summary-label,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-title,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-summary-label,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-caret,
body.armory-page[data-armory-palette] .sidebar .builder-advanced-panel summary::after,
body.armory-page[data-armory-palette] .sidebar .armory-language-label {
  color: var(--armory-sidebar-accent-strong);
}

body.armory-page[data-armory-palette] .sidebar .runtime-pill,
body.armory-page[data-armory-palette] .sidebar .client-source-status,
body.armory-page[data-armory-palette] .sidebar .status:not(.armory-inline-status),
body.armory-page[data-armory-palette] .sidebar .info-note,
body.armory-page[data-armory-palette] .sidebar .nx3-browser,
body.armory-page[data-armory-palette] .sidebar .anim-panel,
body.armory-page[data-armory-palette] .sidebar .builder-section--animation .anim-panel,
body.armory-page[data-armory-palette] .sidebar .builder-advanced-panel,
body.armory-page[data-armory-palette] .sidebar .armory-screenshot-panel,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-picker-empty,
body.armory-page[data-armory-palette] .sidebar .armory-language-field {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-field-bg);
  color: var(--armory-sidebar-muted);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.armory-page[data-armory-palette] .sidebar .builder-summary-card,
body.armory-page[data-armory-palette] .sidebar .builder-field-card,
body.armory-page[data-armory-palette] .sidebar .builder-slot-card,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-field,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-summary-pill,
body.armory-page[data-armory-palette] .sidebar .builder-item-preview,
body.armory-page[data-armory-palette] .sidebar .armory-screenshot-camera-options label,
body.armory-page[data-armory-palette] .sidebar .armory-screenshot-options label,
body.armory-page[data-armory-palette] .sidebar .armory-gender-button,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-card-bg);
  color: var(--armory-sidebar-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.armory-page[data-armory-palette] .sidebar .builder-slot-card--hero,
body.armory-page[data-armory-palette] .sidebar .armory-build-tools,
body.armory-page[data-armory-palette] .sidebar .armory-slot-card.is-browsing {
  background: var(--armory-sidebar-hero-bg);
}

body.armory-page[data-armory-palette] .sidebar .builder-slot-card:hover,
body.armory-page[data-armory-palette] .sidebar .armory-slot-card.is-browsing,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card:hover,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card.is-selected {
  border-color: var(--armory-sidebar-accent-strong);
  box-shadow: 0 0 0 1px var(--armory-sidebar-glow), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 20px rgba(0, 0, 0, 0.24);
}

body.armory-page[data-armory-palette] .sidebar .builder-form select,
body.armory-page[data-armory-palette] .sidebar .builder-form input[type="search"],
body.armory-page[data-armory-palette] .sidebar .builder-form input[type="text"],
body.armory-page[data-armory-palette] .sidebar .builder-form input[type="number"],
body.armory-page[data-armory-palette] .sidebar .anim-row select,
body.armory-page[data-armory-palette] .sidebar .anim-speed-value,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-trigger,
body.armory-page[data-armory-palette] .sidebar .armory-language-field select,
body.armory-page[data-armory-palette] .sidebar .armory-language-status {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-input-bg);
  color: var(--armory-sidebar-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.armory-page[data-armory-palette] .sidebar .builder-form select option,
body.armory-page[data-armory-palette] .sidebar .armory-language-field option {
  background: var(--armory-sidebar-option-bg);
  color: var(--armory-sidebar-text);
}

body.armory-page[data-armory-palette] .sidebar .builder-form select option:disabled {
  color: var(--armory-sidebar-dim);
}

body.armory-page[data-armory-palette] .sidebar .builder-item-picker.is-open .builder-item-picker-trigger,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-trigger:focus-visible,
body.armory-page[data-armory-palette] .sidebar .builder-form select:focus-visible,
body.armory-page[data-armory-palette] .sidebar .builder-form input:focus-visible,
body.armory-page[data-armory-palette] .sidebar .armory-language-field select:focus-visible,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card:focus-visible {
  outline: 2px solid var(--armory-sidebar-focus);
  outline-offset: 2px;
  border-color: var(--armory-sidebar-accent-strong);
}

body.armory-page[data-armory-palette] .sidebar .builder-item-picker-menu,
body.armory-page[data-armory-palette] .sidebar .nx3-list {
  border-color: var(--armory-sidebar-border);
  background: var(--armory-sidebar-menu-bg);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.48);
}

body.armory-page[data-armory-palette] .sidebar .builder-item-picker-head,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-divider {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-menu-head-bg);
}

body.armory-page[data-armory-palette] .sidebar .builder-item-picker-option,
body.armory-page[data-armory-palette] .sidebar .nx3-list-item {
  border-color: var(--armory-sidebar-border-faint);
  background: transparent;
  color: var(--armory-sidebar-text);
}

body.armory-page[data-armory-palette] .sidebar .builder-item-picker-option:hover,
body.armory-page[data-armory-palette] .sidebar .nx3-list-item:hover {
  background: var(--armory-sidebar-hover-bg);
}

body.armory-page[data-armory-palette] .sidebar .builder-item-picker-option.is-selected,
body.armory-page[data-armory-palette] .sidebar .nx3-list-item.selected,
body.armory-page[data-armory-palette] .sidebar .armory-gender-button.is-selected,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card.is-selected,
body.armory-page[data-armory-palette] .sidebar .mode-tabs .tab-btn.active {
  border-color: var(--armory-sidebar-accent-strong);
  background: var(--armory-sidebar-selected-bg);
  color: var(--armory-sidebar-selected-text);
}

body.armory-page[data-armory-palette] .sidebar .builder-item-picker-trigger-icon,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-option-icon,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-icon-empty,
body.armory-page[data-armory-palette] .sidebar .builder-item-preview img,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card-thumb,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card--detail .armory-appearance-card-thumb,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card--hair .armory-appearance-card-thumb,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card--swatch .armory-appearance-card-thumb {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-thumb-bg);
}

body.armory-page[data-armory-palette] .sidebar button {
  border: 1px solid var(--armory-sidebar-accent-strong);
  background: var(--armory-sidebar-button-bg);
  color: var(--armory-sidebar-button-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.armory-page[data-armory-palette] .sidebar .secondary-btn,
body.armory-page[data-armory-palette] .sidebar .builder-slot-clear-btn,
body.armory-page[data-armory-palette] .sidebar .builder-slot-alternatives-btn,
body.armory-page[data-armory-palette] .sidebar .mode-tabs .tab-btn {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-secondary-bg);
  color: var(--armory-sidebar-muted);
}

body.armory-page[data-armory-palette] .sidebar .mode-tabs .tab-btn.active {
  border-color: var(--armory-sidebar-accent-strong);
  background: var(--armory-sidebar-button-bg);
  color: var(--armory-sidebar-button-text);
}

body.armory-page[data-armory-palette] .sidebar button:hover,
body.armory-page[data-armory-palette] .sidebar .mode-tabs .tab-btn:hover,
body.armory-page[data-armory-palette] .sidebar .builder-slot-clear-btn:hover,
body.armory-page[data-armory-palette] .sidebar .builder-slot-alternatives-btn:hover {
  border-color: var(--armory-sidebar-accent-strong);
  filter: brightness(1.08);
}

body.armory-page[data-armory-palette] .sidebar input[type="checkbox"],
body.armory-page[data-armory-palette] .sidebar input[type="radio"],
body.armory-page[data-armory-palette] .sidebar input[type="range"] {
  accent-color: var(--armory-sidebar-accent);
}

body.armory-page[data-armory-palette] .sidebar .armory-appearance-card-fallback {
  background: var(--armory-sidebar-field-bg);
  color: var(--armory-sidebar-muted);
}

body.armory-page[data-armory-palette] .sidebar .armory-appearance-card-label,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-value,
body.armory-page[data-armory-palette] .sidebar .builder-item-picker-option-label,
body.armory-page[data-armory-palette] .sidebar .builder-item-preview span {
  color: var(--armory-sidebar-text);
  text-shadow: var(--armory-sidebar-text-shadow);
}

body.armory-page[data-armory-palette] .sidebar .armory-appearance-card--swatch .armory-appearance-card-label {
  text-shadow: none;
}

body.armory-page[data-armory-palette] .sidebar .builder-item-picker-option.is-selected .builder-item-picker-option-label,
body.armory-page[data-armory-palette] .sidebar .armory-gender-button.is-selected,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-card.is-selected .armory-appearance-card-label,
body.armory-page[data-armory-palette] .sidebar .mode-tabs .tab-btn.active {
  color: var(--armory-sidebar-selected-text);
}

body.armory-page[data-armory-palette] .sidebar .armory-appearance-card-color-chip,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-summary-chip {
  border-color: var(--armory-sidebar-border-faint);
  background: var(--armory-sidebar-chip-bg);
}

body.armory-page[data-armory-palette] .sidebar .armory-appearance-card-color-chip.is-texture,
body.armory-page[data-armory-palette] .sidebar .armory-appearance-summary-chip.is-texture {
  background: repeating-linear-gradient(135deg, var(--armory-sidebar-border-faint) 0 6px, rgba(0, 0, 0, 0.28) 6px 12px);
}

body.armory-page[data-armory-palette] .sidebar .skin-swatch {
  border-color: var(--armory-sidebar-border-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 3px 8px rgba(0, 0, 0, 0.18);
}

body.armory-page[data-armory-palette] .sidebar .skin-swatch.active {
  outline-color: var(--armory-sidebar-accent-strong);
  box-shadow: 0 0 0 3px var(--armory-sidebar-glow), inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 8px 16px rgba(0, 0, 0, 0.22);
}

body.armory-page[data-armory-palette] .sidebar .armory-subsection + .armory-subsection {
  border-top-color: var(--armory-sidebar-border-soft);
}

.armory-theme-picker {
  position: relative;
  flex: 0 0 auto;
}

body.armory-page[data-armory-palette] .sidebar .armory-theme-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 176px;
  min-height: 34px;
  padding: 5px 9px;
  border-color: var(--armory-sidebar-border-soft);
  border-radius: 999px;
  background: var(--armory-sidebar-secondary-bg);
  color: var(--armory-sidebar-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 6px 14px rgba(0, 0, 0, 0.18);
}

.armory-theme-trigger-copy {
  display: grid;
  min-width: 0;
  text-align: left;
}

.armory-theme-trigger-kicker {
  color: var(--armory-sidebar-dim);
  font-size: 0.56rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
}

.armory-theme-trigger-label {
  min-width: 0;
  overflow: hidden;
  color: var(--armory-sidebar-title);
  font-size: 0.73rem;
  font-weight: 800;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.armory-theme-trigger::after {
  content: "v";
  color: var(--armory-sidebar-accent-strong);
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
}

.armory-theme-picker.is-open .armory-theme-trigger::after {
  transform: rotate(180deg);
}

.armory-theme-menu[hidden] {
  display: none;
}

.armory-theme-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  display: grid;
  gap: 5px;
  width: 238px;
  max-width: min(78vw, 238px);
  padding: 7px;
  border: 1px solid var(--armory-sidebar-border-soft);
  border-radius: 14px;
  background: var(--armory-sidebar-menu-bg);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.armory-page[data-armory-palette] .sidebar .armory-theme-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 7px 9px;
  border-color: transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--armory-sidebar-text);
  box-shadow: none;
  transform: none;
}

body.armory-page[data-armory-palette] .sidebar .armory-theme-option:hover,
body.armory-page[data-armory-palette] .sidebar .armory-theme-option:focus-visible {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-hover-bg);
  filter: none;
  outline: none;
}

body.armory-page[data-armory-palette] .sidebar .armory-theme-option[aria-checked="true"] {
  border-color: var(--armory-sidebar-accent-strong);
  background: var(--armory-sidebar-selected-bg);
  color: var(--armory-sidebar-selected-text);
}

.armory-theme-option-copy {
  display: grid;
  min-width: 0;
  text-align: left;
}

.armory-theme-option-label {
  overflow: hidden;
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.armory-theme-swatches {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex: 0 0 auto;
  padding: 2px;
  border: 1px solid var(--armory-sidebar-border-faint);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.16);
}

.armory-theme-swatch {
  width: 10px;
  height: 16px;
  border-radius: 999px;
  background: var(--theme-swatch-a, var(--armory-sidebar-panel-bg));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.armory-theme-swatch:nth-child(2) {
  background: var(--theme-swatch-b, var(--armory-sidebar-accent));
}

.armory-theme-swatch:nth-child(3) {
  background: var(--theme-swatch-c, var(--armory-sidebar-text));
}

.armory-theme-swatches[data-armory-theme="obsidian"] {
  --theme-swatch-a: #090909;
  --theme-swatch-b: #c46f3d;
  --theme-swatch-c: #f0e4d6;
}

.armory-theme-swatches[data-armory-theme="frost"] {
  --theme-swatch-a: #0d151a;
  --theme-swatch-b: #9bb8bd;
  --theme-swatch-c: #eef4f4;
}

.armory-theme-swatches[data-armory-theme="jade"] {
  --theme-swatch-a: #c9dec8;
  --theme-swatch-b: #32715d;
  --theme-swatch-c: #18251d;
}

.armory-theme-swatches[data-armory-theme="arcane"] {
  --theme-swatch-a: #0b0a21;
  --theme-swatch-b: #8bb8ad;
  --theme-swatch-c: #ece9f4;
}

.armory-theme-swatches[data-armory-theme="gilded"] {
  --theme-swatch-a: #251909;
  --theme-swatch-b: #dfa04b;
  --theme-swatch-c: #fff1dc;
}

@media (max-width: 560px) {
  body.armory-page .sidebar .armory-theme-trigger {
    max-width: 128px;
  }

  .armory-theme-trigger-kicker {
    display: none;
  }
}

@media (max-width: 1080px) {
  body.armory-page {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(52vh, 1fr) auto;
    height: auto;
    min-height: 100vh;
    overflow: auto;
    gap: 0;
    padding: 0;
  }

  body.armory-page .sidebar {
    grid-row: 1;
    height: auto;
    overflow: visible;
  }

  body.armory-page .viewport {
    grid-column: 1;
    grid-row: 2;
    min-height: 52vh;
  }

  body.armory-page .builder-visual-browser {
    grid-column: 1;
    grid-row: 3;
  }
}

@media (max-width: 720px) {
  body.armory-page .builder-summary-panel {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  body.armory-page .builder-summary-panel {
    grid-template-columns: repeat(5, minmax(48px, 1fr));
  }

  body.armory-page .armory-appearance-group-grid {
    grid-template-columns: 1fr;
  }

  body.armory-page #builder-face-picker,
  body.armory-page #builder-hair-picker {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.armory-page .armory-appearance-picker--detail {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.armory-page .armory-appearance-picker--swatch {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.viewport-visual-toggle {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 16;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(226, 197, 148, 0.45);
  border-radius: 999px;
  background: rgba(14, 22, 29, 0.78);
  color: #f3e4c7;
  font-size: 0.77rem;
  font-weight: 700;
  backdrop-filter: blur(8px);
}

.viewport-panel-toggle {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 16;
  padding: 9px 12px;
  border: 1px solid rgba(226, 197, 148, 0.45);
  border-radius: 999px;
  background: rgba(14, 22, 29, 0.78);
  color: #f3e4c7;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  backdrop-filter: blur(8px);
}

.viewport-panel-toggle:hover {
  transform: translateY(-1px);
}

body.armory-page[data-armory-palette] .viewport-panel-toggle {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-secondary-bg);
  color: var(--armory-sidebar-muted);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 4px 14px rgba(0, 0, 0, 0.28);
}

body.armory-page[data-armory-palette] .viewport-panel-toggle:hover {
  border-color: var(--armory-sidebar-accent-strong);
  filter: brightness(1.08);
}

body.armory-page[data-armory-palette] .viewport-panel-toggle:focus-visible {
  outline: 2px solid var(--armory-sidebar-focus);
  outline-offset: 2px;
  border-color: var(--armory-sidebar-accent-strong);
}

.viewport-visual-toggle input {
  width: 15px;
  height: 15px;
  accent-color: #e18c42;
}

.builder-visual-browser {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
}

.builder-visual-browser-panel {
  display: grid;
  gap: 10px;
  padding: 12px 12px 10px;
  min-height: 0;
  border: 1px solid rgba(221, 194, 151, 0.55);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 250, 242, 0.95) 0%, rgba(243, 231, 208, 0.94) 100%);
  box-shadow: 0 18px 34px rgba(9, 7, 4, 0.26);
  backdrop-filter: blur(10px);
}

.builder-visual-browser-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.builder-visual-browser-head h3 {
  margin: 2px 0 0;
  color: #2f2014;
  font-size: 0.94rem;
}

.builder-visual-browser-head p {
  margin: 4px 0 0;
  color: #67543d;
  font-size: 0.76rem;
  line-height: 1.35;
}

.builder-visual-browser-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.builder-visual-browser-mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(185, 139, 77, 0.46);
  border-radius: 999px;
  background: rgba(255, 248, 235, 0.7);
}

.builder-visual-browser-mode-toggle button {
  min-height: 30px;
  padding: 5px 11px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #6d5132;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.builder-visual-browser-mode-toggle button[aria-pressed="true"] {
  background: linear-gradient(180deg, #b36a23 0%, #7b4715 100%);
  color: #fff4df;
  box-shadow: inset 0 1px 0 rgba(255, 235, 180, 0.24), 0 3px 8px rgba(84, 47, 16, 0.18);
}

.builder-visual-browser-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.builder-visual-browser-toolbar > input {
  width: 100%;
  min-width: 0;
  border: 1px solid #cdbb98;
  border-radius: 10px;
  padding: 8px 10px;
  background: #fffdfa;
  color: var(--ink);
  font-size: 0.78rem;
}

.builder-visual-browser-sort {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  border: 1px solid #cdbb98;
  border-radius: 10px;
  padding: 6px 8px;
  background: #fffdfa;
  color: #6d5132;
  font-size: 0.72rem;
  font-weight: 800;
  white-space: nowrap;
}

.builder-visual-browser-sort select {
  min-width: 7.2rem;
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  outline: 0;
}

.builder-visual-browser-sort select option {
  background: #fffdfa;
  color: var(--ink);
}

.builder-visual-browser-weapon-filters {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
  .builder-visual-browser-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .builder-visual-browser-sort {
    justify-content: space-between;
  }
}

.builder-visual-browser-weapon-filters {
  display: grid;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(185, 139, 77, 0.42);
  border-radius: 12px;
  background: rgba(255, 248, 235, 0.64);
}

.builder-visual-browser-weapon-filters-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.builder-visual-browser-weapon-filters-title {
  color: #6f4522;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.builder-visual-browser-weapon-filters-summary {
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(111, 69, 34, 0.12);
  color: #967044;
  font-size: 0.68rem;
  font-weight: 800;
  white-space: nowrap;
}

.builder-visual-browser-weapon-filter-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.builder-visual-browser-weapon-filter-options-wrap {
  position: relative;
  overflow: hidden;
  margin: 0 -2px;
  padding: 0 2px;
}

.builder-visual-browser-weapon-filter-options-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  width: 22px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 248, 235, 0), rgba(255, 248, 235, 0.82));
}

.builder-visual-browser-weapon-filter-options {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1px 18px 5px 0;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.builder-visual-browser-weapon-filter-actions button,
.builder-visual-browser-weapon-filter-pill {
  min-height: 28px;
  border: 1px solid rgba(185, 139, 77, 0.48);
  border-radius: 999px;
  background: rgba(255, 253, 248, 0.78);
  color: #6d5132;
  font-size: 0.69rem;
  font-weight: 800;
}

.builder-visual-browser-weapon-filter-actions button {
  padding: 5px 10px;
  cursor: pointer;
}

.builder-visual-browser-weapon-filter-actions button:disabled {
  cursor: default;
  opacity: 0.7;
}

.builder-visual-browser-weapon-filter-pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}

.builder-visual-browser-weapon-filter-pill input {
  width: 13px;
  height: 13px;
  min-width: 13px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  accent-color: #b36a23;
}

.builder-visual-browser-weapon-filter-pill.is-selected {
  border-color: #c27f33;
  background: linear-gradient(180deg, rgba(255, 242, 214, 0.94) 0%, rgba(237, 207, 158, 0.9) 100%);
  color: #442815;
}

.builder-visual-browser-weapon-filter-pill.is-empty:not(.is-selected) {
  opacity: 0.62;
}

.builder-visual-browser-weapon-filter-count {
  min-width: 1.7em;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(111, 69, 34, 0.12);
  color: #8a5d2d;
  text-align: center;
}

.builder-visual-browser-list {
  display: grid;
  gap: 12px;
  max-height: min(44vh, 430px);
  overflow-y: auto;
  overflow-x: hidden;
  overflow-anchor: none;
  padding-right: 4px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.builder-visual-browser-list.is-preview-mode {
  display: block;
  max-height: 314px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px 6px 14px 2px;
}

.builder-visual-browser-list.is-weapon-filter-empty:not(.is-preview-mode) {
  overflow-y: scroll;
}

.builder-visual-browser-list.is-preview-mode.is-weapon-filter-empty {
  overflow-x: scroll;
}

.builder-visual-browser-preview-rail {
  display: flex;
  align-items: stretch;
  gap: 12px;
  min-width: max-content;
}

.builder-visual-browser-preview-rail-spacer {
  flex: 0 0 auto;
  height: 1px;
  align-self: flex-start;
  pointer-events: none;
  opacity: 0;
  scroll-snap-align: none;
}

.builder-visual-browser-rail-marker {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  align-self: stretch;
  width: auto;
  min-width: 118px;
  min-height: 0;
  padding: 2px 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #6f4522;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  scroll-snap-align: none;
}

.builder-visual-browser-rail-marker::after {
  content: "";
  position: absolute;
  top: 34px;
  bottom: 8px;
  left: 50%;
  width: 1px;
  transform: translateX(-0.5px);
  background: linear-gradient(180deg, rgba(165, 120, 54, 0.5), rgba(165, 120, 54, 0.08));
}

.builder-visual-browser-rail-marker span {
  position: relative;
  z-index: 1;
}

.builder-visual-browser-rail-marker span:first-child {
  max-width: 112px;
  padding: 4px 8px;
  border: 1px solid rgba(165, 120, 54, 0.34);
  border-radius: 999px;
  background: rgba(255, 247, 230, 0.72);
  line-height: 1.15;
}

.builder-visual-browser-rail-marker span:last-child {
  min-width: 26px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255, 247, 230, 0.52);
  color: #9b7446;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  line-height: 1.15;
}

.builder-visual-browser-section {
  display: grid;
  gap: 8px;
}

.builder-visual-browser-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px;
  color: #6f4522;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.builder-visual-browser-section-head span:last-child {
  color: #9b7446;
  letter-spacing: 0.02em;
}

.builder-visual-browser-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(126px, 1fr));
  gap: 10px;
}

.builder-visual-browser-card {
  position: relative;
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 158px;
  padding: 10px;
  border: 1px solid #d7c5a5;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.96) 0%, rgba(246, 236, 218, 0.96) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  cursor: pointer;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.builder-visual-browser-card:hover {
  border-color: #c28a4d;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 16px rgba(86, 56, 20, 0.12);
  transform: translateY(-1px);
}

.builder-visual-browser-card:focus-visible {
  outline: 2px solid #d9842a;
  outline-offset: 2px;
}

.builder-visual-browser-card.is-selected {
  border-color: #cd8a3d;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0 0 2px rgba(215, 114, 44, 0.16);
}

.builder-visual-browser-card.is-none {
  min-height: 126px;
}

.builder-visual-browser-card--preview {
  width: 190px;
  min-height: 252px;
}

.builder-visual-browser-card--preview.is-none {
  min-height: 252px;
}

.builder-visual-browser-card--preview .builder-visual-browser-card-copy {
  min-height: 2.6em;
  align-content: start;
}

.builder-visual-browser-card--preview.is-loading .builder-visual-browser-preview-frame::after {
  content: "Rendering";
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(35, 22, 8, 0.72);
  color: #ffe4b5;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.builder-visual-browser-preview-frame {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1 / 1.16;
  overflow: hidden;
  border: 1px solid #dbc8a4;
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 226, 156, 0.2), transparent 43%),
    linear-gradient(180deg, #26343a 0%, #171d1b 100%);
}

.builder-visual-browser-preview-frame img,
.builder-visual-browser-preview-frame .builder-visual-browser-card-icon-empty {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
}

.builder-visual-browser-preview-frame img.is-icon-fallback {
  width: 72%;
  height: 72%;
  border-radius: 12px;
  object-fit: cover;
  opacity: 0.78;
}

.builder-visual-browser-none-preview {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border: 1px dashed rgba(183, 138, 64, 0.52);
  border-radius: 12px;
  color: #d7b77d;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background:
    radial-gradient(circle at 50% 26%, rgba(229, 177, 83, 0.12), transparent 46%),
    rgba(26, 19, 10, 0.58);
}

.builder-visual-browser-card img,
.builder-visual-browser-card-icon-empty {
  width: 100%;
  aspect-ratio: 1 / 0.92;
  border-radius: 12px;
  border: 1px solid #dbc8a4;
  background: linear-gradient(180deg, #fff5e3 0%, #f0dfbf 100%);
  object-fit: cover;
  image-rendering: auto;
}

.builder-visual-browser-card-copy {
  display: grid;
  gap: 0;
}

.builder-visual-browser-card-title {
  color: #2f2216;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.builder-visual-browser-empty {
  display: grid;
  justify-items: start;
  gap: 10px;
  padding: 14px;
  border: 1px dashed #d6c3a0;
  border-radius: 14px;
  color: #715742;
  font-size: 0.78rem;
  line-height: 1.4;
}

.builder-visual-browser-empty button {
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 900;
}

.builder-visual-browser-empty--weapon-filter {
  min-height: 126px;
  align-content: center;
}

.builder-visual-browser-empty--rail {
  width: 190px;
  min-height: 252px;
  align-content: center;
  scroll-snap-align: start;
}

body.armory-page .builder-visual-browser-panel {
  border-color: rgba(198, 151, 59, 0.84);
  background:
    radial-gradient(620px 260px at 100% 0%, rgba(179, 102, 26, 0.22), transparent 68%),
    linear-gradient(180deg, rgba(42, 29, 11, 0.98) 0%, rgba(24, 18, 10, 0.98) 100%);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 222, 150, 0.08);
}

body.armory-page .builder-visual-browser-head h3 {
  color: var(--armory-title);
}

body.armory-page .builder-visual-browser-head p {
  color: var(--armory-muted);
}

body.armory-page .builder-visual-browser-mode-toggle {
  border-color: rgba(206, 154, 59, 0.72);
  background: rgba(24, 17, 8, 0.74);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.08);
}

body.armory-page .builder-visual-browser-mode-toggle button {
  color: #e7c991;
  box-shadow: none;
}

body.armory-page .builder-visual-browser-mode-toggle button:hover {
  filter: none;
  color: #fff3d6;
}

body.armory-page .builder-visual-browser-mode-toggle button[aria-pressed="true"] {
  border: 0;
  background: linear-gradient(180deg, #b57024 0%, #7a4a14 100%);
  color: #fff5df;
  box-shadow: inset 0 1px 0 rgba(255, 226, 156, 0.2), 0 4px 10px rgba(0, 0, 0, 0.24);
}

body.armory-page .builder-visual-browser-toolbar > input {
  border-color: rgba(207, 154, 57, 0.9);
  background: rgba(16, 12, 7, 0.82);
  color: var(--armory-text);
}

body.armory-page .builder-visual-browser-sort {
  border-color: rgba(207, 154, 57, 0.9);
  background: rgba(16, 12, 7, 0.82);
  color: var(--armory-dim);
}

body.armory-page .builder-visual-browser-sort select {
  color: var(--armory-text);
}

body.armory-page .builder-visual-browser-sort select option {
  background: #2b1d0a;
  color: var(--armory-text);
}

body.armory-page .builder-visual-browser-toolbar > input::placeholder {
  color: rgba(223, 201, 162, 0.66);
}

body.armory-page .builder-visual-browser-weapon-filters {
  border-color: rgba(207, 154, 57, 0.58);
  background:
    radial-gradient(circle at 0% 0%, rgba(210, 135, 38, 0.16), transparent 42%),
    rgba(18, 13, 7, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.07);
}

body.armory-page .builder-visual-browser-weapon-filters-title {
  color: var(--armory-gold-bright);
}

body.armory-page .builder-visual-browser-weapon-filters-summary {
  background: rgba(255, 210, 128, 0.1);
  color: var(--armory-dim);
}

body.armory-page .builder-visual-browser-weapon-filter-options-wrap::after {
  background: linear-gradient(90deg, rgba(18, 13, 7, 0), rgba(18, 13, 7, 0.92));
}

body.armory-page .builder-visual-browser-weapon-filter-actions button,
body.armory-page .builder-visual-browser-weapon-filter-pill {
  border-color: rgba(190, 138, 48, 0.52);
  background: rgba(31, 21, 9, 0.78);
  color: #e7c991;
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.06);
}

body.armory-page .builder-visual-browser-weapon-filter-actions button:hover,
body.armory-page .builder-visual-browser-weapon-filter-pill:hover {
  border-color: rgba(244, 178, 78, 0.84);
  color: #fff3d6;
  filter: none;
}

body.armory-page .builder-visual-browser-weapon-filter-actions button[aria-pressed="true"],
body.armory-page .builder-visual-browser-weapon-filter-pill.is-selected {
  border-color: rgba(244, 178, 78, 0.92);
  background: linear-gradient(180deg, rgba(117, 72, 18, 0.96) 0%, rgba(55, 35, 11, 0.96) 100%);
  color: #fff5df;
}

body.armory-page .builder-visual-browser-weapon-filter-actions button:disabled {
  cursor: default;
  opacity: 0.72;
}

body.armory-page .builder-visual-browser-weapon-filter-count {
  background: rgba(255, 210, 128, 0.12);
  color: var(--armory-dim);
}

body.armory-page .builder-visual-browser-section-head,
body.armory-page .builder-visual-browser-rail-marker {
  color: var(--armory-gold-bright);
}

body.armory-page .builder-visual-browser-rail-marker::after {
  background: linear-gradient(180deg, rgba(244, 178, 78, 0.68), rgba(244, 178, 78, 0.1));
}

body.armory-page .builder-visual-browser-rail-marker span:first-child {
  border-color: rgba(201, 151, 59, 0.42);
  background: rgba(24, 17, 7, 0.86);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.08);
}

body.armory-page .builder-visual-browser-section-head span:last-child,
body.armory-page .builder-visual-browser-rail-marker span:last-child {
  color: var(--armory-dim);
}

body.armory-page .builder-visual-browser-rail-marker span:last-child {
  border: 1px solid rgba(201, 151, 59, 0.26);
  background: rgba(24, 17, 7, 0.7);
}

body.armory-page .builder-visual-browser-card {
  border-color: rgba(204, 151, 55, 0.74);
  background:
    radial-gradient(circle at 50% 18%, rgba(203, 122, 32, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(57, 36, 10, 0.98) 0%, rgba(35, 24, 9, 0.98) 100%);
  color: var(--armory-text);
  box-shadow: inset 0 1px 0 rgba(255, 222, 150, 0.08), 0 8px 18px rgba(0, 0, 0, 0.24);
}

body.armory-page .builder-visual-browser-card:hover {
  border-color: rgba(244, 178, 78, 0.92);
  box-shadow: 0 0 0 1px rgba(244, 178, 78, 0.3), inset 0 1px 0 rgba(255, 222, 150, 0.12), 0 12px 24px rgba(0, 0, 0, 0.32);
  transform: none;
}

body.armory-page .builder-visual-browser-card.is-selected {
  border-color: var(--armory-gold-bright);
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 202, 112, 0.24), transparent 42%),
    linear-gradient(180deg, rgba(101, 62, 17, 0.98) 0%, rgba(42, 28, 10, 0.98) 100%);
  box-shadow: 0 0 0 1px rgba(244, 178, 78, 0.48), 0 0 24px rgba(218, 139, 38, 0.22), inset 0 1px 0 rgba(255, 222, 150, 0.16), 0 12px 24px rgba(0, 0, 0, 0.32);
}

body.armory-page .builder-visual-browser-card.is-selected:hover {
  box-shadow: 0 0 0 1px rgba(255, 202, 112, 0.64), 0 0 28px rgba(235, 160, 52, 0.28), inset 0 1px 0 rgba(255, 222, 150, 0.18), 0 12px 24px rgba(0, 0, 0, 0.34);
}

body.armory-page .builder-visual-browser-card:hover .builder-visual-browser-preview-frame,
body.armory-page .builder-visual-browser-card.is-selected .builder-visual-browser-preview-frame {
  border-color: rgba(244, 178, 78, 0.7);
  box-shadow: inset 0 0 0 1px rgba(255, 222, 150, 0.08), 0 0 18px rgba(218, 139, 38, 0.14);
}

body.armory-page .builder-visual-browser-card img,
body.armory-page .builder-visual-browser-card-icon-empty {
  border-color: rgba(160, 122, 55, 0.68);
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 226, 156, 0.14), transparent 42%),
    linear-gradient(180deg, rgba(31, 39, 39, 0.96) 0%, rgba(20, 24, 21, 0.96) 100%);
}

body.armory-page .builder-visual-browser-preview-frame {
  border-color: rgba(160, 122, 55, 0.68);
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 214, 128, 0.16), transparent 40%),
    linear-gradient(180deg, rgba(28, 43, 45, 0.96) 0%, rgba(15, 19, 18, 0.98) 100%);
}

body.armory-page .builder-visual-browser-card-title {
  color: var(--armory-title);
  font-family: "Segoe UI", "Inter", "Noto Sans", "Noto Sans Arabic", Arial, sans-serif;
  font-weight: 600;
}

body.armory-page .builder-visual-browser-empty {
  border-color: rgba(201, 151, 59, 0.5);
  color: var(--armory-muted);
}

body.armory-page[data-armory-palette] .builder-visual-browser-panel {
  border-color: var(--armory-sidebar-border);
  background: var(--armory-sidebar-section-bg);
  color: var(--armory-sidebar-text);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.armory-page[data-armory-palette] .builder-visual-browser-head h3 {
  color: var(--armory-sidebar-title);
}

body.armory-page[data-armory-palette] .builder-visual-browser-head p {
  color: var(--armory-sidebar-muted);
}

body.armory-page[data-armory-palette] .builder-visual-browser-head-actions > button,
body.armory-page[data-armory-palette] .builder-visual-browser-empty button,
body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-actions button {
  border: 1px solid var(--armory-sidebar-accent-strong);
  background: var(--armory-sidebar-button-bg);
  color: var(--armory-sidebar-button-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 4px 12px rgba(0, 0, 0, 0.2);
}

body.armory-page[data-armory-palette] .builder-visual-browser-head-actions > button:hover,
body.armory-page[data-armory-palette] .builder-visual-browser-empty button:hover,
body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-actions button:hover {
  border-color: var(--armory-sidebar-accent-strong);
  filter: brightness(1.08);
}

body.armory-page[data-armory-palette] #builder-visual-browser-close.secondary-btn {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-secondary-bg);
  color: var(--armory-sidebar-muted);
}

body.armory-page[data-armory-palette] #builder-visual-browser-close.secondary-btn:hover {
  border-color: var(--armory-sidebar-accent-strong);
  filter: brightness(1.08);
}

body.armory-page[data-armory-palette] #builder-visual-browser-close.secondary-btn:focus-visible {
  outline: 2px solid var(--armory-sidebar-focus);
  outline-offset: 2px;
  border-color: var(--armory-sidebar-accent-strong);
}

body.armory-page[data-armory-palette] .builder-visual-browser-mode-toggle {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-field-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.armory-page[data-armory-palette] .builder-visual-browser-mode-toggle button {
  border: 0;
  background: transparent;
  color: var(--armory-sidebar-muted);
  box-shadow: none;
}

body.armory-page[data-armory-palette] .builder-visual-browser-mode-toggle button:hover {
  color: var(--armory-sidebar-title);
  filter: none;
}

body.armory-page[data-armory-palette] .builder-visual-browser-mode-toggle button[aria-pressed="true"] {
  background: var(--armory-sidebar-button-bg);
  color: var(--armory-sidebar-button-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 4px 10px rgba(0, 0, 0, 0.24);
}

body.armory-page[data-armory-palette] .builder-visual-browser-toolbar > input {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-input-bg);
  color: var(--armory-sidebar-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.armory-page[data-armory-palette] .builder-visual-browser-sort {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-input-bg);
  color: var(--armory-sidebar-dim);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.armory-page[data-armory-palette] .builder-visual-browser-sort select {
  color: var(--armory-sidebar-text);
}

body.armory-page[data-armory-palette] .builder-visual-browser-sort select option {
  background: var(--armory-sidebar-option-bg);
  color: var(--armory-sidebar-text);
}

body.armory-page[data-armory-palette] .builder-visual-browser-toolbar > input::placeholder {
  color: var(--armory-sidebar-dim);
}

body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filters {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-field-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filters-title {
  color: var(--armory-sidebar-accent-strong);
}

body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filters-summary,
body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-count {
  background: var(--armory-sidebar-secondary-bg);
  color: var(--armory-sidebar-dim);
}

body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-options-wrap::after {
  background: linear-gradient(90deg, transparent, var(--armory-sidebar-field-bg));
}

body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-actions button,
body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-pill {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-secondary-bg);
  color: var(--armory-sidebar-muted);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-actions button:hover,
body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-pill:hover {
  border-color: var(--armory-sidebar-accent-strong);
  color: var(--armory-sidebar-title);
  filter: none;
}

body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-actions button[aria-pressed="true"],
body.armory-page[data-armory-palette] .builder-visual-browser-weapon-filter-pill.is-selected {
  border-color: var(--armory-sidebar-accent-strong);
  background: var(--armory-sidebar-selected-bg);
  color: var(--armory-sidebar-selected-text);
}

body.armory-page[data-armory-palette] .builder-visual-browser-section-head,
body.armory-page[data-armory-palette] .builder-visual-browser-rail-marker {
  color: var(--armory-sidebar-accent-strong);
}

body.armory-page[data-armory-palette] .builder-visual-browser-section-head span:last-child,
body.armory-page[data-armory-palette] .builder-visual-browser-rail-marker span:last-child {
  color: var(--armory-sidebar-dim);
}

body.armory-page[data-armory-palette] .builder-visual-browser-rail-marker::after {
  background: linear-gradient(180deg, var(--armory-sidebar-accent-strong), transparent);
  opacity: 0.72;
}

body.armory-page[data-armory-palette] .builder-visual-browser-rail-marker span:first-child,
body.armory-page[data-armory-palette] .builder-visual-browser-rail-marker span:last-child {
  border-color: var(--armory-sidebar-border-faint);
  background: var(--armory-sidebar-field-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.armory-page[data-armory-palette] .builder-visual-browser-card {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-card-bg);
  color: var(--armory-sidebar-text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 8px 18px rgba(0, 0, 0, 0.24);
}

body.armory-page[data-armory-palette] .builder-visual-browser-card:hover {
  border-color: var(--armory-sidebar-accent-strong);
  box-shadow: 0 0 0 1px var(--armory-sidebar-glow), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 12px 24px rgba(0, 0, 0, 0.32);
  transform: none;
}

body.armory-page[data-armory-palette] .builder-visual-browser-card:focus-visible {
  outline: 2px solid var(--armory-sidebar-focus);
  outline-offset: 2px;
}

body.armory-page[data-armory-palette] .builder-visual-browser-card.is-selected {
  border-color: var(--armory-sidebar-accent-strong);
  background: var(--armory-sidebar-selected-bg);
  color: var(--armory-sidebar-selected-text);
  box-shadow: 0 0 0 1px var(--armory-sidebar-glow), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 12px 24px rgba(0, 0, 0, 0.32);
}

body.armory-page[data-armory-palette] .builder-visual-browser-preview-frame,
body.armory-page[data-armory-palette] .builder-visual-browser-card img,
body.armory-page[data-armory-palette] .builder-visual-browser-card-icon-empty {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-thumb-bg);
}

body.armory-page[data-armory-palette] .builder-visual-browser-card:hover .builder-visual-browser-preview-frame,
body.armory-page[data-armory-palette] .builder-visual-browser-card.is-selected .builder-visual-browser-preview-frame {
  border-color: var(--armory-sidebar-accent-strong);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 18px var(--armory-sidebar-glow);
}

body.armory-page[data-armory-palette] .builder-visual-browser-card-title {
  color: var(--armory-sidebar-title);
  text-shadow: var(--armory-sidebar-text-shadow);
}

body.armory-page[data-armory-palette] .builder-visual-browser-card.is-selected .builder-visual-browser-card-title {
  color: var(--armory-sidebar-selected-text);
}

body.armory-page[data-armory-palette] .builder-visual-browser-none-preview {
  border-color: var(--armory-sidebar-border-soft);
  background: var(--armory-sidebar-field-bg);
  color: var(--armory-sidebar-accent-strong);
}

body.armory-page[data-armory-palette] .builder-visual-browser-empty {
  border-color: var(--armory-sidebar-border-soft);
  color: var(--armory-sidebar-muted);
  background: var(--armory-sidebar-field-bg);
}

@media (max-width: 720px) {
  .armory-language-toolbar {
    grid-template-columns: 1fr;
  }

  .builder-grid,
  .builder-grid--equipment {
    grid-template-columns: 1fr;
  }
}

.viewport {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  min-height: 0;
  height: 100%;
  background: linear-gradient(180deg, #1b2f3f 0%, #0c1923 100%);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  overflow: hidden;
}

#viewer {
  position: absolute;
  inset: 0;
}

body.armory-page .armory-contact-button {
  position: absolute;
  right: 12px;
  bottom: 44px;
  z-index: 100000;
  border: 0;
  border-radius: 999px;
  padding: 0.5rem 0.75rem;
  color: #fff;
  background: #000;
  box-shadow: none;
}

body.armory-page .armory-contact-button:hover {
  transform: scale(1.03);
  filter: none;
}

.armory-contact-dialog[hidden] {
  display: none !important;
}

body.armory-page .armory-contact-dialog {
  position: fixed;
  inset: 0;
  z-index: 100001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  color: #fff;
}

body.armory-page .armory-contact-card {
  position: relative;
  width: min(100%, 42rem);
  border-radius: 0.375rem;
  padding: 1rem 1rem 1.5rem;
  background: #000;
}

body.armory-page .armory-contact-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #ff3737;
  border-radius: 999px;
  padding: 0;
  color: #ff3737;
  background: #1f2937;
  box-shadow: none;
}

body.armory-page .armory-contact-close:hover {
  color: #fff;
  background: #dc2626;
  transform: scale(1.1);
  filter: none;
}

body.armory-page .armory-contact-card h2 {
  margin: 0 2rem 0.75rem 0;
  font-size: 1.25rem;
  line-height: 1.2;
}

body.armory-page .armory-contact-card p {
  margin: 0;
  line-height: 1.5;
}

body.armory-page .armory-contact-card a {
  color: #60a5fa;
}

body.armory-page .armory-contact-card a:hover {
  color: #93c5fd;
}

body.armory-page .armory-contact-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

body.armory-page .armory-contact-form textarea {
  min-height: 9rem;
  border: 0;
  border-radius: 0.375rem;
  padding: 0.25rem;
  color: #000;
  background: #7892ad;
  resize: vertical;
}

body.armory-page .armory-contact-form textarea::placeholder {
  color: #000;
  opacity: 1;
}

body.armory-page .armory-contact-form textarea:focus {
  outline: none;
}

body.armory-page .armory-contact-form textarea.is-success {
  background: #39c434;
}

body.armory-page .armory-contact-form textarea.is-error {
  background: #f35353;
}

body.armory-page .armory-contact-form button[type="submit"] {
  width: 200px;
  border: 0;
  border-radius: 999px;
  padding: 0.5rem 1rem;
  background: #2563eb;
  box-shadow: none;
}

body.armory-page .armory-contact-form button[type="submit"]:hover {
  transform: scale(1.02);
  filter: none;
}

body.armory-page .armory-contact-status {
  margin-top: 0.25rem;
}

@media (min-width: 768px) {
  body.armory-page .armory-contact-button {
    padding: 0.5rem 1rem;
  }
}

.hint {
  position: absolute;
  right: 12px;
  bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  color: #d5e4ef;
  background: rgba(12, 23, 31, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.14);
}