*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#111;color:#eee;min-height:100vh}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.app-shell{min-height:100vh;position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #333}.app-header h1{font-size:1.25rem}.grid-section{padding:1rem}.grid-toolbar{margin-bottom:1rem}.grid-search{width:100%;max-width:400px;padding:.5rem .75rem;border:1px solid #444;border-radius:4px;background:#222;color:#eee;font-size:.875rem}.grid-search::placeholder{color:#888}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.grid-loading{padding:1rem;text-align:center;color:#888}.grid-error{padding:.5rem 1rem;background:#3a1111;border:1px solid #662222;border-radius:4px;margin-bottom:1rem}.grid-sentinel{height:1px}.media-card{aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer;background:#222;position:relative}.media-card:hover{outline:2px solid #5588ff}.media-card--optimistic{opacity:.5}.media-card__img,.media-card__video{width:100%;height:100%;object-fit:cover;display:block}.drop-overlay{position:fixed;inset:0;z-index:100;background:#000000b3;display:flex;align-items:center;justify-content:center}.drop-overlay__content{border:3px dashed #5588ff;border-radius:16px;padding:3rem 4rem;color:#58f;font-size:1.5rem}.dialog-backdrop{position:fixed;inset:0;z-index:50;background:#0009;display:flex;align-items:center;justify-content:center}.dialog{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.dialog h2{margin-bottom:1rem}.dialog-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;gap:.5rem}.dialog-error{color:#f66;margin-top:.5rem;font-size:.875rem}.upload-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.upload-filename{font-weight:600;word-break:break-all}.upload-meta,.upload-count{color:#888;font-size:.8rem}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.field span{font-size:.8rem;color:#aaa}.field input,.field textarea{padding:.5rem;border:1px solid #444;border-radius:4px;background:#222;color:#eee;font-family:inherit;font-size:.875rem;resize:vertical}.field-error{color:#f66;font-size:.8rem}.detail-panel{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:#1a1a1a;border-left:1px solid #333;overflow-y:auto;z-index:40;display:flex;flex-direction:column}.detail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #333}.detail-panel__header h2{font-size:1rem}.detail-panel__media{background:#000}.detail-panel__img,.detail-panel__video{width:100%;display:block;max-height:50vh;object-fit:contain}.detail-panel__info{padding:1rem}.detail-panel__info dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;font-size:.875rem}.detail-panel__info dt{color:#888}.detail-panel__info dd{word-break:break-all}.detail-panel__info a{color:#58f}.detail-editor,.detail-share,.detail-delete{padding:.75rem 1rem;border-top:1px solid #333}.detail-editor__actions,.detail-delete__actions{display:flex;gap:.5rem;margin-top:.5rem}.detail-share__toggle{margin-bottom:.5rem}.detail-share__link{display:flex;gap:.5rem;align-items:center}.share-url-input{flex:1;padding:.35rem .5rem;border:1px solid #444;border-radius:4px;background:#222;color:#eee;font-size:.8rem}button{padding:.5rem 1rem;border:1px solid #444;border-radius:4px;background:#333;color:#eee;cursor:pointer;font-size:.875rem}button:hover:not(:disabled){background:#444}button:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#611;border-color:#822}.btn-danger:hover:not(:disabled){background:#822}[role=alert]{color:#f66}