.pg-settings .st{gap:var(--sp-8);grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.pg-settings .st-side{top:calc(var(--sticky-top) + var(--sp-2));gap:var(--sp-4);display:grid;position:sticky}.pg-settings .st-nav{gap:2px;display:grid}.pg-settings .st-nav a{gap:var(--sp-3);min-height:var(--h-control);padding:0 var(--sp-4);border-radius:var(--r-md);color:var(--muted);transition:color .15s var(--ease), background .15s var(--ease);border:1px solid #0000;align-items:center;font-weight:500;display:flex}.pg-settings .st-nav a:hover{color:var(--ink);background:#ffffff0a}.pg-settings .st-nav a.on{color:var(--volt-soft);background:#3b9bff1f;border-color:#3b9bff4d}.pg-settings .st-preview{padding:var(--sp-5);justify-items:center;gap:var(--sp-2);text-align:center;display:grid}.pg-settings .st-preview-h{color:var(--muted);font-size:var(--fs-sm)}.pg-settings .st-pv-ava{width:72px;height:72px;font-size:var(--fs-2xl);color:var(--on-avatar);border:1px solid var(--line);border-radius:50%;place-items:center;font-weight:700;display:grid}.pg-settings img.st-pv-ava{object-fit:cover;background:var(--raise)}.pg-settings .st-preview b{font-size:var(--fs-lg);overflow-wrap:anywhere}.pg-settings .st-pv-user{font-family:var(--mono);font-size:var(--fs-sm);color:var(--muted)}.pg-settings .st-pv-line{font-size:var(--fs-ui);overflow-wrap:anywhere}.pg-settings .st-pv-meta{color:var(--muted);font-size:var(--fs-sm)}.pg-settings .st-pv-lock{gap:var(--sp-2);color:var(--muted);font-size:var(--fs-sm);align-items:center;display:inline-flex}.pg-settings .st-preview .ui-chips{justify-content:center}.pg-settings .st-main{gap:var(--stack);min-width:0;display:grid}.pg-settings .st-main .ui-panel{scroll-margin-top:calc(var(--sticky-top) + var(--sp-4))}.pg-settings .st-danger{gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg);background:#ff6a3d0d;border:1px solid #ff6a3d73;display:grid}.pg-settings .st-danger h3{gap:var(--sp-2);font-size:var(--fs-md);color:var(--signal);align-items:center;display:flex}.pg-settings .st-danger ul{padding-left:var(--sp-5);gap:var(--sp-1);margin:0;line-height:1.7;display:grid}.pg-settings .st-danger code{font-family:var(--mono);color:var(--ink);padding:1px var(--sp-1);border-radius:var(--r-sm);background:#ffffff14}.pg-settings .st-ava{gap:var(--sp-4);display:grid}.pg-settings .st-ava>div{gap:var(--sp-6);flex-wrap:wrap;align-items:center;display:flex}.pg-settings .st-ava-now{width:104px;height:104px;font-size:var(--fs-3xl);color:var(--on-avatar);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.pg-settings img.st-ava-now{object-fit:cover;background:var(--raise)}.pg-settings .st-ava-side{gap:var(--sp-3);flex:220px;min-width:0;display:grid}.pg-settings .st-crop{align-items:flex-start!important}.pg-settings .st-box{border-radius:var(--r-lg);background:var(--paper);cursor:grab;touch-action:none;flex:none;max-width:100%;position:relative;overflow:hidden}.pg-settings .st-box:active{cursor:grabbing}.pg-settings .st-box:focus-visible{outline:2px solid var(--volt);outline-offset:3px}.pg-settings .st-box img{-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:0 0;max-width:none;position:absolute;top:0;left:0}.pg-settings .st-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #0000008c,inset 0 0 0 2px #fffc}.pg-settings .st-zoom{gap:var(--sp-2);font-weight:600;font-size:var(--fs-ui);display:grid}.pg-settings .st-zoom input{width:100%}.pg-settings .page-body{padding-bottom:calc(var(--page-bottom) + var(--sp-12))}@media (max-width:900px){.pg-settings .st{gap:var(--sp-4);grid-template-columns:1fr}.pg-settings .st-side{top:var(--sticky-top);z-index:30;margin-inline:calc(-1 * var(--gutter));padding:var(--sp-2) var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#05060adb;position:sticky}.pg-settings .st-preview{display:none}.pg-settings .st-nav{gap:var(--sp-2);scrollbar-width:none;display:flex;overflow-x:auto}.pg-settings .st-nav a{white-space:nowrap;min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-ui)}.pg-settings .st-main .ui-panel{scroll-margin-top:calc(var(--sticky-top) + var(--sp-16))}}