.ns-account{width:88px;min-height:44px;border:1px solid var(--sn-line,#383838);border-radius:10px;background:var(--sn-panel,#191919);color:var(--sn-text,#f5f5f2);font:inherit;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}.ns-account:hover{background:var(--sn-raised,#242424)}.ns-account:focus-visible{outline:2px solid var(--sn-text,#f5f5f2);outline-offset:3px}
.na-dialog{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:85dvh;margin:auto;padding:0;border:1px solid #344056;border-radius:18px;background:#3f444a;color:#edf2fa;box-shadow:0 20px 90px #0006;overflow:auto}
.na-dialog::backdrop{background:#050a147d;backdrop-filter:blur(3px)}
.na-toolbar{box-sizing:border-box;width:100%;max-width:1220px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px auto 24px;padding:12px 14px;border:1px solid var(--sn-line,#344056);border-radius:12px;background:var(--sn-raised,#182334);font-family:inherit}.na-toolbar p{margin:0;min-height:3.2em;flex:1;min-width:160px;font-size:12px;font-weight:400;line-height:1.6;color:var(--sn-muted,#aab7cc)}.na-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.na-toolbar-actions :is(button,a){font-size:12px;min-height:38px}.na-row-actions{flex-wrap:wrap}.na-rename{display:flex;flex-wrap:wrap;gap:6px}.na-rename input{box-sizing:border-box;width:100%;min-width:0;padding:9px;border:1px solid #647b9c;border-radius:8px;background:transparent;color:inherit;font:inherit}.na-row:has(.na-rename){flex-direction:column;align-items:stretch}.na-row:has(.na-rename)>.na-row-actions{display:none}
.na-dialog-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:inherit;padding:18px 22px;border-bottom:1px solid #344056;z-index:1}.na-dialog h2{margin:0;font-size:19px}.na-close{border:0;color:inherit;background:transparent;font-size:25px;width:36px;height:36px;cursor:pointer}
.na-body{padding:20px 22px}.na-intro{line-height:1.7;margin:0 0 20px}.na-note{font-size:12px;color:#9daac0;line-height:1.6;margin:10px 0}.na-primary,.na-button,.na-danger,.na-text-button{font:inherit;font-size:13px;cursor:pointer;border-radius:9px;padding:9px 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;box-sizing:border-box}.na-primary{background:#355eea;color:#fff;border:1px solid #577bfc;font-weight:650}.na-button{background:#202d43;color:inherit;border:1px solid #3a4b65}.na-text-button{background:transparent;color:inherit;border:1px solid transparent}.na-danger{background:#612a34;color:#fff;border:1px solid #b85d6d}.na-dialog button:disabled{opacity:.6;cursor:wait}.na-dialog :focus-visible{outline:2px solid #8eabff;outline-offset:3px}
.na-profile{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.na-profile strong{overflow-wrap:anywhere}.na-save-form{display:grid;grid-template-columns:1fr auto;gap:8px}.na-save-form label{grid-column:1/-1;font-size:13px;font-weight:600}.na-save-form input,.na-list-controls select{box-sizing:border-box;min-width:0;background:#35393e;color:inherit;border:1px solid #3a4b65;border-radius:9px;padding:10px;font:inherit;font-size:13px}.na-auto{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;margin-top:22px}.na-auto input{width:17px;height:17px;flex-shrink:0;accent-color:#5a7cff}.na-list-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:22px}.na-tabs{display:flex;gap:4px}.na-tabs button[aria-pressed=true]{background:#354d82;border-color:#7196e7}.na-list{margin-top:12px;max-height:40dvh;overflow:auto;overscroll-behavior:contain}.na-empty{text-align:center;padding:22px;color:#9daac0}.na-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #344056}.na-row-copy{min-width:0;overflow-wrap:anywhere}.na-row-copy strong{display:block;font-size:14px}.na-row-copy small{display:block;margin-top:5px;color:#9daac0;font-size:11px}.na-row-actions{display:flex;gap:3px;flex-shrink:0}.na-status{min-height:20px;font-size:13px;margin:14px 0 0;line-height:1.6}.na-toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10000;max-width:calc(100vw - 36px);width:max-content;background:#23324a;color:#fff;border:1px solid #647b9c;border-radius:12px;padding:12px 18px;font-size:13px;box-shadow:0 8px 30px #0004}.na-toast[hidden]{display:none}
html[data-theme=light] .na-dialog{background:#fff;color:#172135;border-color:#d0d8e4}html[data-theme=light] .na-dialog-heading,html[data-theme=light] .na-row{border-color:#dce2ec}html[data-theme=light] .na-save-form input,html[data-theme=light] .na-list-controls select{background:#f8faff;border-color:#bdc9db}html[data-theme=light] .na-button{background:#f0f4fc;border-color:#c2cee3}html[data-theme=light] .na-tabs button[aria-pressed=true]{background:#dce6ff;border-color:#7595d9}html[data-theme=light] .na-note,html[data-theme=light] .na-row-copy small,html[data-theme=light] .na-empty{color:#59677d}
@media(max-width:600px){.ns-account{width:76px;font-size:11px}.na-dialog-heading{padding:14px 16px}.na-body{padding:16px}.na-row{align-items:flex-start;flex-direction:column;gap:9px}.na-row-actions{align-self:flex-end}.na-save-form{grid-template-columns:1fr}.na-save-form label{grid-column:auto}.na-list-controls select{max-width:100%}}

/* Avatar account menu and the anonymous sign-in entry share Studio Gray's neutral shell. */
.na-account-wrap{position:relative;display:flex;align-items:center;flex:none}
.ns-account.ns-account-avatar{position:relative;width:44px;min-width:44px;height:44px;min-height:44px;padding:4px;overflow:hidden;border-radius:50%;background:var(--sn-panel,#191919)}
.na-header-avatar{position:absolute;inset:4px;display:block;width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--sn-raised,#262826)}.na-header-avatar[hidden]{display:none}
.na-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--sn-muted,#a8aaa6);background:var(--sn-raised,#262826)}.na-avatar-placeholder svg{width:23px;height:23px}
.na-account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:10010;box-sizing:border-box;width:244px;max-width:calc(100vw - 24px);padding:7px;border:1px solid var(--sn-line,#363836);border-radius:13px;background:var(--sn-panel,#191b1a);color:var(--sn-text,#f5f5f2);box-shadow:0 12px 35px #0003;text-align:left;white-space:normal}
.na-account-menu[hidden]{display:none}.na-menu-profile{padding:12px 12px 14px;margin-bottom:4px;border-bottom:1px solid var(--sn-line,#363836)}.na-menu-profile strong{display:block;font-size:14px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.na-menu-profile span{display:block;margin-top:3px;font-size:11px;color:var(--sn-muted,#a8aaa6)}
.na-menu-item{display:flex;align-items:center;width:100%;min-height:46px;box-sizing:border-box;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:550;line-height:1.6;text-align:left;text-decoration:none;white-space:normal;cursor:pointer}
.na-menu-item:hover,.na-menu-item:focus-visible{background:var(--sn-raised,#252825)}.na-menu-item:focus-visible{outline:2px solid var(--sn-text,#f5f5f2);outline-offset:-2px}.na-menu-item:disabled{opacity:.6;cursor:wait}.na-menu-logout{margin-top:4px;border-top:1px solid var(--sn-line,#363836);border-radius:0 0 7px 7px}.na-menu-status{margin:0;padding:0 12px;font-size:12px;line-height:1.6;color:var(--sn-muted,#a8aaa6)}.na-menu-status:not(:empty){padding-top:10px;padding-bottom:8px}
.na-dialog.na-guest-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid var(--sn-line,#363836);border-radius:18px;background:var(--sn-panel,#191b1a);color:var(--sn-text,#f5f5f2);box-shadow:0 24px 80px #0005}
.na-guest-dialog::backdrop{background:#0009;backdrop-filter:blur(2px)}.na-guest-dialog .na-dialog-heading{align-items:flex-start;border:0;padding:25px 24px 0;gap:12px;background:transparent}.na-guest-dialog h2{font-size:23px;line-height:1.45;letter-spacing:-.035em;max-width:310px;padding-top:6px}.na-guest-dialog .na-close{flex:none;display:grid;place-items:center;min-width:44px;height:44px;min-height:44px;margin:-7px -9px 0 0;border-radius:8px;color:var(--sn-muted,#a8aaa6);font-size:26px}.na-guest-dialog .na-close:hover{background:var(--sn-raised,#252825)}
.na-guest-dialog .na-body{padding:15px 24px 24px}.na-login-mark{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--sn-muted,#a8aaa6);font-size:11px;font-weight:550}.na-login-mark img{display:block;width:21px;height:21px}.na-guest-dialog .na-intro{font-size:14px;line-height:1.8;margin:0 0 23px;color:var(--sn-muted,#a8aaa6)}.na-login-actions{display:grid;gap:9px}.na-login-actions .na-primary{min-height:48px;background:var(--sn-text,#f5f5f2);border-color:var(--sn-text,#f5f5f2);color:var(--sn-bg,#111211);font-size:14px;font-weight:650;white-space:normal;text-align:center;line-height:1.6;padding:12px}.na-login-actions .na-button{min-height:46px;background:transparent;border-color:var(--sn-line,#363836);color:var(--sn-text,#f5f5f2);font-size:13px}.na-guest-dialog .na-note{text-align:center;color:var(--sn-muted,#a8aaa6);font-size:11px;line-height:1.7;margin:15px 0 0}.na-guest-dialog .na-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}.na-login-privacy{padding-top:16px;margin:16px 0 0;border-top:1px solid var(--sn-line,#363836);font-size:11px;line-height:1.7;text-align:center;color:var(--sn-muted,#a8aaa6)}.na-guest-dialog .na-status:empty{display:none}.na-guest-dialog :focus-visible{outline:2px solid var(--sn-text,#f5f5f2);outline-offset:3px}
@media(max-width:420px){.na-guest-dialog h2{font-size:21px}.na-guest-dialog .na-dialog-heading{padding:22px 20px 0}.na-guest-dialog .na-body{padding:14px 20px 21px}}

html[data-theme=light] .na-dialog.na-guest-dialog{background:var(--sn-panel,#fff);color:var(--sn-text,#222);border-color:var(--sn-line,#ddd)}html[data-theme=light] .na-guest-dialog .na-button{background:transparent;border-color:var(--sn-line,#ddd);color:var(--sn-text,#222)}html[data-theme=light] .na-guest-dialog .na-note{color:var(--sn-muted,#666)}
/* Account storage entry stays aligned with its calculator, with one clear next action. */
.na-toolbar{box-sizing:border-box;width:100%;max-width:1220px;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:nowrap;margin:12px auto 24px;padding:16px 18px;border:1px solid var(--sn-line,#363936);border-radius:13px;background:var(--sn-panel,#191b1a);color:var(--sn-text,#eee)}
.na-toolbar-copy{flex:1;min-width:0;min-height:48px}.na-toolbar-copy strong{display:block;font-size:14px;font-weight:650;line-height:1.6;letter-spacing:-.015em}.na-toolbar .na-toolbar-copy p{min-height:0;min-width:0;margin:4px 0 0;font-size:12px;font-weight:400;line-height:1.65;color:var(--sn-muted,#a8aaa6)}
.na-toolbar-actions{display:flex;align-items:center;gap:8px;flex:none;min-height:44px;flex-wrap:nowrap}
.na-toolbar .na-primary,.na-toolbar .na-button{box-sizing:border-box;min-height:44px;padding:10px 14px;border-radius:9px;font-size:12px;line-height:1.7;white-space:normal;text-align:center}
.na-toolbar .na-primary{background:var(--sn-text,#eee);color:var(--sn-bg,#101211);border:1px solid var(--sn-text,#eee);font-weight:650}.na-toolbar .na-primary:disabled{background:var(--sn-raised,#252725);color:var(--sn-muted,#a8aaa6);border-color:var(--sn-line,#363936);opacity:1;cursor:wait}
html[data-theme] .na-toolbar .na-button{background:transparent;color:var(--sn-text,#eee);border:1px solid var(--sn-line,#363936)}.na-toolbar .na-primary:not(:disabled):hover{filter:brightness(.92)}.na-toolbar .na-button:hover{background:var(--sn-raised,#252725)}
.na-toolbar :focus-visible{outline:2px solid var(--sn-text,#eee);outline-offset:3px}.na-toolbar .na-toolbar-library[hidden]{display:none}.na-toolbar:has(noscript>a) .na-toolbar-actions>button,.na-toolbar:has(noscript>a) .na-toolbar-copy p{display:none}
@media(max-width:600px){.na-toolbar{flex-direction:column;align-items:stretch;gap:12px;min-height:158px;padding:16px;margin-bottom:20px}.na-toolbar-copy{min-height:68px;flex:none}.na-toolbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:44px}.na-toolbar-actions>*{min-width:0}.na-toolbar:not([data-state=member]) .na-toolbar-actions>.na-primary,.na-toolbar-actions>noscript{grid-column:1/-1}.na-toolbar-actions>noscript .na-primary{width:100%}}