.wbs-cmd{max-width:1440px;margin:0 auto;padding:25px 16px 48px;color:#edf6ff}
.wbs-cmd *{box-sizing:border-box}
.wbs-cmd [hidden]{display:none}
.wbs-cmd-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin-bottom:18px;opacity:.85}
.wbs-cmd-breadcrumb a{color:#b9e5ff;text-decoration:none}
.wbs-cmd-panel,.wbs-cmd-faq{background:linear-gradient(145deg,rgba(184,218,255,.17),rgba(94,80,175,.12) 55%,rgba(70,192,215,.09));border:1px solid var(--wbs-ui-line,rgba(242,234,255,.66));box-shadow:0 22px 48px rgba(0,0,0,.22),inset 0 2px rgba(255,255,255,.55),inset 0 -2px rgba(136,218,255,.32),inset 2px 0 rgba(255,255,255,.21),inset -2px 0 rgba(177,194,255,.18);border-radius:var(--wbs-ui-radius-shell,26px);backdrop-filter:blur(8px) saturate(135%) brightness(1.4);-webkit-backdrop-filter:blur(8px) saturate(135%) brightness(1.4)}



.wbs-cmd-kicker{font-size:12px;letter-spacing:.13em;color:#91e7fb!important}
.wbs-cmd-stats{display:flex;gap:10px;flex-wrap:wrap;white-space:nowrap;font-size:13px;color:#d1efff}
.wbs-cmd-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:18px}
.wbs-cmd-panel{padding:25px;min-width:0}
.wbs-cmd-panel h2,.wbs-cmd-faq h2{font-size:23px;margin:0 0 20px}
.wbs-cmd-panel h3{font-size:18px}
.wbs-cmd label{display:flex;flex-direction:column;gap:8px;margin:12px 0;color:#e0f0ff;font-size:14px}
.wbs-cmd input:not([type=checkbox]),.wbs-cmd select,.wbs-cmd textarea{width:100%;min-width:0;background:rgba(7,13,34,.42);border:1px solid rgba(235,229,255,.36);box-shadow:inset 0 1px rgba(255,255,255,.13);border-radius:12px;color:#f6f3ff;padding:11px 13px;font:inherit}
.wbs-cmd select option{background:#14213c;color:#fff}
.wbs-cmd textarea{resize:vertical;min-height:76px}
.wbs-cmd input:focus-visible,.wbs-cmd textarea:focus-visible,.wbs-cmd select:focus-visible,.wbs-cmd button:focus-visible{outline:2px solid #92ecff;outline-offset:3px}
.wbs-cmd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.wbs-cmd-details{border-top:1px solid rgba(198,229,252,.18);padding:16px 0;margin-top:15px}
.wbs-cmd-details summary,.wbs-cmd-faq summary{cursor:pointer;font-weight:650;color:#f1f7ff}
.wbs-cmd-details summary{font-size:16px}
.wbs-cmd-enchants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.wbs-cmd-enchants label{display:grid;grid-template-columns:minmax(0,1fr) 85px;align-items:center;gap:7px}
.wbs-cmd-checks{display:flex;gap:20px;flex-wrap:wrap}
.wbs-cmd-checks label{flex-direction:row;align-items:center}
.wbs-cmd-help{color:#bed2e5;font-size:13px;line-height:1.55}
.wbs-cmd button{cursor:pointer;padding:12px 16px;border:1px solid rgba(242,234,255,.5);border-radius:13px;color:#f6f3ff;background:rgba(151,174,238,.12);box-shadow:inset 0 1px rgba(255,255,255,.18);font:inherit;transition:border-color .2s,background .2s}
.wbs-cmd button:disabled{opacity:.5;cursor:not-allowed}
.wbs-cmd .wbs-cmd-primary{width:100%;margin-top:19px;background:linear-gradient(125deg,rgba(57,149,191,.38),rgba(126,94,211,.45));border-color:rgba(189,245,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 26px rgba(5,10,35,.16);font-weight:700}
.wbs-cmd-result{position:sticky;top:95px}
.wbs-cmd-result pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:18px;border-radius:14px;background:rgba(5,17,35,.62);border:1px solid rgba(182,228,252,.16);color:#c5fbeb;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:85px}
.wbs-cmd-result button{width:100%}
.wbs-cmd-result #wbs-cmd-message{min-height:24px;font-size:13px;color:#bdefff}
.wbs-cmd-faq{margin-top:18px;padding:24px}
.wbs-cmd-faq details{padding:12px 0;border-bottom:1px solid rgba(198,229,252,.18)}
.wbs-cmd-faq details p{font-size:14px;color:#cfe3f2}
@media(max-width:850px){.wbs-cmd-layout{grid-template-columns:1fr}.wbs-cmd-result{position:static}}
@media(max-width:440px){.wbs-cmd{padding:12px 10px 30px}.wbs-cmd-panel,.wbs-cmd-faq{padding:18px;border-radius:20px}.wbs-cmd-fields,.wbs-cmd-enchants{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wbs-cmd *{scroll-behavior:auto;animation:none;transition:none}}



/* WBS-CMD-BMR-03: replace old inventory preview */
.wbs-cmd-sidebar {
  display:grid;
  gap:18px;
  align-content:start;
  position:sticky;
  top:95px;
  min-width:0;
}
.wbs-cmd-sidebar .wbs-cmd-result {position:static}
.wbs-cmd-preview {min-width:0}
.wbs-cmd-preview-heading h2 {margin:0 0 16px}
.wbs-render-stage {
  min-height:240px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:19px;
  border:1px solid rgba(219,241,255,.46);
  background:
    radial-gradient(circle at 40% 30%,rgba(120,133,250,.24),transparent 65%),
    linear-gradient(145deg,rgba(6,15,41,.42),rgba(28,18,67,.25));
  box-shadow:inset 0 1px rgba(255,255,255,.19);
}
#wbs-cmd-live-icon {
  width:188px;
  height:188px;
  object-fit:contain;
  image-rendering:pixelated;
}
#wbs-cmd-live-icon[hidden],
#wbs-cmd-live-icon-fallback[hidden] {display:none}
#wbs-cmd-live-icon-fallback {
  position:absolute;
  color:#9edbff;
}
#wbs-3d-output {
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
}
#wbs-3d-output canvas {
  width:min(100%,260px);
  height:auto;
  max-height:260px;
  object-fit:contain;
}
.wbs-render-stage.is-3d #wbs-3d-output {display:flex}
.wbs-render-stage.is-3d #wbs-cmd-live-icon,
.wbs-render-stage.is-3d #wbs-cmd-live-icon-fallback {visibility:hidden}
.wbs-render-count {
  position:absolute;
  right:17px;
  bottom:12px;
  font:700 20px ui-monospace,monospace;
  color:white;
  text-shadow:2px 2px 1px #17122c;
}
.wbs-render-stage.is-enchanted:after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent,rgba(144,76,255,.16),transparent);
  opacity:.65;
}
.wbs-cmd-preview-meta {
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  justify-content:space-between;
  align-items:center;
  padding:13px 0;
}
.wbs-cmd-preview-meta strong {color:#f7faff}
.wbs-cmd-preview-meta code {
  font-size:12px;
  color:#a9eaff;
  overflow-wrap:anywhere;
}
.wbs-command-tooltip {
  padding:13px 16px;
  border-radius:12px;
  background:rgba(10,5,30,.75);
  border:1px solid rgba(175,139,255,.58);
  box-shadow:inset 0 1px rgba(255,255,255,.1);
  font:13px/1.55 ui-monospace,Consolas,monospace;
  overflow-wrap:anywhere;
}
.wbs-command-tooltip strong {display:block}
.wbs-cmd-live-lines {display:grid;gap:3px;margin-top:5px}
.wbs-cmd-live-lines:empty {display:none}
.wbs-cmd-live-enchants {color:#aaaaff}
.wbs-cmd-live-lore {color:#b9bacb}
.wbs-cmd-live-properties {color:#76efb3}
.wbs-cmd .wbs-ench-list {
  max-height:360px;
  overflow:auto;
  overscroll-behavior:contain;
  padding-right:6px;
}
@media(max-width:850px) {
  .wbs-cmd-sidebar {position:static}
}
@media(prefers-reduced-motion:reduce) {
  .wbs-render-stage.is-enchanted:after {display:none}
}


/* WBS-CMD-MCFONT-05 */


/* Все вводимые текстовые поля генератора */
.wbs-cmd input:not([type="checkbox"]),
.wbs-cmd textarea,
.wbs-cmd select,
.wbs-cmd select option,

/* Готовая команда */
#wbs-cmd-output,

/* Название и игровая подсказка */
#wbs-cmd-live-base-name,
#wbs-cmd-live-title,
#wbs-cmd-live-enchants,
#wbs-cmd-live-lore,
#wbs-cmd-live-properties,
.wbs-command-tooltip {
    font-family:
        "ANS", "ANS-Regular", sans-serif;
}


/* WBS-VCS-15.7A: reference content, no existing selectors overridden */
.wbs-cmd-reference {
  margin:18px 0;
  padding:clamp(18px,2.5vw,28px);
  border:1px solid rgba(242,234,255,.55);
  border-radius:24px;
  background:linear-gradient(125deg,
    rgba(110,91,187,.12),
    rgba(47,153,193,.09));
  box-shadow:inset 0 1px rgba(255,255,255,.36);
}
.wbs-cmd-reference h2 {
  font-size:clamp(24px,2.8vw,34px);
  margin:0 0 13px;
}
.wbs-cmd-ref-lead {
  font-size:1.05rem;
  line-height:1.7;
  color:#e5e7fa;
}
.wbs-cmd-ref-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 26px;
  margin:23px 0;
}
.wbs-cmd-ref-grid section {
  border-left:1px solid rgba(148,221,255,.4);
  padding-left:14px;
  min-width:0;
}
.wbs-cmd-reference h3 {
  font-size:.96rem;
  margin:0 0 9px;
  color:#f5f2ff;
}
.wbs-cmd-reference p {
  line-height:1.65;
  color:#e4e6f5;
}
.wbs-cmd-ref-example {
  padding:15px;
  border:1px solid rgba(190,218,255,.42);
  border-radius:14px;
  background:rgba(15,29,59,.27);
}
.wbs-cmd-ref-code-row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:13px;
}
.wbs-cmd-ref-code-row code {
  flex:1;
  min-width:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  color:#b8f5ff;
}
.wbs-cmd-ref-copy {
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 14px;
  border-radius:11px;
  border:1px solid rgba(159,222,255,.65);
  background:rgba(76,147,197,.17);
  color:#f6f3ff;
  cursor:pointer;
}
.wbs-cmd-ref-copy:focus-visible {
  outline:2px solid #95e7ff;
  outline-offset:3px;
}
#wbs-cmd-reference-status {
  min-height:1.3em;
  margin:7px 0;
  color:#a3f2d8;
}
.wbs-cmd-ref-note {
  margin-top:20px;
  color:#ded7f4!important;
}
@media(max-width:650px) {
  .wbs-cmd-ref-grid {grid-template-columns:1fr}
}


/* WBS-VCS-15.7B: shared Clear Glass Hero */
header.wbs-cmd-hero {
  position:relative;
  isolation:isolate;
  overflow:visible;
  display:grid;
  align-items:stretch;
  gap:19px;
  padding:25px 29px;
  margin-bottom:18px;
  border:1px solid rgba(224,237,255,.7);
  border-radius:25px;
  background:linear-gradient(115deg,
    rgba(218,232,255,.15),
    rgba(156,164,238,.085) 43%,
    rgba(79,191,233,.075));
  backdrop-filter:blur(9px) saturate(150%) brightness(1.16);
  -webkit-backdrop-filter:blur(9px) saturate(150%) brightness(1.16);
  box-shadow:
    inset 0 1px rgba(255,255,255,.58),
    inset 1px 0 rgba(189,223,255,.25),
    0 16px 34px rgba(5,12,43,.18);
}
header.wbs-cmd-hero::before {
  content:"";
  position:absolute;
  pointer-events:none;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(126deg,
    rgba(255,255,255,.14),
    transparent 28%,
    transparent 70%,
    rgba(100,230,251,.075));
  z-index:-1;
}
header.wbs-cmd-hero::after {
  content:"";
  pointer-events:none;
  position:absolute;
  top:0;
  left:12%;
  width:34%;
  height:1px;
  background:linear-gradient(90deg,
    transparent,rgba(245,249,255,.94),transparent);
  box-shadow:0 0 12px rgba(161,218,255,.5);
}
.wbs-cmd-hero-top {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
}
.wbs-cmd-hero-brand {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:47px;
  color:#9eeeff;
}
.wbs-cmd-hero-brand>svg {
  width:30px;
  height:30px;
  flex:none;
  filter:drop-shadow(0 0 10px rgba(99,216,255,.4));
}
.wbs-cmd-hero-brand-copy {
  display:grid;
  gap:4px;
}
.wbs-cmd-hero-brand .wbs-cmd-kicker {
  margin:0;
  letter-spacing:.09em;
}
.wbs-cmd-hero-brand-copy>span {
  font-size:.73rem;
  letter-spacing:.07em;
  color:#cbbdff;
}
.wbs-cmd-hero-counters {
  display:flex;
  flex:none;
  margin-left:auto;
  border:1px solid rgba(212,233,255,.68);
  border-radius:14px;
  background:linear-gradient(135deg,
    rgba(211,232,255,.15),
    rgba(108,159,224,.075));
  box-shadow:inset 0 1px rgba(255,255,255,.38);
}
.wbs-cmd-stat {
  position:relative;
  min-width:95px;
  padding:9px 15px;
  text-align:center;
  cursor:help;
  outline-offset:3px;
}
.wbs-cmd-stat+.wbs-cmd-stat {
  border-left:1px solid rgba(205,229,255,.3);
}
.wbs-cmd-stat-label {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:.78rem;
  color:#d8edff;
}
.wbs-cmd-stat-label svg {
  width:13px;
  height:13px;
  opacity:.76;
}
.wbs-cmd-stat strong {
  display:block;
  margin-top:3px;
  color:#fff;
  font-size:1.15rem;
  font-variant-numeric:tabular-nums;
}
.wbs-cmd-stat:focus-visible {
  outline:2px solid #96ebff;
}
.wbs-cmd-stat-tooltip {
  position:absolute;
  z-index:30;
  top:calc(100% + 11px);
  left:0;
  width:min(270px,75vw);
  padding:12px 14px;
  border:1px solid rgba(216,235,255,.7);
  border-radius:13px;
  background:rgba(26,36,79,.94);
  box-shadow:
    0 14px 35px rgba(0,8,36,.32),
    inset 0 1px rgba(255,255,255,.28);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  color:#edf8ff;
  font-size:.82rem;
  line-height:1.5;
  text-align:left;
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px);
  pointer-events:none;
  transition:
    opacity .16s ease,
    transform .16s ease,
    visibility .16s;
}
.wbs-cmd-stat:last-child .wbs-cmd-stat-tooltip {
  left:auto;
  right:0;
}
.wbs-cmd-stat:hover .wbs-cmd-stat-tooltip,
.wbs-cmd-stat:focus .wbs-cmd-stat-tooltip {
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.wbs-cmd-hero .wbs-cmd-hero-body h1 {
  font-size:clamp(27px,3.1vw,43px);
  line-height:1.18;
  max-width:1000px;
  margin:0 0 12px;
}
.wbs-cmd-hero .wbs-cmd-hero-body p {
  max-width:990px;
  margin:0;
  font-size:clamp(.98rem,1.3vw,1.08rem);
  line-height:1.65;
  color:#e7f1ff;
}
.wbs-cmd-hero-steps {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:11px 20px;
  padding-top:14px;
  border-top:1px solid rgba(211,235,255,.25);
}
.wbs-cmd-hero-step {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.87rem;
  color:#e6f3ff;
}
.wbs-cmd-hero-step svg {
  width:17px;
  height:17px;
  flex:none;
  color:#92e9ff;
}
.wbs-cmd-hero-step:nth-child(2) svg {color:#ccb1ff}
.wbs-cmd-hero-step:nth-child(3) svg {color:#91e9d4}

@media(max-width:650px) {
  header.wbs-cmd-hero {padding:19px}
  .wbs-cmd-hero-counters {
    margin-left:0;
    width:100%;
  }
  .wbs-cmd-stat {
    flex:1;
    min-width:0;
  }
}
@media(prefers-reduced-motion:no-preference) {
  .wbs-cmd-hero-body {
    animation:wbs-vcs-hero-enter .4s ease-out both;
  }
  header.wbs-cmd-hero::after {
    animation:wbs-vcs-hero-glint 9s ease-in-out infinite;
  }
}
@keyframes wbs-vcs-hero-enter {
  from {opacity:.45;transform:translateY(7px)}
  to {opacity:1;transform:translateY(0)}
}
@keyframes wbs-vcs-hero-glint {
  0%,85%,100% {opacity:.34}
  92% {opacity:1}
}
@media(prefers-reduced-motion:reduce) {
  .wbs-cmd-stat-tooltip {transition:none;transform:none}
}


/* WBS-VCS-15.8R: command pages only */
nav.wbs-cmd-breadcrumb {
  background:transparent;
  background-image:none;
  border:0;
  box-shadow:none;
  filter:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
nav.wbs-cmd-breadcrumb > a,
nav.wbs-cmd-breadcrumb > span {
  background:transparent;
  background-image:none;
  border:0;
  box-shadow:none;
  filter:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
nav.wbs-cmd-breadcrumb::before,
nav.wbs-cmd-breadcrumb::after,
nav.wbs-cmd-breadcrumb > a::before,
nav.wbs-cmd-breadcrumb > a::after,
nav.wbs-cmd-breadcrumb > span::before,
nav.wbs-cmd-breadcrumb > span::after {
  content:none;
}
nav.wbs-cmd-breadcrumb .wbs-cmd-crumb-current {
  color:#e7f5ff;
}