.header-tools .save-state{border:0;background:transparent;display:flex;align-items:center;gap:5px;padding:5px;color:#b8e1ca;font:inherit;font-size:11px}.header-tools .save-state.error{color:#ffd1a3}.save-state [data-save-icon]{display:flex}.save-state .icon{width:15px;height:15px}.save-panel{display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.75}.save-panel p{margin:0!important}.save-current{display:flex;flex-direction:column;border:1px solid #66848966;background:#102732;padding:10px 12px;border-radius:6px}.save-current small,.save-backups small{color:#b8c7c7;font-size:11px}.save-current strong,.save-backups strong{display:block;font-size:17px;color:#f4dfaf}.save-current span,.save-backups span{display:block;font-size:12px;color:#d4e0de}.save-warning{padding:9px 12px;border-left:3px solid #e5bc78;background:#3d302455;color:#ffddb1}.save-panel .save-meta,.save-panel .save-note{font-size:12px;color:#c1d0d0}.save-backups{display:flex;flex-direction:column;gap:8px}.save-backups article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border:1px solid #8eaca544;border-radius:6px}.save-backups article>div{min-width:0}.save-backups strong{overflow-wrap:anywhere}.save-backups .btn{flex:none}.save-panel .muted{font-size:12px}dialog:has(.save-panel){width:min(560px,95vw)}
@media(max-width:600px){.header-tools .save-state{padding:5px 3px}.save-state [data-save-icon]{display:flex}.save-state [data-save-label]{display:none}.save-panel{gap:9px;font-size:13px}.save-backups article{padding:8px;gap:8px}.save-backups strong{font-size:15px}dialog:has(.save-panel){padding:14px}dialog:has(.save-panel) .dialog-actions{flex-wrap:wrap;gap:6px}dialog:has(.save-panel) .dialog-actions .btn{font-size:12px;padding:7px 9px}.save-panel .save-note{font-size:11px}}
@media(max-height:520px){dialog:has(.save-panel){max-height:94dvh}.save-panel{gap:7px;font-size:12px}.save-current{padding:6px 9px}.save-note{font-size:11px!important}}
dialog:has(.save-panel)[open]{display:flex;flex-direction:column;overflow:hidden}dialog:has(.save-panel) .dialog-head,dialog:has(.save-panel) .dialog-actions{flex:none}dialog:has(.save-panel) .dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain}