body main.tools-shell > #wbs-properties-app.wbs-cmd {
  position: relative; z-index: 1; width: auto; max-width: 1440px; min-width: 0;
  margin: 0 auto; padding: 25px 16px 48px;
}
#wbs-properties-app .wbs-properties-hero { margin-bottom: 16px; }
#wbs-properties-app .wbs-properties-hero .wbs-diff-cover { object-position: right 48%; }
#wbs-properties-app .wbs-properties-hero-copy { max-width: 610px; }
#wbs-properties-app .wbs-properties-hero h1 { overflow-wrap: anywhere; }
#wbs-properties-app .wbs-spstudio-steps {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px;
}
#wbs-properties-app .wbs-spstudio-steps button {
  display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 8px 12px;
  color: #f8ecff; border: 1px solid #ae9acb85; border-radius: 12px; text-align: start;
  background: linear-gradient(135deg, #382e62, #171d39);
  box-shadow: inset 0 1px #ffffff35; cursor: pointer;
}
#wbs-properties-app .wbs-spstudio-steps button:hover { border-color: #dbbcff; }
#wbs-properties-app .wbs-spstudio-steps button span {
  color: #c7efff; font-size: .75rem; font-variant-numeric: tabular-nums;
}
#wbs-properties-app .wbs-spstudio-layout {
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 16px;
}
#wbs-properties-app .wbs-spstudio-layout .wbs-spstudio-panel { min-width: 0; }
#wbs-properties-app .wbs-spstudio-shell label { margin: 0; }
#wbs-properties-app .wbs-spstudio-shell :is(input, select, textarea, button, h2) { scroll-margin: 110px 0 24px; }
#wbs-properties-app .wbs-spstudio-shell [aria-invalid="true"] { border-color: #ffa4af; }
#wbs-properties-app #wbs-properties-rules:empty { display: none; }
#wbs-properties-app .wbs-spstudio-guides > details { min-width: 0; }
#wbs-properties-app .wbs-sps2-heading { margin-top: 12px; }
#wbs-properties-app .wbs-sps2-heading svg { flex: none; }
#wbs-properties-app .wbs-faq-team-section { background: transparent; border: 0; padding: 0; box-shadow: none; }
#wbs-properties-app .wbs-spstudio-panelhead h2,
#wbs-properties-app #wbs-properties-export-title { margin: 0; }
@media (max-width: 880px) {
  #wbs-properties-app .wbs-spstudio-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  body main.tools-shell > #wbs-properties-app.wbs-cmd { padding: 12px 10px 30px; }
  #wbs-properties-app .wbs-properties-hero { padding-bottom: 63px; }
  #wbs-properties-app .wbs-properties-hero::after { background: linear-gradient(90deg, #0d132bf5 3%, #0d132bd0 60%, #0d132b43); }
}
@media (max-width: 520px) {
  #wbs-properties-app .wbs-spstudio-steps { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  #wbs-properties-app .wbs-spstudio-steps button { min-height: 40px; }
}


#wbs-properties-app .wbs-spstudio-file {
  position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
}
#wbs-properties-app .wbs-spstudio-file > input[type="file"],
#wbs-properties-app .wbs-spstudio-check > input[type="checkbox"] {
  position: absolute; inline-size: 1px; block-size: 1px;
  width: 1px; height: 1px; min-width: 0; min-height: 0;
  margin: 0; padding: 0; border: 0; opacity: 0;
  clip-path: inset(50%); overflow: hidden;
}
#wbs-properties-app .wbs-spstudio-file > label {
  display: inline-flex; align-items: center; gap: 7px;
  flex: 0 0 auto; min-height: 40px; cursor: pointer;
}
#wbs-properties-app .wbs-spstudio-file svg { flex: none; }
#wbs-properties-app #wbs-properties-file-name {
  color: #d3c8e7; font-size: .74rem; overflow-wrap: anywhere; min-width: 0;
}
#wbs-properties-app .wbs-spstudio-check {
  position: relative; display: inline-flex; flex-direction: row; align-items: center;
  justify-content: flex-start; gap: 8px; width: fit-content; cursor: pointer;
}
#wbs-properties-app .wbs-spstudio-toggle-face {
  display: inline-flex; align-items: center; justify-content: center; min-width: 63px;
  min-height: 36px; padding: 5px 9px; border: 1px solid #9e92bf8c; border-radius: 9px;
  color: #e7def6; background: #29273f; font-size: .74rem; font-weight: 700; white-space: nowrap;
}
#wbs-properties-app .wbs-spstudio-toggle-face::before { content: "Выкл."; }
#wbs-properties-app[lang="en"] .wbs-spstudio-toggle-face::before,
#wbs-properties-app[data-language="en"] .wbs-spstudio-toggle-face::before { content: "Off"; }
#wbs-properties-app input:checked + .wbs-spstudio-toggle-face {
  background: #234d45; color: #d5fff0; border-color: #80c8b5;
}
#wbs-properties-app input:checked + .wbs-spstudio-toggle-face::before { content: "Вкл."; }
#wbs-properties-app[data-language="en"] input:checked + .wbs-spstudio-toggle-face::before { content: "On"; }
#wbs-properties-app input:disabled + .wbs-spstudio-toggle-face { opacity: .55; cursor: not-allowed; }
#wbs-properties-app .wbs-spstudio-file input:focus-visible + label,
#wbs-properties-app input:focus-visible + .wbs-spstudio-toggle-face { outline: 2px solid #9fe8ff; outline-offset: 3px; }
#wbs-properties-app input[type="number"] { appearance: textfield; }
#wbs-properties-app input[type="number"]::-webkit-inner-spin-button,
#wbs-properties-app input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0; }
#wbs-properties-app input[type="search"]::-webkit-search-cancel-button { appearance: none; }
#wbs-properties-app .wbs-spstudio-search {
  display: grid; gap: 6px; min-width: 0;
}
#wbs-properties-app .wbs-spstudio-search-control { position: relative; min-width: 0; }
#wbs-properties-app #wbs-properties-search { padding-inline-end: 40px; }
#wbs-properties-app .wbs-spstudio-clear-search {
  position: absolute; inset: 4px 4px 4px auto; display: grid; place-items: center;
  width: 32px; min-width: 0; min-height: 0; padding: 0; border: 0;
  border-radius: 7px; color: #e9dbff; background: #423359; cursor: pointer;
}
#wbs-properties-app .wbs-spstudio-clear-search[hidden] { display: none; }
@supports (appearance: base-select) {
  #wbs-properties-app .wbs-spstudio-shell select,
  #wbs-properties-app .wbs-spstudio-shell select::picker(select) { appearance: base-select; }
  #wbs-properties-app .wbs-spstudio-shell select { background-image: none; padding-inline-end: 12px; }
  #wbs-properties-app .wbs-spstudio-shell select::picker-icon { color: #b4d8f9; }
  #wbs-properties-app .wbs-spstudio-shell select::picker(select) {
    max-height: min(340px, 55vh); overflow: auto; border: 1px solid #a69acb;
    border-radius: 12px; background: #202747; color: #f5ebff; padding: 5px;
    box-shadow: 0 12px 32px #090617b8;
  }
  #wbs-properties-app .wbs-spstudio-shell option { padding: 7px 9px; border-radius: 7px; color: #f5ebff; }
  #wbs-properties-app .wbs-spstudio-shell option:is(:checked, :hover, :focus-visible) { background: #41366c; }
}

