*{box-sizing:border-box;margin:0;padding:0}.contact-sheet{color:#aaa;background:#000;min-height:100vh;padding:24px;font-family:SF Mono,Menlo,Monaco,monospace;font-size:11px;transition:padding-right .25s}.contact-sheet.sidebar-open{padding-right:384px}.picker{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:calc(100vh - 48px);display:flex}.picker-label{text-align:center;color:#555;max-width:360px;line-height:1.6}.picker button{color:#888;cursor:pointer;background:#111;border:1px solid #333;border-radius:6px;padding:14px 28px;font-family:inherit;font-size:13px;transition:border-color .15s,color .15s}.picker button:hover{color:#ccc;border-color:#555}.header{border-bottom:1px solid #181818;justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-top:56px;padding-bottom:16px;display:flex}.header h1{color:#ccc;font-family:inherit;font-size:13px;font-weight:600}.header-right{align-items:baseline;gap:16px;display:flex}.meta{color:#aaa}.change-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;transition:border-color .15s,color .15s}.change-btn:hover{color:#ccc;border-color:#ccc}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.cell{background:#141414;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;padding:16px;display:flex;position:relative}.cell:hover{border-color:#3a3a3a}.cell .image-well{aspect-ratio:4/3;background:#000;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cell{cursor:pointer}.cell.selected{border-color:#4a9eff}.cell img{object-fit:contain;max-width:100%;max-height:100%;display:block}.cell figcaption{word-break:break-all;align-items:center;gap:8px;padding:10px 0 2px;display:flex}.caption-text{flex:1;min-width:0}@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}.select-check{color:#0000;border:1px solid #aaa;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s,color .15s;display:flex}.select-check.checked{color:#fff;background:#4a9eff;border-color:#4a9eff}.cell:hover .select-check{border-color:#666}.sidebar{z-index:1100;background:#0a0a0a;border-left:1px solid #222;flex-direction:column;width:360px;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-header{color:#888;border-bottom:1px solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:72px 16px 12px;font-size:11px;display:flex}.sidebar-actions{gap:6px;display:flex}.sidebar-actions button{color:#aaa;cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:4px;padding:3px 10px;font-family:inherit;font-size:10px;transition:border-color .15s,color .15s}.sidebar-actions button:hover{color:#ccc;border-color:#666}.sidebar-actions button.copied{color:#4a4;border-color:#4a4}.sidebar-list{flex:1;padding:8px 0;list-style:none;overflow-y:auto}.sidebar-list li{justify-content:space-between;align-items:center;gap:8px;padding:6px 16px;display:flex}.sidebar-list li:hover{background:#141414}.sidebar-thumb{object-fit:cover;background:#111;border-radius:3px;flex-shrink:0;width:72px;height:72px}.sidebar-filename{word-break:break-all;color:#aaa;flex:1;min-width:0}.sidebar-remove{color:#aaa;cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;line-height:1;transition:border-color .15s,color .15s;display:flex}.sidebar-remove:hover{color:#e55;border-color:#e55}