#blocker[data-state=saving],#blocker[data-state=saved]{inset:20px 20px auto auto;width:min(355px,calc(100vw - 32px));display:block;background:none;pointer-events:none}
#blocker[data-state] > div{position:relative;margin:0;padding:20px 22px 20px 62px;border-radius:20px;background:#fafcf7f5;border:1px solid #dfe7d6;box-shadow:0 12px 38px #16261d20;backdrop-filter:blur(16px)}
#blocker[data-state] h2{margin:0 0 5px;font-size:15px;color:#233426;font-weight:600;letter-spacing:-.3px}
#blocker[data-state] p{margin:0;color:#788270;font-size:12px;line-height:1.6}
#blocker[data-state] > div::before{content:'';position:absolute;left:22px;top:23px;width:22px;height:22px;border:2px solid #e0ebd5;border-top-color:#79ad20;border-radius:50%}
#blocker[data-state=saving] > div::before{animation:falcon-sync 1s linear infinite}
#blocker[data-state=saved] > div::before{content:'✓';display:grid;place-items:center;background:#b6ff36;border-color:#b6ff36;color:#263622;font-size:15px}
#blocker[data-state=error]{background:#111c244d;backdrop-filter:blur(4px);padding:16px}
#blocker[data-state=error] > div{max-width:520px}
#blocker[data-state=error] > div::before{content:'!';display:grid;place-items:center;border-color:#dac49c;color:#8c6527;background:#fff3d9;font-weight:700}
#blocker[data-state=error] .actions{margin-top:18px;gap:8px}
#blocker[data-state=error] button{border-radius:12px;border:1px solid #dce4d4;color:#35452b;font-size:12px;padding:10px 14px}
#blocker[data-state=error] #retry{background:#b6ff36;border-color:#b6ff36}
@keyframes falcon-sync{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#blocker[data-state=saving] > div::before{animation:none}}