/* Server Properties Studio — Command /title aligned Liquid Glass editor.
   This replaces the previous V2 stylesheet; it does not override it in a second file.
   Approved hero, FAQ and global header remain outside this scope. */
.wbs-properties-page .wbs-spstudio-shell{box-sizing:border-box;width:100%;margin:16px auto 0;min-width:0;color:var(--wbs-ui-ink,#f6f3ff);font-family:"ANS Regular",Inter,"Segoe UI",Arial,sans-serif}
.wbs-properties-page .wbs-spstudio-shell *{box-sizing:border-box}
.wbs-properties-page .wbs-spstudio-topline{display:grid;grid-template-columns:minmax(160px,220px) minmax(180px,1fr) auto;gap:10px;align-items:end;padding:16px;border:1px solid #b4b7dd55;border-radius:1.1rem;background:radial-gradient(ellipse at 0 0,#b69aff22,transparent 75%),#0d132be0;backdrop-filter:blur(15px) saturate(135%);box-shadow:0 8px 24px #03071955,inset 0 1px #f0e8ff44}
.wbs-properties-page .wbs-spstudio-topline label{display:grid;gap:6px;font-size:12px;color:#d7dff5}
.wbs-properties-page .wbs-spstudio-shell :is(select,input:not([type=checkbox]),textarea){box-sizing:border-box;width:100%;min-width:0;min-height:38px;padding:8px 12px;border:1px solid #b5c8ef77;border-radius:.75rem;color:#f6f3ff;background:#222943cc;font:inherit;font-size:13px;accent-color:#94e5ff}
.wbs-properties-page .wbs-spstudio-shell select{appearance:none;background:#222943cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23b4d8f9' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:32px;cursor:pointer}
.wbs-properties-page .wbs-spstudio-shell :is(input,select,textarea,button,summary):focus-visible{outline:2px solid var(--wbs-ui-focus,#95e7ff);outline-offset:3px}
.wbs-properties-page .wbs-spstudio-segment{display:flex;gap:3px;align-items:center;padding:3px;border:1px solid rgba(182,201,244,.33);border-radius:12px;background:#a19be014}
.wbs-properties-page .wbs-spstudio-segment button{min-height:33px;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:#d4d9f6;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}
.wbs-properties-page .wbs-spstudio-segment button.is-current{background:#b484fa24;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.22)}
.wbs-properties-page .wbs-spstudio-help,.wbs-properties-page .wbs-spstudio-hint{font-size:12px;line-height:1.55;color:#d9dbed}
.wbs-properties-page .wbs-spstudio-shell>.wbs-spstudio-help{margin:8px 6px 12px;opacity:.87}
.wbs-properties-page .wbs-spstudio-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.94fr);align-items:start;gap:12px}
.wbs-properties-page .wbs-spstudio-panel{min-width:0;padding:16px;border:1px solid #b4b7dd55;border-radius:1.1rem;background:radial-gradient(ellipse at 0 0,#b69aff22,transparent 75%),#0d132be0;backdrop-filter:blur(15px) saturate(135%);box-shadow:0 8px 24px #03071955,inset 0 1px #f0e8ff44}
.wbs-properties-page .wbs-spstudio-panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wbs-properties-page .wbs-spstudio-panel h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:650;line-height:1.3}
.wbs-properties-page .wbs-spstudio-panel h2 svg{color:#bdd1ff;flex:none}
.wbs-properties-page .wbs-spstudio-panelhead h2{margin:0}
.wbs-properties-page .wbs-spstudio-panel h3{margin:13px 0 7px;font-size:13px;font-weight:650}
.wbs-properties-page #wbs-properties-field-count{font-size:11px;color:#c0d6f7;white-space:nowrap}
.wbs-properties-page .wbs-spstudio-side{display:grid;gap:12px;min-width:0;position:sticky;top:72px}
.wbs-properties-page .wbs-spstudio-groups{display:grid;gap:10px;margin-top:12px}
.wbs-properties-page .wbs-spstudio-group{margin:0;min-width:0;border:1px solid #b5c8ef77;border-radius:.75rem;background:#222943cc;overflow:hidden}
.wbs-properties-page .wbs-spstudio-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:10px 13px;cursor:pointer;font-size:13px;font-weight:650;background:#a19be014;color:#e5d7ff}
.wbs-properties-page .wbs-spstudio-group>summary::-webkit-details-marker{display:none}
.wbs-properties-page .wbs-spstudio-group>summary:after{content:"";border:solid #a7c7eb;border-width:0 1.7px 1.7px 0;padding:3px;transform:rotate(45deg);transition:transform .18s;margin-left:auto;order:3}
.wbs-properties-page .wbs-spstudio-group[open]>summary:after{transform:rotate(225deg)}
.wbs-properties-page .wbs-spstudio-group-icon{height:31px;width:31px;padding:6px;border:1px solid #b5c8ef77;border-radius:9px;background:#a19be014;flex:none;color:#c9bbff}
.wbs-properties-page .wbs-spstudio-group-count{order:2;font-size:11px;font-weight:500;color:#b1cbe9}
.wbs-properties-page .wbs-spstudio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}
.wbs-properties-page .wbs-spstudio-field{display:grid;align-content:start;gap:5px;min-width:0;padding:13px;border:1px solid #b5c8ef77;border-radius:.75rem;background:#222943cc}
.wbs-properties-page .wbs-spstudio-field-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.wbs-properties-page .wbs-spstudio-field-title{font-size:13px;line-height:1.4;font-weight:600}
.wbs-properties-page .wbs-spstudio-field code{font-size:10px;color:#99d7ef;overflow-wrap:anywhere}
.wbs-properties-page .wbs-spstudio-field-meta{font-size:10px;color:#b9c6e1}
.wbs-properties-page .wbs-spstudio-field-help{margin:2px 0 0;font-size:11px;color:#c2d1ec}
.wbs-properties-page .wbs-spstudio-field-help>summary{list-style:none;width:max-content;max-width:100%;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;color:#c8b9fa}
.wbs-properties-page .wbs-spstudio-field-help>summary::-webkit-details-marker{display:none}
.wbs-properties-page .wbs-spstudio-field-help>p{margin:7px 0 2px;font-size:11px;line-height:1.55;color:#d0d9ef}
.wbs-properties-page .wbs-spstudio-pill{padding:3px 6px;border:1px solid rgba(154,227,247,.33);border-radius:8px;font-size:10px;color:#acdef6}
.wbs-properties-page .wbs-spstudio-risk{border-color:rgba(255,194,150,.43);color:#ffd1af}
/* Keep the existing user-approved toggle geometry and state colors. */
.wbs-properties-page .wbs-spstudio-check{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:12px}
.wbs-properties-page .wbs-spstudio-check input[type=checkbox]{appearance:none;width:38px;height:23px;flex:0 0 38px;position:relative;border:1px solid rgba(188,205,243,.55);border-radius:99px;background:rgba(25,35,65,.88);cursor:pointer;transition:background .2s}
.wbs-properties-page .wbs-spstudio-check input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#c5d4e5;transition:transform .2s}
.wbs-properties-page .wbs-spstudio-check input:checked{background:linear-gradient(90deg,#2864af,#3c9ba9)}
.wbs-properties-page .wbs-spstudio-check input:checked:after{transform:translateX(15px);background:#fff}
.wbs-properties-page .wbs-spstudio-field .wbs-spstudio-check{margin:0}
.wbs-properties-page .wbs-spstudio-label{display:block;margin:11px 0 5px;font-size:12px;font-weight:600}
.wbs-properties-page .wbs-spstudio-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #b5c8ef77;border-radius:.75rem;color:#f6f3ff;background:#222943cc;cursor:pointer;font:inherit;font-size:12px;transition:transform .15s,border-color .15s,background .15s}
.wbs-properties-page .wbs-spstudio-button:hover{border-color:#d6b6ff;transform:translateY(-1px)}
.wbs-properties-page .wbs-spstudio-button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.wbs-properties-page .wbs-spstudio-button--primary{background:#b484fa24}
.wbs-properties-page .wbs-spstudio-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.wbs-properties-page .wbs-spstudio-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:142px;overflow:auto;margin:9px 0;padding:10px 12px;border:1px solid #b5c8ef55;border-radius:10px;background:#0d192c;font-size:11px;line-height:1.55}
.wbs-properties-page .wbs-spstudio-preview:empty{display:none}
.wbs-properties-page .wbs-spstudio-compat:not([hidden]){padding:10px;margin:8px 0;border:1px solid rgba(251,187,129,.52);border-radius:10px;background:rgba(135,87,23,.15);font-size:12px}
.wbs-properties-page #wbs-properties-status{font-size:11px;line-height:1.5}
.wbs-properties-page #wbs-properties-status[data-error=true]{color:#ffb2c7}
.wbs-properties-page [hidden]{display:none!important}
/* Export/import fold and resource pack fold. Never remove the actual input controls. */
.wbs-properties-page .wbs-spstudio-import{margin:11px 0 5px;border:1px solid #b5c8ef77;border-radius:.75rem;background:#222943cc}
.wbs-properties-page .wbs-spstudio-import>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:11px 12px;font-size:12px;font-weight:600;cursor:pointer;color:#e8edff}
.wbs-properties-page .wbs-spstudio-import>summary::-webkit-details-marker{display:none}
.wbs-properties-page .wbs-spstudio-import .wbs-fold-chevron{margin-left:auto;border:solid #bad5f1;border-width:0 1.5px 1.5px 0;padding:3px;transform:rotate(45deg)}
.wbs-properties-page .wbs-spstudio-import[open] .wbs-fold-chevron{transform:rotate(225deg)}
.wbs-properties-page .wbs-spstudio-import-body{padding:1px 12px 12px;border-top:1px solid rgba(165,190,235,.18)}
.wbs-properties-page .wbs-pack-guide{padding:0;overflow:hidden}
.wbs-properties-page .wbs-pack-toggle{list-style:none;display:flex;align-items:center;gap:9px;padding:12px 14px;cursor:pointer;min-height:49px;background:linear-gradient(95deg,rgba(98,127,217,.13),rgba(69,51,116,.06))}
.wbs-properties-page .wbs-pack-toggle::-webkit-details-marker{display:none}
.wbs-properties-page .wbs-pack-toggle>span:first-child{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;color:#f1efff}
.wbs-properties-page .wbs-pack-toggle svg{color:#bdd6ff;flex:none}
.wbs-properties-page .wbs-pack-toggle small{margin-left:auto;font-size:10px;white-space:nowrap;color:#a9c9e5}
.wbs-properties-page .wbs-pack-chevron{border:solid #a7c7eb;border-width:0 1.7px 1.7px 0;padding:3px;transform:rotate(45deg);flex:none;margin-left:5px}
.wbs-properties-page .wbs-pack-guide[open] .wbs-pack-chevron{transform:rotate(225deg)}
.wbs-properties-page .wbs-pack-guide>p,.wbs-properties-page .wbs-pack-guide>.wbs-pack-host,.wbs-properties-page .wbs-pack-guide>.wbs-pack-guide-steps,.wbs-properties-page .wbs-pack-guide>.wbs-pack-fields{margin-left:14px;margin-right:14px}
.wbs-properties-page .wbs-pack-guide>p{margin-top:12px;margin-bottom:10px}
.wbs-properties-page .wbs-pack-host{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px;border:1px solid rgba(133,223,242,.30);border-radius:11px;background:linear-gradient(115deg,rgba(43,105,154,.15),rgba(77,51,134,.11))}
.wbs-properties-page .wbs-pack-host>div{display:grid;flex:1 1 150px;gap:5px;font-size:11px}
.wbs-properties-page .wbs-pack-host strong{color:#eaf9ff;font-size:12px}
.wbs-properties-page .wbs-pack-host span{color:#c6d6e9;line-height:1.45}
.wbs-properties-page .wbs-pack-host a{text-decoration:none;color:#dff7ff}
.wbs-properties-page .wbs-pack-guide-steps{margin-top:10px;margin-bottom:8px;border:1px solid rgba(167,199,247,.29);border-radius:11px;background:rgba(15,31,61,.2)}
.wbs-properties-page .wbs-pack-guide-steps>summary{padding:10px 12px;cursor:pointer;font-size:12px;font-weight:650}
.wbs-properties-page .wbs-pack-guide-steps>ol{padding:2px 10px 8px 30px;margin:0;display:grid;gap:8px;font-size:11px;line-height:1.55;color:#d1def1}
.wbs-properties-page .wbs-pack-guide-steps li::marker{color:#8ddde9}
.wbs-properties-page .wbs-pack-guide a{color:#a7e6ff;text-underline-offset:3px}
.wbs-properties-page .wbs-pack-fields{padding-bottom:13px}
.wbs-properties-page .wbs-pack-fields input:disabled{opacity:.55;cursor:not-allowed}
.wbs-properties-page #wbs-pack-info:not(:empty){padding:8px 0}
@media(max-width:1060px){.wbs-properties-page .wbs-spstudio-layout{grid-template-columns:minmax(0,1fr)}.wbs-properties-page .wbs-spstudio-side{position:static}.wbs-properties-page .wbs-spstudio-topline{grid-template-columns:minmax(155px,215px) minmax(0,1fr)}.wbs-properties-page .wbs-spstudio-segment{grid-column:1/-1;justify-self:start}}
@media(max-width:590px){.wbs-properties-page .wbs-spstudio-topline{grid-template-columns:minmax(0,1fr);padding:12px}.wbs-properties-page .wbs-spstudio-segment{grid-column:auto;justify-self:stretch}.wbs-properties-page .wbs-spstudio-panel{padding:12px}.wbs-properties-page .wbs-spstudio-grid{grid-template-columns:minmax(0,1fr)}.wbs-properties-page .wbs-pack-toggle{flex-wrap:wrap}.wbs-properties-page .wbs-pack-toggle small{order:3;flex-basis:100%;margin-left:24px}.wbs-properties-page .wbs-pack-chevron{margin-left:auto}.wbs-properties-page .wbs-spstudio-shell{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.wbs-properties-page .wbs-spstudio-shell *{transition:none!important;animation:none!important}}

/* SPS-V2 educational panels: scoped to Server Properties Studio only. */
.wbs-properties-page .wbs-sps2-block{position:relative;min-width:0;margin:10px 0 0;padding:14px 16px;border:1px solid #b4b7dd55;border-radius:1.1rem;background:radial-gradient(ellipse at 0 0,#b69aff22,transparent 75%),#0d132be0;box-shadow:0 8px 24px #03071955,inset 0 1px #f0e8ff44;backdrop-filter:blur(15px) saturate(135%)}
.wbs-properties-page .wbs-sps2-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:9px}
.wbs-properties-page .wbs-sps2-heading>svg{flex:none;margin-top:6px;color:#a6e3ff;filter:drop-shadow(0 0 9px rgba(82,192,250,.28))}
.wbs-properties-page .wbs-sps2-heading>div{min-width:0}
.wbs-properties-page .wbs-sps2-kicker{margin:0 0 5px!important;color:#9fcfe8;font-size:10px;letter-spacing:.14em;font-weight:700}
.wbs-properties-page .wbs-sps2-heading h2{margin:0 0 5px;font-size:clamp(17px,2vw,22px);line-height:1.3;color:#f1f4ff}
.wbs-properties-page .wbs-sps2-heading p:not(.wbs-sps2-kicker){margin:0;color:#cbd8eb;font-size:12px;line-height:1.65}
.wbs-properties-page .wbs-sps2-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wbs-properties-page .wbs-sps2-method{min-width:0;height:max-content;border:1px solid #b5c8ef77;border-radius:.75rem;background:#222943cc;overflow:hidden}
.wbs-properties-page .wbs-sps2-method>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 11px;cursor:pointer;list-style:none;font-size:12px;font-weight:650;color:#e7edff}
.wbs-properties-page .wbs-sps2-method>summary::-webkit-details-marker{display:none}
.wbs-properties-page .wbs-sps2-method>summary svg{flex:none;color:#a8ddfd}
.wbs-properties-page .wbs-sps2-chevron{flex:none;margin-left:auto;border:solid #abccef;border-width:0 1.6px 1.6px 0;padding:3px;transform:rotate(45deg);transition:transform .18s}
.wbs-properties-page .wbs-sps2-method[open] .wbs-sps2-chevron{transform:rotate(225deg)}
.wbs-properties-page .wbs-sps2-method[open]>summary{background:linear-gradient(110deg,rgba(79,136,209,.22),rgba(116,73,178,.15))}
.wbs-properties-page .wbs-sps2-method ol{margin:0;padding:12px 14px 15px 31px;border-top:1px solid rgba(172,194,244,.20);display:grid;gap:9px;font-size:11px;line-height:1.6;color:#d5e1f1}
.wbs-properties-page .wbs-sps2-method li::marker{color:#89e2f4;font-weight:700}
.wbs-properties-page .wbs-sps2-block code{overflow-wrap:anywhere;color:#a9e1ff;font-size:.94em}
.wbs-properties-page .wbs-sps2-note{display:flex;align-items:flex-start;gap:9px;margin:9px 0 0;padding:8px 10px;border:1px solid rgba(240,198,128,.26);border-radius:10px;background:rgba(98,76,39,.13);font-size:11px;line-height:1.65;color:#dfd9cb}
.wbs-properties-page .wbs-sps2-note svg{flex:none;color:#f8d29c;margin-top:1px}
.wbs-properties-page .wbs-sps2-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}

.wbs-properties-page .wbs-sps2-fact{min-width:0;border:1px solid #b5c8ef77;border-radius:.75rem;background:#222943cc;overflow:hidden}
.wbs-properties-page .wbs-sps2-fact>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:9px 10px;cursor:pointer}
.wbs-properties-page .wbs-sps2-fact>summary::-webkit-details-marker{display:none}
.wbs-properties-page .wbs-sps2-fact>summary svg{width:25px;height:25px;flex:none;padding:4px;border:1px solid #b5c8ef77;border-radius:7px;background:#a19be014;fill:none;stroke:#a6caff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.wbs-properties-page .wbs-sps2-fact>summary strong{min-width:0;font-size:12px;font-weight:650;line-height:1.3;color:#f0edff}
.wbs-properties-page .wbs-sps2-fact>summary .wbs-sps2-chevron{margin-left:auto}
.wbs-properties-page .wbs-sps2-fact[open]{grid-column:1/-1}
.wbs-properties-page .wbs-sps2-fact[open]>summary{background:#b484fa24}
.wbs-properties-page .wbs-sps2-fact[open] .wbs-sps2-chevron{transform:rotate(225deg)}
.wbs-properties-page .wbs-sps2-fact>p{margin:0;padding:0 11px 11px;color:#c5d5e9;font-size:12px;line-height:1.5}
.wbs-properties-page .wbs-sps2-fact>summary:focus-visible{outline:2px solid #9fe9ff;outline-offset:-3px}
.wbs-properties-page .wbs-sps2-method>summary:focus-visible{outline:2px solid #9fe9ff;outline-offset:-3px;border-radius:12px}
@media(max-width:920px){.wbs-properties-page .wbs-sps2-methods{grid-template-columns:1fr}.wbs-properties-page .wbs-sps2-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wbs-properties-page .wbs-sps2-block{padding:15px 13px;border-radius:16px}.wbs-properties-page .wbs-sps2-heading{gap:10px}.wbs-properties-page .wbs-sps2-heading>svg{width:20px;height:20px}.wbs-properties-page .wbs-sps2-facts{grid-template-columns:1fr}.wbs-properties-page .wbs-sps2-method>summary{min-height:48px}}
@media(prefers-reduced-motion:reduce){.wbs-properties-page .wbs-sps2-block *{transition:none!important;animation:none!important}}