#nano-personal-settings{padding:0;border:1px solid rgba(255,221,169,.22);border-radius:24px;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);background:#241b15;color:#fff5e9;box-shadow:0 32px 100px #0008;overflow:hidden}
#nano-personal-settings::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(5px)}
#nano-personal-settings .nps-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
#nano-personal-settings header{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 18px;border-bottom:1px solid #ffffff16}
#nano-personal-settings h2{font-size:22px;margin:0;font-weight:750}#nano-personal-settings header p{font-size:12px;opacity:.6;margin:7px 0 0}
#nano-personal-settings .nps-close{width:36px;height:36px;border:0;border-radius:50%;font-size:26px;background:#ffffff10;color:inherit;cursor:pointer}
#nano-personal-settings .nps-content{padding:4px 26px 18px;overflow:auto;overscroll-behavior:contain}
#nano-personal-settings h3{font-size:12px;letter-spacing:.08em;color:#eac48e;margin:22px 0 9px}
#nano-personal-settings .nps-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;border-bottom:1px solid #ffffff0b}
#nano-personal-settings select{max-width:60%;padding:7px 10px;border-radius:9px;border:1px solid #ffffff20;background:#382a20;color:inherit;font:inherit}
#nano-personal-settings input[type=checkbox]{appearance:none;width:38px;height:23px;flex:0 0 38px;border-radius:20px;background:#786e62;cursor:pointer;position:relative;margin:0;transition:background .15s}
#nano-personal-settings input[type=checkbox]::after{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .15s}
#nano-personal-settings input:checked{background:#d89a37}#nano-personal-settings input:checked::after{transform:translateX(15px)}#nano-personal-settings input:disabled{opacity:.4;cursor:not-allowed}
#nano-personal-settings :focus-visible{outline:2px solid #efbc69;outline-offset:3px}
#nano-personal-settings .nps-test{padding:5px 0;background:none;border:0;color:#eac48e;font-size:12px;cursor:pointer}
#nano-personal-settings footer{padding:12px 26px;border-top:1px solid #ffffff16;min-height:42px;box-sizing:border-box;font-size:12px;opacity:.7}
body.x-cg-skin:not(.xcg-night) #nano-personal-settings{background:#fffaf2;color:#322617;border-color:#dfcba7}
body.x-cg-skin:not(.xcg-night) #nano-personal-settings select{background:#f3e8d7;border-color:#dfcba7}
body.x-cg-skin:not(.xcg-night) #nano-personal-settings h3,body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-test{color:#94641c}
body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-row,body.x-cg-skin:not(.xcg-night) #nano-personal-settings header,body.x-cg-skin:not(.xcg-night) #nano-personal-settings footer{border-color:#32261715}
html[data-nano-thumbnails=compact] body .history-grid,html[data-nano-thumbnails=compact] body .canvas-history-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))!important}
html[data-nano-thumbnails=large] body .history-grid,html[data-nano-thumbnails=large] body .canvas-history-grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr))!important}
html.nano-reduce-motion *,html.nano-reduce-motion *::before,html.nano-reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:520px){#nano-personal-settings header{padding:18px}#nano-personal-settings .nps-content{padding:2px 18px 15px}#nano-personal-settings .nps-row{font-size:13px}#nano-personal-settings footer{padding:12px 18px}}

#nano-personal-settings{width:min(780px,calc(100vw - 28px));border-radius:22px}
#nano-personal-settings .nps-layout{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:440px;overflow:hidden}
#nano-personal-settings .nps-nav{display:flex;flex-direction:column;gap:6px;padding:20px 14px;background:#00000012;border-right:1px solid #ffffff10}
#nano-personal-settings .nps-nav button{display:flex;align-items:center;gap:10px;padding:12px;border:0;border-radius:10px;color:inherit;background:none;font:inherit;font-size:13px;text-align:left;cursor:pointer}
#nano-personal-settings .nps-nav svg{width:19px;height:19px;flex:none}
#nano-personal-settings .nps-nav button[aria-selected=true]{background:#d99b3424;color:#efc884;font-weight:700}
#nano-personal-settings .nps-local{margin-top:auto;font-size:10px;opacity:.5;padding:18px 10px 0;line-height:1.6}
#nano-personal-settings .nps-content{padding:6px 26px 24px;min-width:0}
#nano-personal-settings [hidden]{display:none!important}
#nano-personal-settings h3{margin:19px 0 12px;font-size:12px}
#nano-personal-settings .nps-group{border:1px solid #ffffff12;border-radius:13px;padding:0 15px;background:#ffffff03}
#nano-personal-settings .nps-row{min-height:60px;font-size:13px}
#nano-personal-settings .nps-row:last-child{border-bottom:0}
#nano-personal-settings .nps-segment{display:flex;gap:3px;padding:3px;border-radius:9px;background:#00000025;flex-wrap:wrap}
#nano-personal-settings .nps-segment button{background:none;border:0;border-radius:6px;padding:7px 9px;font-size:11px;color:inherit;cursor:pointer;white-space:nowrap}
#nano-personal-settings .nps-segment button[aria-pressed=true]{background:#f0c787;color:#332516;box-shadow:0 1px 5px #0003;font-weight:700}
#nano-personal-settings .nps-primary,#nano-personal-settings .nps-secondary{border:1px solid #ffffff20;border-radius:9px;padding:9px 13px;cursor:pointer;font:inherit;font-size:12px}
#nano-personal-settings .nps-primary{background:#f0c787;color:#332516;font-weight:700;border-color:transparent}
#nano-personal-settings .nps-secondary{background:transparent;color:inherit}
#nano-personal-settings button:disabled{opacity:.5;cursor:wait}
#nano-personal-settings .nps-inline{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 0 12px;font-size:11px;opacity:.8}
#nano-personal-settings .nps-badge{padding:4px 8px;background:#d99b341c;color:#efc884;border-radius:20px}
#nano-personal-settings .nps-reset-row{margin-top:23px;text-align:right}
#nano-personal-settings #nps-reset-confirm{margin-top:12px;font-size:13px}
#nano-personal-settings .nps-account{display:flex;justify-content:space-between;gap:15px;padding:15px;border:1px solid #ffffff12;border-radius:12px;font-size:12px}
#nano-personal-settings .nps-account strong{overflow-wrap:anywhere;text-align:right}
#nano-personal-settings .nps-password-field{display:block;font-size:12px;margin:0 0 12px}
#nano-personal-settings .nps-password-field>div{display:flex;margin-top:7px;border:1px solid #ffffff24;border-radius:9px;background:#0002;overflow:hidden}
#nano-personal-settings .nps-password-field input{width:100%;min-width:0;padding:10px 12px;color:inherit;background:none;border:0;font:inherit}
#nano-personal-settings .nps-password-field button{background:none;border:0;color:inherit;padding:8px 12px;white-space:nowrap;font-size:11px;cursor:pointer}
#nano-personal-settings .nps-password-field small{color:#f49a8f;display:block;margin-top:4px}
#nano-personal-settings .nps-hint{font-size:11px;opacity:.6;margin:4px 0 15px}
body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-nav button[aria-selected=true],body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-badge{color:#94641c}
body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-group,body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-account,body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-secondary,body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-password-field>div{border-color:#32261720}
body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-segment,body.x-cg-skin:not(.xcg-night) #nano-personal-settings .nps-password-field>div{background:#32261707}
@media(max-width:620px){#nano-personal-settings .nps-layout{display:flex;flex-direction:column;min-height:0}#nano-personal-settings .nps-nav{flex-direction:row;padding:10px 14px;border-right:0;border-bottom:1px solid #ffffff10;gap:5px;flex:none}#nano-personal-settings .nps-nav button{justify-content:center;flex:1;padding:10px 6px;font-size:12px;gap:6px}#nano-personal-settings .nps-nav svg{width:16px;height:16px}#nano-personal-settings .nps-local{display:none}#nano-personal-settings .nps-content{padding:0 16px 22px}#nano-personal-settings .nps-options{align-items:flex-start;flex-direction:column;gap:9px;padding:13px 0}#nano-personal-settings .nps-segment{width:100%;box-sizing:border-box}#nano-personal-settings .nps-segment button{flex:1}#nano-personal-settings .nps-group{padding:0 13px}}
#nano-personal-settings .nps-row>span{flex-shrink:0;white-space:nowrap}@media(max-width:620px){#nano-personal-settings .nps-row:has([data-nps-choice="theme"]){flex-direction:column;align-items:stretch;gap:9px;padding:13px 0}}

body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings{--nps-bg:#fff;--nps-surface:#f6f7f8;--nps-text:#111214;--nps-muted:#62656a;--nps-line:#e1e4e8;--nps-active:#111214;--nps-on-active:#fff;background:var(--nps-bg);color:var(--nps-text);border-color:var(--nps-line);color-scheme:light}
body.x-cg-skin.xcg-night #nano-personal-settings{--nps-bg:#1d2127;--nps-surface:#272c33;--nps-text:#f3f4f6;--nps-muted:#b8bdc5;--nps-line:#3c424b;--nps-active:#f3f4f6;--nps-on-active:#16181b;color-scheme:dark}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-nav,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-segment,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-password-field>div{background:var(--nps-surface);border-color:var(--nps-line)}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-group,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-account{background:var(--nps-bg);border-color:var(--nps-line)}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings header,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings footer,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-row{border-color:var(--nps-line)}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings h3,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-test,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-inline,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-hint{color:var(--nps-muted);opacity:1}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-nav button[aria-selected=true],body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-segment button[aria-pressed=true],body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-primary{background:var(--nps-active);color:var(--nps-on-active);border-color:transparent}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-secondary,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-close{background:var(--nps-surface);color:var(--nps-text);border-color:var(--nps-line)}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-badge{background:var(--nps-surface);color:var(--nps-text)}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings input[type=checkbox]{background:#8a919b}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings input[type=checkbox]:checked{background:var(--nps-active)}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings input[type=checkbox]:checked::after{background:var(--nps-on-active)}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings :focus-visible{outline-color:var(--nps-text)}
body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-password-field input,body.x-cg-skin:is(.xcg-night,:not(.xcg-night)) #nano-personal-settings .nps-password-field button{color:var(--nps-text)}