[data-shs-save]{position:fixed;inset:auto max(14px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) auto;margin:0;padding:0;border:0;background:transparent;z-index:1400;pointer-events:none;overflow:visible;color:#6c7563;box-sizing:border-box}
[data-shs-save]:not(.error){width:34px;height:34px;display:grid;place-items:center}.shs-save-symbol{width:34px;height:34px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9ddd2;border-radius:11px;background:#fbfcf8;box-shadow:0 7px 20px #10140d1f;line-height:0}.shs-save-symbol svg,.shs-save-close svg{display:block;width:17px;height:17px;margin:0}.shs-save-status.saving .shs-save-symbol svg{animation:shs-save-spin .8s linear infinite}.shs-save-status.success .shs-save-symbol{border-color:#cbe1c4;background:#edf8e9;color:#33733a}
[data-shs-save].error{width:min(430px,calc(100vw - 28px));height:auto;min-height:54px;max-height:calc(100dvh - 28px);overflow:auto;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e4b6ad;border-radius:13px;background:#fff2ef;color:#7f3026;box-shadow:0 9px 28px #40130f2b;pointer-events:auto}.shs-save-status.error .shs-save-symbol{width:30px;height:30px;border:0;background:#f9dfda;color:#a63f31;box-shadow:none}.shs-save-message{white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-size:13px;font-weight:700}.shs-save-close{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;color:#8e4035;cursor:pointer;line-height:0}.shs-save-close:hover,.shs-save-close:focus-visible{background:#f4d3cd;outline:2px solid #b95443;outline-offset:1px}[data-shs-save]::backdrop{background:transparent;pointer-events:none;backdrop-filter:none}
[data-theme="dark"] .shs-save-symbol{border-color:#454b3e;background:#20241d;color:#c3cbbb;box-shadow:0 8px 22px #0008}[data-theme="dark"] .shs-save-status.success .shs-save-symbol{border-color:#3d623f;background:#29432b;color:#9fdaa5}[data-theme="dark"] .shs-save-status.error{border-color:#704239;background:#3a2622;color:#ffd1cb;box-shadow:0 9px 28px #0009}[data-theme="dark"] .shs-save-status.error .shs-save-symbol,[data-theme="dark"] .shs-save-close{background:transparent;color:#ffaaa0}[data-theme="dark"] .shs-save-close:hover,[data-theme="dark"] .shs-save-close:focus-visible{background:#4a2924}
@keyframes shs-save-spin{to{transform:rotate(360deg)}}@media(max-width:600px){[data-shs-save]{right:max(10px,env(safe-area-inset-right,0px));bottom:max(10px,env(safe-area-inset-bottom,0px))}[data-shs-save]:not(.error),.shs-save-symbol{width:32px;height:32px}.shs-save-symbol{border-radius:10px}.shs-save-symbol svg,.shs-save-close svg{width:16px;height:16px}[data-shs-save].error{width:min(430px,calc(100vw - 20px));min-height:50px;padding:8px;grid-template-columns:28px minmax(0,1fr) 28px}.shs-save-status.error .shs-save-symbol,.shs-save-close{width:28px;height:28px}.shs-save-message{font-size:12px}}@media(prefers-reduced-motion:reduce){.shs-save-status.saving .shs-save-symbol svg{animation:none}}
