/* Mobile profile concept. Desktop retains its established editor. */
.hh-editor-mobile{display:none}
.hh-account-dialog[data-mobile-editor=true]{width:min(520px,100%);max-width:520px;height:calc(100dvh - max(8px,env(safe-area-inset-top,0px)));max-height:calc(100dvh - max(8px,env(safe-area-inset-top,0px)));position:fixed;inset:auto 0 0;margin:0 auto;overflow:hidden;border-radius:25px 25px 0 0;background:radial-gradient(ellipse at 100% 0,#c4dfb833,transparent 45%),#f8faf5;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}
html[data-theme=dark] .hh-account-dialog[data-mobile-editor=true]{--hh-input:#10201a8c;--hh-panel:#09140f;--hh-card:#11211b8f;--hh-border:#c9e2cc30;background:radial-gradient(ellipse at 95% 0,#39705220,transparent 48%),linear-gradient(140deg,#0e1c16,#08120e 70%);box-shadow:inset 0 1px 0 #f0ffe52e,0 24px 100px #0008}
.hh-account-dialog[data-mobile-editor=true]::before,.hh-account-dialog[data-mobile-editor=true]>.hh-account-close{display:none}
.hh-account-dialog[data-mobile-editor=true]>.hh-account-inner{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;padding:0;overflow:hidden}
.hh-account-dialog[data-mobile-editor=true] [hidden]{display:none!important}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-topbar{flex:none;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:6px;align-items:center;min-height:72px;padding:14px 17px 10px}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-topbar h2{grid-column:2;grid-row:1;padding:0;font-size:19px;letter-spacing:-.02em;line-height:1.2;text-align:center}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-topbar>button{min-height:44px;font-size:14px;color:var(--hh-ink)}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-topbar [data-hh-editor-cancel],.hh-account-dialog[data-mobile-editor=true] [data-hh-editor-back]{grid-column:1;grid-row:1;text-align:left;justify-self:start;padding:0 5px}
.hh-account-dialog[data-mobile-editor=true] [data-hh-editor-back]{display:grid;place-items:center;width:44px;padding:0;margin-left:-6px;border-radius:50%}
.hh-account-dialog[data-mobile-editor=true] [data-hh-editor-back]:hover{background:var(--hh-soft)}
.hh-account-dialog[data-mobile-editor=true] [data-hh-editor-back] svg{width:24px;height:24px}
.hh-account-dialog[data-mobile-editor=true] #hh-profile-save{grid-column:3;grid-row:1;justify-self:end;min-width:64px;min-height:40px;padding:8px 13px;border-radius:24px;font-size:14px}
.hh-account-dialog[data-mobile-editor=true] .hh-account-button.is-primary{border:1px solid #83ad6c;background:linear-gradient(140deg,#c8e8b8c9,#abd294b3);color:#17301b;box-shadow:inset 0 1px 1px #fff9,0 2px 8px #1d3a1512}
html[data-theme=dark] .hh-account-dialog[data-mobile-editor=true] .hh-account-button.is-primary{border-color:#b7e7a38c;color:#f1ffe8;background:linear-gradient(140deg,#5b8b4880,#244c319e);box-shadow:inset 0 1px 1px #e6ffd878,inset 0 -8px 16px #78b7590e,0 2px 8px #0003}
.hh-account-dialog[data-mobile-editor=true] #hh-profile-form{display:flex;flex-direction:column;flex:1;min-height:0}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 20px calc(24px + env(safe-area-inset-bottom,0px));scroll-padding-block:16px}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-panel{min-width:0}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-photo{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 0 25px}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-avatar-button{display:block;position:relative;width:126px;height:126px;border-radius:50%;margin:0 0 8px}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-avatar-button[data-avatar-kind=nft]{border-radius:0}
.hh-account-dialog[data-mobile-editor=true] .hh-avatar-sources{width:min(100%,280px);margin:8px 0}
.hh-account-dialog[data-mobile-editor=true] .hh-avatar-sources .hh-account-button{min-height:44px;font-size:13px;padding:8px 12px}
.hh-account-dialog[data-mobile-editor=true] #hh-edit-avatar{display:block;width:100%;height:100%}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-avatar-button .hh-avatar{width:100%;height:100%;border:3px solid #fafdf4;box-shadow:0 0 0 1px var(--hh-border),0 4px 22px #17372320}
html[data-theme=dark] .hh-account-dialog[data-mobile-editor=true] .hh-editor-avatar-button .hh-avatar{border-color:#d6eadc;box-shadow:0 0 0 1px #557763,0 4px 24px #0004}
.hh-account-dialog[data-mobile-editor=true] .hh-avatar-edit-badge{position:absolute;bottom:1px;right:-2px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:var(--hh-ink);background:var(--hh-panel);border:1px solid var(--hh-border);box-shadow:inset 0 1px 0 #fff4,0 3px 10px #061b1b20}
.hh-account-dialog[data-mobile-editor=true] .hh-avatar-edit-badge svg{width:17px;height:17px}
.hh-account-dialog[data-mobile-editor=true] .hh-change-photo{min-height:40px;font-size:14px;color:var(--hh-accent);text-decoration:underline;text-underline-offset:3px;padding:5px 10px}
.hh-account-dialog[data-mobile-editor=true] .hh-editor-photo .hh-account-note{font-size:12px;margin:3px 0 0;line-height:1.5}
.hh-account-dialog[data-mobile-editor=true] .hh-fields{gap:17px}
.hh-account-dialog[data-mobile-editor=true] .hh-field{font-size:13px;gap:7px}
.hh-account-dialog[data-mobile-editor=true] .hh-field input,.hh-account-dialog[data-mobile-editor=true] .hh-field textarea,.hh-account-dialog[data-mobile-editor=true] .hh-field select{min-height:48px;border-radius:14px;padding:11px 13px;font-size:16px;box-shadow:inset 0 1px 0 #fff2}
.hh-account-dialog[data-mobile-editor=true] .hh-field-counter{font-size:10px;line-height:1.3}
.hh-account-dialog[data-mobile-editor=true] .hh-field:has([name=name]){position:relative}
.hh-account-dialog[data-mobile-editor=true] [data-hh-count=name]{position:absolute;right:12px;top:0}
.hh-account-dialog[data-mobile-editor=true] .hh-field-hint{font-size:10px;line-height:1.5}
.hh-account-dialog[data-mobile-editor=true] .hh-username-input{display:block;position:relative}
.hh-account-dialog[data-mobile-editor=true] .hh-username-input>span{position:absolute;top:50%;left:13px;transform:translateY(-50%);color:var(--hh-muted);font-size:16px;pointer-events:none}
.hh-account-dialog[data-mobile-editor=true] .hh-username-input input{padding-left:30px}
.hh-account-dialog[data-mobile-editor=true] .hh-bio-field{position:relative}
.hh-account-dialog[data-mobile-editor=true] .hh-field textarea{min-height:116px;max-height:240px;resize:vertical;padding-bottom:31px}
.hh-account-dialog[data-mobile-editor=true] .hh-bio-field .hh-field-counter{position:absolute;right:13px;bottom:12px;pointer-events:none}
.hh-account-dialog[data-mobile-editor=true] .hh-profile-style-link{display:flex;align-items:center;gap:13px;width:100%;margin:24px 0 0;padding:16px;min-height:72px;border-radius:19px;border:1px solid var(--hh-border);background:linear-gradient(130deg,#bfdcb011,transparent),var(--hh-card);text-align:left;box-shadow:inset 0 1px 0 #e9ffe610}
.hh-account-dialog[data-mobile-editor=true] .hh-profile-style-link>svg{width:25px;height:25px;color:var(--hh-accent);flex:none}
.hh-account-dialog[data-mobile-editor=true] .hh-profile-style-link>svg:last-child{width:18px;height:18px;color:var(--hh-muted)}
.hh-account-dialog[data-mobile-editor=true] .hh-profile-style-link>span{flex:1}
.hh-account-dialog[data-mobile-editor=true] .hh-profile-style-link strong{display:block;font-size:14px;font-weight:500}
.hh-account-dialog[data-mobile-editor=true] .hh-profile-style-link small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:var(--hh-muted)}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-section{margin:0;padding:0;border:0}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-intro{font-size:12px;color:var(--hh-muted);line-height:1.6;margin:4px 0 19px}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-controls{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:12px;align-items:center;margin-bottom:16px}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-collection{position:relative;min-width:0}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-collection select{width:100%;min-height:46px;padding:9px 40px 9px 16px;border:1px solid var(--hh-border);border-radius:26px;background:var(--hh-card);color:var(--hh-ink);font-size:16px;appearance:none;-webkit-appearance:none;text-overflow:ellipsis}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-collection>svg{position:absolute;right:15px;top:14px;width:18px;height:18px;pointer-events:none;color:var(--hh-muted)}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-refresh{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--hh-border);border-radius:50%;background:var(--hh-card);color:var(--hh-ink)}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-refresh>svg{width:23px;height:23px}
.hh-account-dialog[data-mobile-editor=true] .hh-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0;padding:2px;max-height:none;overflow:visible}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-option{padding:0 0 12px;border-radius:17px;overflow:hidden;gap:4px;background:linear-gradient(140deg,#ecffe70b,transparent),var(--hh-card);text-align:center}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-option[aria-pressed=true]{border-color:var(--hh-accent);box-shadow:0 0 0 1px var(--hh-accent),inset 0 0 24px #a3d68118}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-image{border-radius:0;margin:0 0 6px}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-option strong{font-size:13px;padding:0 9px;font-weight:500}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-option small{font-size:10px;padding:0 9px}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-image>.hh-picker-art{width:100%;height:100%}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-check{top:10px;right:10px;width:27px;height:27px;border:1px solid #eaffd499}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-check svg{width:16px;height:16px}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-scan{padding-top:14px;font-size:11px}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-load-more{display:flex;width:100%;min-height:44px;margin-top:15px;border-radius:24px}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-import{border:0;border-top:1px solid var(--hh-border);border-radius:0;background:transparent;padding:12px 0 0;margin-top:21px}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-import summary{min-height:44px;align-content:center;color:var(--hh-muted);font-size:13px}
.hh-account-dialog[data-mobile-editor=true] .hh-nft-import-grid{grid-template-columns:minmax(0,1fr)}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-footer{flex:none;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--hh-panel);border-top:1px solid var(--hh-border)}
.hh-account-dialog[data-mobile-editor=true] .hh-picker-footer .hh-account-button{width:100%;min-height:49px;border-radius:28px;font-size:15px}
.hh-account-dialog[data-mobile-editor=true][data-editor-panel=nft] .hh-editor-body{padding-bottom:20px}
.hh-account-dialog[data-mobile-editor=true] #hh-account-alert:not(:empty){flex:none;margin:0 20px 12px;max-height:96px;overflow:auto;font-size:12px;padding:10px 12px}
.hh-account-dialog[data-mobile-editor=true] .hh-style-intro{text-align:center;padding:9px 0 28px}
.hh-account-dialog[data-mobile-editor=true] .hh-style-preview{width:138px;height:138px;position:relative;margin:15px auto 48px}
.hh-account-dialog[data-mobile-editor=true] .hh-style-preview .hh-avatar{width:138px;height:138px}
.hh-account-dialog[data-mobile-editor=true] .hh-style-preview>img{position:absolute;inset:-13%;width:126%;height:126%;max-width:none;pointer-events:none}
.hh-account-dialog[data-mobile-editor=true] .hh-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hh-account-dialog[data-mobile-editor=true] .hh-style-option{display:flex;flex-direction:column;align-items:center;gap:20px;min-height:138px;min-width:0;padding:21px 4px 12px;border:1px solid var(--hh-border);border-radius:18px;background:var(--hh-card);color:var(--hh-ink);font-size:12px}
.hh-account-dialog[data-mobile-editor=true] .hh-style-option[aria-pressed=true]{border-color:var(--hh-accent);box-shadow:inset 0 0 0 1px var(--hh-accent)}
.hh-account-dialog[data-mobile-editor=true] .hh-style-portrait,.hh-account-dialog[data-mobile-editor=true] .hh-style-avatar{position:relative;display:block;width:64px;height:64px}
.hh-account-dialog[data-mobile-editor=true] .hh-style-avatar>.hh-avatar{width:64px;height:64px;border:0}
.hh-account-dialog[data-mobile-editor=true] .hh-style-portrait>img{position:absolute;inset:-13%;width:126%;height:126%;max-width:none;object-fit:contain;pointer-events:none}
.hh-account-dialog[data-mobile-editor=true] .hh-style-reset{display:block;min-height:44px;margin:13px auto 0;padding:5px 12px;color:var(--hh-accent);font-size:13px}
.hh-account-dialog[data-mobile-editor=true] .hh-style-availability{margin-top:12px;text-align:center;font-size:12px}
@media(max-width:350px){.hh-account-dialog[data-mobile-editor=true] .hh-editor-topbar h2{font-size:17px}.hh-account-dialog[data-mobile-editor=true] .hh-editor-topbar{padding-inline:12px}.hh-account-dialog[data-mobile-editor=true] .hh-editor-body{padding-inline:16px}.hh-account-dialog[data-mobile-editor=true] .hh-nft-grid{gap:10px}.hh-account-dialog[data-mobile-editor=true] .hh-style-option{font-size:11px}.hh-account-dialog[data-mobile-editor=true] .hh-style-portrait,.hh-account-dialog[data-mobile-editor=true] .hh-style-avatar,.hh-account-dialog[data-mobile-editor=true] .hh-style-avatar>.hh-avatar{width:53px;height:53px}}
@media(max-height:700px){.hh-account-dialog[data-mobile-editor=true] .hh-editor-photo{padding-top:8px;padding-bottom:18px}.hh-account-dialog[data-mobile-editor=true] .hh-editor-avatar-button{width:94px;height:94px}}
@media(forced-colors:active){.hh-account-dialog[data-mobile-editor=true] .hh-avatar-edit-badge,.hh-account-dialog[data-mobile-editor=true] .hh-profile-style-link,.hh-account-dialog[data-mobile-editor=true] .hh-picker-refresh,.hh-account-dialog[data-mobile-editor=true] .hh-style-option{border-color:CanvasText}.hh-account-dialog[data-mobile-editor=true] .hh-account-button.is-primary{color:ButtonText;border-color:ButtonText}}