.offline-page-control{position:fixed;right:1rem;bottom:1rem;z-index:1000;padding:.65rem .9rem;border:0;border-radius:8px;background:#267e3d;color:#fff;font:700 1rem system-ui;cursor:pointer}
.offline-save-select{display:block;margin:.8rem 0;color:#203025;font-weight:700}.offline-save-select select{display:block;box-sizing:border-box;width:100%;margin-top:.35rem;padding:.6rem;border:1px solid #a8bba6;border-radius:7px;background:#fff;color:#203025;font:400 1rem system-ui}.offline-save-select select:disabled{opacity:.6}
.offline-save-dialog{width:min(94vw,34rem);max-height:90vh;overflow:auto;padding:1.35rem;border:1px solid #cdddc9;border-radius:12px;background:#fff;color:#203025;box-shadow:0 20px 70px #10231255;z-index:20020}.offline-save-dialog::backdrop{background:#10231299}.offline-save-dialog h2{margin:0 2rem .65rem 0;color:#183d21;font-size:1.35rem}.offline-save-dialog p{line-height:1.5}.offline-save-close{position:absolute;top:.7rem;right:.7rem;border:0;background:transparent;color:#304a35;font-size:1.6rem;cursor:pointer}.offline-save-choice{display:block;width:100%;margin:.7rem 0;padding:.8rem 1rem;border:1px solid #afd2ad;border-radius:8px;background:#f3faf1;color:#184c27;font:700 1rem system-ui;text-align:left;cursor:pointer}.offline-save-choice:hover,.offline-save-choice:focus-visible{background:#e4f5df}.offline-save-choice:disabled{opacity:.55;cursor:wait}.offline-save-choice small{display:block;margin-top:.2rem;color:#4d6051;font-weight:400}.offline-save-extra{display:flex;gap:.55rem;align-items:flex-start;margin:.8rem 0;line-height:1.4}.offline-save-extra input{margin-top:.2rem;accent-color:#267e3d}.offline-save-status{min-height:1.5rem;margin:.85rem 0 .4rem;color:#244d2d}.offline-save-progress{width:100%;height:.75rem;accent-color:#267e3d}.offline-save-stop{margin:.5rem 0;border:1px solid #bc6b62;border-radius:7px;background:#fff;color:#8b251c;padding:.45rem .8rem;cursor:pointer}.offline-save-note{font-size:.85rem;color:#526355}.offline-save-dialog [hidden]{display:none!important}