.storage-notice { border: 2px solid var(--sc-accent-text); background: var(--sc-panel); color: var(--sc-text); padding: 16px; margin-bottom: 18px; border-radius: 12px; overflow-wrap: anywhere; }
.storage-notice[hidden] { display: none; }
.storage-notice strong { font-size: 1rem; }
.storage-notice p { color: var(--sc-secondary); font-size: .875rem; margin: 6px 0; }
.storage-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.storage-actions .button, .storage-file { min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.storage-file { display: block; margin: 8px 0; text-align: left; }
@media (max-width: 500px) { .storage-actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); } .storage-actions .button { min-width: 0; padding: 10px 8px; } }