.wbs-properties-page{width:min(1200px,calc(100% - 32px));margin:32px auto 80px}
.wbs-properties-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}
.wbs-properties-panel{min-width:0;padding:24px;border:1px solid var(--wbs-ui-line-soft,rgba(235,229,255,.32));border-radius:24px;background:rgba(15,17,38,.42);box-shadow:0 14px 36px rgba(0,0,0,.13);backdrop-filter:blur(18px)}
.wbs-properties-panel h2{margin:0 0 12px}
.wbs-properties-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.wbs-properties-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.wbs-properties-field span{font-size:13px;overflow-wrap:anywhere}
.wbs-properties-field input,.wbs-properties-field select,.wbs-properties-field textarea{box-sizing:border-box;width:100%;min-height:44px;border-radius:12px;border:1px solid rgba(235,229,255,.38);padding:9px 12px;color:#f6f3ff;background:#181d37;font:inherit}
.wbs-properties-field :is(input,select,textarea):focus-visible,.wbs-properties-actions button:focus-visible{outline:2px solid #95e7ff;outline-offset:3px}
.wbs-properties-actions{display:flex;flex-wrap:wrap;gap:12px}
.wbs-properties-actions button{min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid rgba(235,229,255,.55);background:rgba(70,70,130,.42);color:#fff;font:inherit;cursor:pointer}
.wbs-properties-actions button:hover{border-color:#95e7ff}
.wbs-properties-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:70vh;overflow:auto;padding:18px;border:1px solid rgba(235,229,255,.3);border-radius:14px;background:rgba(6,9,22,.6);font-size:13px;line-height:1.65}
.wbs-properties-note{font-size:13px;opacity:.85}
.wbs-properties-error{padding:14px;border:1px solid #ffb6bc;border-radius:12px;color:#ffb6bc}
@media(max-width:850px){.wbs-properties-layout{grid-template-columns:1fr}}
@media(max-width:480px){.wbs-properties-fields{grid-template-columns:1fr}.wbs-properties-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){.wbs-properties-page *{scroll-behavior:auto;transition:none!important}}

/* WBS SERVER PROPERTIES STEP 10 */
.wbs-properties-field textarea{resize:vertical;min-height:110px}
.wbs-properties-field small{font-size:11px;opacity:.64;overflow-wrap:anywhere}
.wbs-properties-field textarea{font-family:inherit}
.wbs-properties-actions button:disabled{opacity:.4;cursor:not-allowed}
#wbs-properties-rules:empty{display:none}
#wbs-properties-status[data-error="true"]{color:#ffb9c5}
#wbs-properties-unknown{font-size:13px;opacity:.8}
.wbs-properties-panel details{padding:12px 0;border-bottom:1px solid rgba(235,229,255,.2)}
.wbs-properties-panel summary{cursor:pointer}


/* WBS SERVER PROPERTIES STEP 11 FAQ */
.wbs-server-extra{
  margin:24px 0;
  padding:24px;
  border:1px solid var(--wbs-ui-line-soft,rgba(235,229,255,.32));
  border-radius:24px;
  background:rgba(15,17,38,.36);
  backdrop-filter:blur(16px);
}
.wbs-server-extra h2{margin:0 0 14px}
.wbs-server-extra details{
  border-top:1px solid rgba(235,229,255,.2);
  padding:13px 0;
}
.wbs-server-extra summary{
  cursor:pointer;
  font-weight:600;
  line-height:1.5;
}
.wbs-server-extra summary:focus-visible{
  outline:2px solid var(--wbs-ui-focus,#95e7ff);
  outline-offset:4px;
  border-radius:4px;
}
.wbs-server-extra p{line-height:1.65;opacity:.88}
@media(max-width:480px){
  .wbs-server-extra{padding:17px}
}