.storage-directory{color:#000;background:#f5f6f8;min-height:75vh;padding-bottom:20px;font-family:Roboto,Segoe UI,sans-serif}.storage-directory>header,.storage-category,.storage-message{max-width:960px;margin:0 auto}.storage-directory h1{font-size:30px;font-weight:900}.storage-directory p{margin:8px 0}.storage-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.storage-button{color:#000;background:#e2e8f0;border:1px solid #000;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.storage-button:disabled{opacity:.45}.storage-search,.storage-editor label{flex-direction:column;gap:5px;font-weight:700;display:flex}.storage-search input,.storage-editor input,.storage-editor select,.storage-editor textarea{color:#000;caret-color:#000;background:#fff;border:1px solid #000;border-radius:10px;width:100%;min-height:44px;padding:10px;font-weight:400}.storage-directory :focus-visible,.storage-editor :focus-visible,.storage-detail :focus-visible{outline-offset:2px;outline:2px solid #000}.storage-category{padding:8px 14px 0}.storage-category-heading{background:#fff;border-radius:32px;display:flex;overflow:hidden;box-shadow:0 3px 8px #0002}.storage-category-heading button{color:#000;background:0 0;border:0;min-height:60px;padding:12px 16px}.storage-category-heading button:first-child{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.storage-category-heading strong{overflow-wrap:anywhere;flex:1;font-size:21px}.storage-category-body{padding:14px 4px}.storage-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.storage-card{color:#000;text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-height:150px;padding:12px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0002}.storage-card img{object-fit:cover;border-radius:8px;width:100%;height:120px}.storage-card strong{overflow-wrap:anywhere}.storage-card span{font-size:12px}.storage-editor,.storage-detail{color:#000;background:#fff;padding:20px;overflow-y:auto}.storage-editor h2,.storage-detail h2{margin-bottom:12px;font-size:26px;font-weight:900}.storage-editor h3{margin-top:12px;font-size:20px;font-weight:800}.storage-editor label{margin:12px 0}.storage-notes{white-space:pre-wrap;overflow-wrap:anywhere}.storage-photo-gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0;display:grid}.storage-photo-gallery img{object-fit:contain;background:#f5f6f8;border-radius:12px;width:100%;max-height:420px}.storage-message{padding:14px}
