#iconLinkModal .mr-backdrop-editor{margin:0 0 18px;padding:16px;border:1px solid #e2e6eb;border-radius:18px;background:#f5f6f8}
#iconLinkModal .mr-backdrop-toggle{display:flex;align-items:center;gap:10px;font-weight:750;font-size:15px;margin-bottom:12px}
#iconLinkModal .mr-backdrop-toggle input{width:20px;height:20px;flex:none;margin:0;accent-color:#252a32}
#iconLinkModal .mr-backdrop-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#iconBackdropPreview{width:90px;height:90px;flex:none;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#455265,#182233);overflow:hidden}
#iconLinkModal .mr-backdrop-fields{flex:1;min-width:150px}
#iconLinkModal .mr-backdrop-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:650}
#iconLinkModal .mr-backdrop-value{display:flex;align-items:center;gap:4px}
#iconLinkModal #iconBackdropPercent{width:64px;min-height:38px;padding:6px 8px;border:1px solid #d7dce3;border-radius:10px;font:inherit;background:#fff}
#iconLinkModal #iconBackdropRange{display:block;width:100%;margin:12px 0;accent-color:#252a32}
#iconLinkModal #iconBackdropShape{min-height:38px;padding:8px 12px;border:1px solid #d7dce3;border-radius:10px;background:#fff;color:#272c34;font:700 13px system-ui}
#iconLinkModal .mr-backdrop-hint{margin:12px 0 0;color:#727986;font:400 12px/1.4 system-ui}

/* Keep the icon editor within the visible screen and scroll its fields. */
#iconLinkModal{box-sizing:border-box;padding:12px;overflow:hidden}
#iconLinkModal .icon-link-dialog{display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden;min-height:0}
#iconLinkModal .modal__header{flex:0 0 auto}
#iconLinkModal .icon-link-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:max(16px,env(safe-area-inset-bottom))}
#iconLinkModal .icon-link-actions{position:sticky;bottom:0;z-index:3;background:#fff;padding-top:12px;padding-bottom:8px;margin-bottom:0}

/* Compact backgrounds stay inside the icon area, above its label. */
.social-btn.mr-icon-backdrop{isolation:isolate;overflow:visible!important}
.social-btn.mr-icon-backdrop:before{content:'';position:absolute;inset:-5px -5px 0;z-index:-1;pointer-events:none;border-radius:13px;clip-path:inset(0 round 13px);opacity:var(--mr-backdrop-opacity,.6);box-sizing:border-box}
.social-btn.mr-backdrop-glass:before{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.social-btn.mr-backdrop-halo:before{background:radial-gradient(ellipse at center,rgba(255,255,255,.8) 0%,rgba(255,255,255,.42) 35%,rgba(255,255,255,0) 72%);border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.social-btn.mr-backdrop-mist:before{background:rgba(19,27,39,.82);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.social-wrap.mr-label-glow>.social-label{text-shadow:0 0 var(--mr-label-glow-size) var(--mr-label-glow-color),0 0 calc(var(--mr-label-glow-size)*.5) var(--mr-label-glow-color)!important}
#iconBackdropPreview{width:110px;height:125px}
#iconBackdropPreview .social-wrap{gap:7px}
#iconBackdropPreview .social-label{color:#fff;font:500 12px/1.2 system-ui;max-width:92px;overflow-wrap:anywhere;text-align:center}
#iconLinkModal .mr-glow-settings{border-top:1px solid #dfe3e9;margin-top:15px;padding-top:15px}
#iconLinkModal .mr-glow-color{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:650;margin:12px 0}
#iconLinkModal #iconGlowColor{width:64px;height:38px;padding:3px;border:1px solid #d7dce3;border-radius:10px;background:#fff}
#iconLinkModal #iconGlowSize{width:64px;min-height:38px;padding:6px 8px;border:1px solid #d7dce3;border-radius:10px;font:inherit;background:#fff}
#iconLinkModal #iconGlowRange{width:100%;margin:12px 0;accent-color:#252a32}
#iconLinkModal #iconBackdropStyle{font-size:14px;min-height:42px;padding:8px 12px}
