.workhub-save-island{position:fixed;z-index:2147483000;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);min-height:54px;border:1px solid #5e5149;border-radius:32px;padding:5px 7px 5px 18px;background:#251a16;color:#fffdf9;box-shadow:0 10px 30px #251a1633;font:500 14px/1.45 'Noto Sans Thai',sans-serif;pointer-events:auto}
.workhub-save-island[hidden]{display:none}.workhub-save-island button{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#eee5db;font:24px/1 sans-serif;cursor:pointer}.workhub-save-island button:focus-visible{outline:3px solid #e2c18f}.save-island-check{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#cce9d7;color:#175e43;font:700 18px sans-serif}.workhub-save-island.is-confirmed{animation:save-island-in .3s cubic-bezier(.16,1,.3,1)}
@keyframes save-island-in{from{opacity:0;transform:translate(-50%,-8px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:700px){.workhub-save-island{top:auto;bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.workhub-save-island.is-confirmed{animation:none}}
.workhub-save-island>[data-save-dismiss]{width:44px;height:44px;border:0;background:transparent;color:#eee5db;padding:0;font:24px/1 sans-serif}
.workhub-save-island{overflow:hidden;isolation:isolate}
.workhub-save-island::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,rgb(226 193 143 / 22%) 49%,transparent 72%);transform:translateX(-125%)}
.workhub-save-island.is-confirmed::after{animation:save-island-light 1.8s ease-out 1}
@keyframes save-island-light{from{transform:translateX(-125%)}to{transform:translateX(125%)}}
@media(prefers-reduced-motion:reduce){.workhub-save-island.is-confirmed::after{animation:none;background:none}}