.archive-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}.archive-toolbar label{flex:1;min-width:130px}.archive-toolbar input,.archive-toolbar select{width:100%}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.archive-tile{border:1px solid var(--line,#a5b8ae);border-radius:16px;overflow:hidden;min-width:0}.archive-tile>button{padding:0;width:100%;border:0;border-radius:0;background:transparent;cursor:zoom-in}.archive-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.archive-tile>div{padding:10px}.archive-tile p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:12px}.archive-tile label{display:flex;align-items:center;gap:8px}.archive-tile input{width:auto}.archive-picker,.archive-viewer{background:var(--paper,#fff);color:var(--ink,#172e25);border:1px solid #7c9887;border-radius:20px;padding:20px;width:min(1100px,94vw);max-height:90dvh;overflow:auto}.archive-picker::backdrop,.archive-viewer::backdrop{background:#001a17bb}.archive-viewer figure{margin:12px 0}.archive-viewer img{display:block;width:100%;height:65dvh;object-fit:contain;background:#11251f}.archive-viewer figcaption{padding:10px;overflow-wrap:anywhere}html[data-theme=dark] .archive-picker,html[data-theme=dark] .archive-viewer{background:#14271f;color:#e9f5ef}@media(max-width:480px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.archive-picker,.archive-viewer{padding:12px}.archive-toolbar button{min-height:44px}}