.stg{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start;max-width:1080px;margin:0 auto;padding:20px var(--pad-page) 70px}.stg__nav{position:sticky;top:14px;display:flex;flex-direction:column;gap:2px;min-width:0}.topbar2~.stg .stg__nav{top:84px}.stg__navlabel{padding:4px 10px 8px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mdt-muted, var(--text-muted))}.stg__navitem{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 8px;border-radius:8px;font-size:13px;font-weight:500;color:var(--mdt-text-2, var(--text));text-align:left;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.stg__navitem:hover{background:var(--mdt-card-2, var(--surface-2));color:var(--mdt-text, var(--text-strong))}.stg__navitem.is-active,.stg__navitem.is-active:hover{background:var(--accent-soft);color:var(--accent)}.stg__navitem:focus-visible{outline-offset:-2px}.stg__navico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--mdt-card-2, var(--surface-2));box-shadow:inset 0 0 0 1px var(--mdt-line-2, var(--line-strong));color:var(--mdt-text-2, var(--text));transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.stg__navico svg{width:15px;height:15px}.stg__navitem.is-active .stg__navico{background:var(--accent);color:var(--accent-ink);box-shadow:none}.stg__navtext{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stg__main{min-width:0;display:flex;flex-direction:column;gap:18px}.stg__head{padding:2px 2px 0}.stg__title{font-size:18px;font-weight:600;letter-spacing:-.012em;color:var(--mdt-text, var(--text-strong));line-height:1.25}.stg__sub{font-size:12.5px;color:var(--mdt-muted, var(--text-muted));margin-top:3px}.stg__group{display:flex;flex-direction:column;gap:8px}.stg__label{padding:0 2px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mdt-muted, var(--text-muted))}.stg-card{border:1px solid var(--mdt-line, var(--line));border-radius:10px;background:var(--mdt-card, var(--surface));overflow:hidden}.stg-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:13px 16px;border-bottom:1px solid var(--mdt-line, var(--line));transition:background var(--dur-fast) var(--ease)}.stg-row:last-child{border-bottom:0}.stg-row--stack{flex-direction:column;align-items:stretch;gap:12px}.stg-row--click{cursor:pointer}.stg-row--click:hover{background:#ffffff05}[data-theme=light] .stg-row--click:hover{background:#00000005}.stg-row__text{flex:1 1 200px;min-width:0}.stg-row__title{font-size:13.5px;font-weight:500;color:var(--mdt-text, var(--text-strong));line-height:1.3}.stg-row__desc{font-size:12px;color:var(--mdt-muted, var(--text-muted));margin-top:2px;line-height:1.45}.stg-row__ctl{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex:0 1 auto;min-width:0;max-width:100%}.stg-row--stack .stg-row__text{flex:none}.stg-row--stack .stg-row__ctl{margin-left:0;justify-content:flex-start}.stg-row__ctl .select{width:auto;min-width:210px;max-width:100%}.stg-row__ctl .seg{min-width:200px}.stg-row__ctl .seg button{white-space:nowrap}.stg-row__val{font-size:13px;color:var(--mdt-text-2, var(--text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stg-row__val.mono{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.01em}.stg-row__val.dim{color:var(--mdt-muted, var(--text-muted))}.stg-row__ctl .btn--xs svg{width:12px;height:12px}.stg .switch{display:block;width:44px;height:24px;flex:none}.stg .switch:after{top:2px;left:2px;width:18px;height:18px}.stg .switch.is-on:after{transform:translate(20px)}.stg .switch:focus-visible{border-radius:var(--r-full)}.stg .pick:focus-visible{border-radius:10px}.stg .accpick__item:focus-visible{border-radius:9px}.stg__navitem:focus-visible{border-radius:8px}.stg .seg>button:focus-visible{border-radius:6px}.stg-user{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--mdt-line, var(--line))}.stg-user__av{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--mdt-card-2, var(--surface-2));box-shadow:0 0 0 1px var(--mdt-line-2, var(--line-strong));color:var(--mdt-text-2, var(--text));overflow:hidden}.stg-user__av img{width:100%;height:100%;object-fit:cover}.stg-user__text{flex:1;min-width:0}.stg-user__name{font-size:14.5px;font-weight:600;color:var(--mdt-text, var(--text-strong))}.stg-user__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:4px;font-size:12px;color:var(--mdt-muted, var(--text-muted))}.stg-user__meta .mono{font-family:var(--font-mono);font-size:11.5px}.stg__foot{padding:8px 2px 0;font-size:11px;color:var(--mdt-dim, var(--text-dim));letter-spacing:.01em}.stg .picks{display:grid;grid-template-columns:repeat(2,minmax(0,236px));gap:12px}.stg .pick{position:relative;display:flex;flex-direction:column;padding:8px;border:1px solid var(--mdt-line-2, var(--line-strong));border-radius:10px;background:var(--mdt-card-2, var(--surface-2));text-align:left;overflow:hidden;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.stg .pick:hover{border-color:var(--mdt-dim, var(--text-dim))}.stg .pick.is-on{border-color:var(--accent);background:var(--accent-softer);box-shadow:0 0 0 1px var(--accent)}.stg .pick__label{padding:9px 4px 2px}.stg .pick__name{font-size:12.5px;font-weight:600;color:var(--mdt-text, var(--text-strong))}.stg .pick__desc{font-size:11px;color:var(--mdt-muted, var(--text-muted));margin-top:1px}.stg .pick__check{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 4px #00000059;opacity:0;transform:scale(.7);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.stg .pick.is-on .pick__check{opacity:1;transform:none}.stg .pick__check svg{width:11px;height:11px;stroke-width:3}.stg .wf{position:relative;height:104px;display:flex;gap:0;padding:0;border-radius:7px;border:1px solid var(--wf-line);background:var(--wf-bg);overflow:hidden}.wf--theme[data-mode=dark]{--wf-bg: #121316;--wf-side: #17181c;--wf-card: #1a1b20;--wf-card2: #202126;--wf-line: #26272d;--wf-line2: #30313a;--wf-text: #b4b7be;--wf-dim: #3a3c45}.wf--theme[data-mode=light]{--wf-bg: #f3f4f7;--wf-side: #ffffff;--wf-card: #ffffff;--wf-card2: #f4f5f8;--wf-line: #e3e5ea;--wf-line2: #d3d6dd;--wf-text: #3f434c;--wf-dim: #d0d3da}.stg .wf i{display:block;border-radius:3px;background:var(--wf-dim)}.stg .wf i.acc{background:var(--accent)}.wf__side{flex:none;width:31%;display:flex;flex-direction:column;gap:5px;padding:7px 6px;background:var(--wf-side);border-right:1px solid var(--wf-line)}.wf__side .logo{width:10px;height:10px;border-radius:50%;background:var(--wf-line2);margin-bottom:2px}.wf__side i{height:5px;width:82%}.wf__side i.acc{width:92%}.wf__side i:nth-child(4){width:64%}.wf__side i:nth-child(5){width:74%}.wf__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding:6px}.wf__top{display:flex;align-items:center;gap:4px;height:12px;padding:0 4px;border-radius:3px;background:var(--wf-card);border:1px solid var(--wf-line)}.wf__top i{height:3px;width:18px;background:var(--wf-text);opacity:.7}.wf__top i.acc{margin-left:auto;width:14px;height:6px;opacity:1}.wf__cards{display:flex;gap:4px}.wf__cards i{flex:1;height:17px;border-radius:3px;background:var(--wf-card);border:1px solid var(--wf-line)}.wf__big{flex:1;display:flex;flex-direction:column;gap:4px;padding:5px;border-radius:3px;background:var(--wf-card);border:1px solid var(--wf-line)}.wf__big i{height:3px;background:var(--wf-line2)}.wf__big i:nth-child(1){width:60%}.wf__big i:nth-child(2){width:84%}.wf__big i:nth-child(3){width:48%}.stg .accpick{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.stg .accpick__item{position:relative;width:34px;height:34px;padding:0;border-radius:9px;border:2px solid transparent;background:transparent;box-shadow:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.stg .accpick__item:hover{transform:scale(1.08);border-color:var(--mdt-line-2, var(--line-strong))}.stg .accpick__item.is-on,.stg .accpick__item.is-on:hover{border-color:var(--mdt-text, var(--text-strong))}.stg .accpick__item .accpick__dot{display:block;width:100%;height:100%;border-radius:6px;box-shadow:inset 0 0 0 1px #0000002e}.stg .accpick__item .accpick__name{display:none}.stg .accpick__item .accpick__check{display:grid;place-items:center;position:absolute;inset:0;width:auto;height:auto;border-radius:0;background:transparent;color:var(--accent-ink);opacity:0;transition:opacity var(--dur-fast) var(--ease)}.stg .accpick__item.is-on .accpick__check{opacity:1}.stg .accpick__item .accpick__check svg{width:14px;height:14px;stroke-width:3}.stg .accpick__item--custom .accpick__check{color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.cpick{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--mdt-line-2, var(--line-strong));border-radius:8px;background:var(--mdt-card-2, var(--surface-2))}.cpick__row{display:flex;align-items:flex-end;gap:12px}.cpick__swatchwrap{position:relative;width:48px;height:48px;border-radius:9px;border:1px solid var(--mdt-line-2, var(--line-strong));overflow:hidden;cursor:pointer;flex:none}.cpick__preview{position:absolute;inset:0}.cpick__native{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:0;padding:0}.cpick__field{flex:0 1 200px;min-width:0;display:flex;flex-direction:column;gap:5px}.cpick__presets{display:flex;flex-wrap:wrap;gap:7px}.cpick__preset{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.12);transition:transform var(--dur-fast) var(--ease)}.cpick__preset:hover{transform:scale(1.1)}.stg .slider{display:flex;align-items:center;gap:10px;background:transparent}.stg .slider svg{color:var(--mdt-muted, var(--text-muted))}.stg .slider input[type=range]{width:200px;height:4px;border-radius:var(--r-full);background:var(--mdt-line-2, var(--line-strong));appearance:none;cursor:pointer}.stg .slider input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--mdt-card, var(--surface));box-shadow:0 0 0 1px var(--mdt-line-2, var(--line-strong)),var(--shadow-sm);cursor:grab}.stg .slider input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.stg .slider__value{font-family:var(--font-mono);font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--mdt-text, var(--text-strong));min-width:46px;text-align:right}@media (max-width: 720px){.stg{grid-template-columns:minmax(0,1fr);gap:16px}.stg__nav{position:static;flex-direction:row;flex-wrap:wrap}.stg__navlabel{display:none}.stg__navitem{width:auto;height:34px;padding:0 10px 0 6px}.stg__navico{width:24px;height:24px}.stg .picks{grid-template-columns:repeat(2,minmax(0,1fr))}.stg .accpick{justify-content:flex-start}}.swatch{position:relative;width:26px;height:26px;border-radius:8px;border:2px solid transparent;transition:all var(--dur) var(--ease)}.swatch:hover{transform:scale(1.08)}.swatch.is-on{border-color:var(--text-strong);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--text-strong)}.swatches{display:flex;flex-wrap:wrap;gap:9px}.rolePerms{max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:4px}.rolePerms__group+.rolePerms__group{margin-top:6px}.rolePerms__head{position:sticky;top:0;z-index:1;padding:7px 9px 5px;font-size:10.5px;font-weight:620;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);background:var(--surface)}.rolePerms__row{display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;cursor:pointer;transition:background var(--dur) var(--ease)}.rolePerms__row:hover{background:var(--surface-hover)}.rolePerms__row.is-on{background:var(--accent-soft)}.rolePerms__text{min-width:0}.rolePerms__text>div:first-child{font-size:12.5px;color:var(--text)}.rolePerms__id{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}
