/* Clean profile editing and full-screen photo tools. */
#edit-pgrid .pgrid-hero .pgrid-item.main{border:0!important;background:var(--bg2);box-shadow:none!important;}
#edit-pgrid .pgrid-extra{gap:12px;justify-content:center;align-items:center;}
#edit-pgrid .pgrid-extra>.pgrid-item,#edit-pgrid .pgrid-extra>.intro-tile{width:99px;height:99px;min-width:99px;min-height:99px;border:0!important;border-radius:50%!important;box-shadow:none;background:var(--bg2);}
#edit-pgrid .pgrid-item{padding:0;appearance:none;border:0;outline-offset:4px;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;}
#edit-pgrid .pgrid-item img{pointer-events:none;user-select:none;-webkit-user-select:none;object-fit:cover;}
#edit-pgrid .pgrid-extra>.intro-tile i{font-size:28px;}#edit-pgrid .pgrid-extra>.intro-tile span{font-size:12px;}
#edit-pgrid .pe-add i{font-size:34px;}#edit-pgrid .pgrid-remove,#edit-pgrid .pgrid-star{display:none!important;}
#edit-pgrid .pgrid-item:focus-visible{outline:2px solid var(--text-sec);}
#edit-pgrid .pe-drop-target{outline:3px solid var(--text-sec);outline-offset:5px;}
.pe-ordering [data-photo-index]{cursor:grabbing;}.pe-drag-ghost{position:absolute;z-index:240;pointer-events:none;width:106px;height:106px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #19191F55;overflow:hidden;opacity:.9;}.pe-drag-ghost img{width:100%;height:100%;object-fit:cover;}
.pe-save-retry{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);color:var(--text);font:500 14px Onest,sans-serif;cursor:pointer;}.pe-save-retry[hidden]{display:none;}
body textarea{resize:none;max-height:none;overflow-y:hidden;}
body textarea.pe-grow-field{height:auto;min-height:48px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;}
body input:not([type="file"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]):focus,body textarea:focus,body select:focus{border-color:var(--border)!important;box-shadow:none!important;outline:none!important;}
body input:not([type="file"]):not([type="range"]):focus-visible,body textarea:focus-visible{outline:1px solid var(--text-sec)!important;outline-offset:1px;}
body #cinput,body #cs-field{max-height:40dvh;}
.pe-preview-open{width:100%;margin:24px 0 8px;min-height:52px;padding:14px 16px;border:1px solid var(--border);border-radius:15px;background:var(--bg2);color:var(--text);font:600 15px/1.4 Onest,sans-serif;cursor:pointer;}
#side-edit .pe-preview-open,#side-edit .f-save{box-sizing:border-box;width:100%;min-height:54px;border-radius:16px;padding:14px 16px;font:600 16px/24px 'Onest',sans-serif;}
.pe-interest-row{align-items:stretch;}
.pe-interest-row #f-int-custom{flex:1;min-width:0;}
.pe-interest-add{display:grid;place-items:center;align-self:stretch;flex:0 0 auto;border:0;border-radius:14px;background:var(--nd-primary);color:#FAF8FD;font:600 28px/1 'Onest',sans-serif;min-width:48px;min-height:48px;padding:0;cursor:pointer;}
.pe-screen{position:absolute;inset:0;z-index:75;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow:hidden;}.pe-screen[hidden]{display:none;}
.pe-head{display:flex;align-items:center;gap:5px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;flex-shrink:0;min-height:60px;}
.pe-head h2{margin:0;font:600 17px/1.35 Onest,sans-serif;flex:1;overflow-wrap:anywhere;}
.pe-head button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--text);font:600 15px Onest,sans-serif;cursor:pointer;}.pe-head button i{font-size:25px;}.pe-head button:disabled{opacity:.5;}
.pe-view-stage{flex:1;min-height:0;position:relative;background:#19191F;display:flex;align-items:center;justify-content:center;}
.pe-view-stage>img{width:100%;height:100%;object-fit:cover;display:block;}
.pe-order-tools{display:flex;align-items:center;justify-content:center;gap:16px;padding:5px;flex-shrink:0;}
.pe-order-tools button{width:44px;height:44px;border:0;border-radius:50%;background:var(--bg2);color:var(--text);font-size:20px;cursor:pointer;}.pe-order-tools button:disabled{opacity:.25;}.pe-order-tools span{font-size:13px;min-width:95px;text-align:center;color:var(--text-sec);}
.pe-tools{display:flex;align-items:stretch;justify-content:space-around;padding:8px 12px;gap:6px;flex-shrink:0;}
.pe-tools button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:10px 4px;min-height:66px;border:0;border-radius:12px;background:var(--bg2);color:var(--text);font:500 12px Onest,sans-serif;cursor:pointer;}.pe-tools button i{font-size:25px;}.pe-tools button[data-pe="delete"]{color:#5E4EF6;}.pe-tools button:disabled{color:var(--text-sec);opacity:.4;cursor:default;}
.pe-note{font-size:12px;line-height:1.5;text-align:center;margin:0;padding:2px 18px calc(10px + var(--sab));color:var(--text-sec);}.pe-screen:not(:has(.pe-note)) .pe-tools{padding-bottom:calc(12px + var(--sab));}
.pe-crop-space{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:#19191F;overflow:hidden;}
.pe-crop-frame{position:relative;overflow:hidden;border:1px solid #FAF8FDb0;touch-action:none;box-shadow:0 0 0 600px #19191F88;}
.pe-crop-frame>img{position:absolute;max-width:none;left:50%;top:50%;user-select:none;-webkit-user-select:none;pointer-events:none;}
.pe-crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,#FAF8FD45 33%,#FAF8FD45 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#FAF8FD45 66%,#FAF8FD45 calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(transparent 33%,#FAF8FD45 33%,#FAF8FD45 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#FAF8FD45 66%,#FAF8FD45 calc(66% + 1px),transparent calc(66% + 1px));}
.pe-crop-options{padding:14px 18px calc(14px + var(--sab));display:flex;flex-direction:column;gap:10px;flex-shrink:0;}
.pe-ratios{display:flex;gap:8px;}.pe-ratios button{flex:1;min-height:42px;border:0;border-radius:10px;background:var(--bg2);color:var(--text-sec);font:500 13px Onest,sans-serif;cursor:pointer;}.pe-ratios button[aria-pressed="true"]{color:var(--text);background:color-mix(in srgb,var(--text) 12%,var(--bg));}
.pe-crop-options label{font-size:13px;color:var(--text-sec);}.pe-crop-options input{width:100%;height:30px;accent-color:var(--text-sec);}.pe-crop-options>button{align-self:center;display:flex;gap:7px;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:0;border-radius:12px;background:var(--bg2);color:var(--text);font:500 14px Onest,sans-serif;cursor:pointer;}.pe-crop-options>button i{font-size:20px;}
.pe-profile-preview .edit-feed-preview{flex:1;min-height:0;aspect-ratio:auto;border-radius:0;background:#19191F;}
.pe-profile-preview .edit-preview-nav{margin:0;flex-shrink:0;min-height:64px;padding:8px 12px calc(8px + var(--sab));background:var(--bg);}
.pe-profile-preview .edit-feed-preview .cinfo{bottom:32px;padding:20px 80px 30px 22px;max-height:44%;}
@media(max-width:350px){.pe-head h2{font-size:15px;}.pe-crop-options{padding:10px 12px calc(10px + var(--sab));gap:7px;}.pe-tools{padding-left:8px;padding-right:8px;}.pe-profile-preview .cname{font-size:24px;}}
.pe-profile-preview .pe-head{position:absolute;left:0;right:0;top:0;z-index:4;background:linear-gradient(#19191F88,transparent);color:#FAF8FD;}.pe-profile-preview .pe-head button{color:#FAF8FD;}
.pe-profile-preview .edit-feed-preview{position:absolute;inset:0;aspect-ratio:auto;}
.pe-profile-preview .edit-feed-preview .cinfo{bottom:calc(var(--bnav-h) + var(--sab) + 32px);padding:20px 80px 30px 22px;max-height:44%;}
.pe-profile-preview .edit-feed-preview .card-segs{bottom:calc(var(--bnav-h) + var(--sab) + 15px);}
.pe-profile-preview .edit-preview-nav{position:absolute;z-index:4;bottom:0;left:0;right:0;min-height:calc(var(--bnav-h) + var(--sab));background:linear-gradient(transparent,#19191F99);color:#FAF8FD;}.pe-profile-preview .edit-preview-nav button{background:#FAF8FD18;border-color:#FAF8FD40;color:#FAF8FD;}.pe-profile-preview .edit-preview-nav span{color:#FAF8FD;}
