#storage { margin-top: 1rem; padding: 1rem; border: 1px solid #343434; border-radius: .55rem; scroll-margin-top: 2rem; }
#storage[hidden], #editor-storage-warning[hidden] { display: none; }
.storage-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.storage-heading h2 { margin: 0; font-size: 1rem; }
#storage p { margin: .4rem 0; font-size: .8rem; color: #bbb; }
#storage progress { display: block; width: 100%; height: .6rem; accent-color: #bdbdbd; margin: .6rem 0 .85rem; }
.storage-breakdown { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin: 0; }
.storage-breakdown div { min-width: 8rem; }
.storage-breakdown dt { color: #aaa; font-size: .75rem; }
.storage-breakdown dd { margin: .2rem 0 0; font-size: .85rem; }
.storage-links { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: .6rem; font-size: .8rem; }
.storage-links a, #editor-storage-warning a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
#editor-storage-warning { position: fixed; z-index: 800; bottom: 1rem; left: 50%; transform: translateX(-50%); width: min(620px, calc(100vw - 2rem)); box-sizing: border-box; padding: .85rem 1rem; border: 1px solid #b89b55; border-radius: .55rem; background: #29251b; color: #ffebba; box-shadow: 0 5px 25px #0008; font: 13px/1.4 system-ui, sans-serif; }
#editor-storage-warning p { margin: 0 0 .5rem; }
#editor-storage-warning a { font-weight: 600; }