#media-picker{position:fixed;width:380px;max-width:calc(100vw - 16px);height:440px;max-height:60vh;background:var(--bg-mid);border:1px solid var(--bg-active);border-radius:var(--radius);display:flex;flex-direction:column;z-index:300;box-shadow:0 4px 24px #00000073;overflow:hidden}#media-picker.hidden{display:none}.mp-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--bg-light)}.mp-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:600;padding:9px 0;cursor:pointer;transition:color .1s,border-color .1s}.mp-tab:hover{color:var(--text)}.mp-tab.active{color:var(--text);border-bottom-color:var(--accent)}.mp-body{flex:1;min-height:0;display:flex}.mp-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.mp-pane.hidden{display:none}.gif-search-wrap{padding:8px 8px 4px;flex-shrink:0}.gif-search{width:100%;box-sizing:border-box;padding:6px 10px;background:var(--bg-dark);border:1px solid var(--bg-light);border-radius:var(--radius);color:var(--text);font-size:13px;outline:none}.gif-search:focus{border-color:var(--accent)}.gif-tabs{display:flex;gap:4px;padding:4px 8px;border-bottom:1px solid var(--bg-light);flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.gif-tabs::-webkit-scrollbar{display:none}.gif-tab{display:flex;align-items:center;justify-content:center;height:28px;min-width:28px;padding:0 8px;font-size:14px;white-space:nowrap;cursor:pointer;border-radius:var(--radius);color:var(--text-muted);background:var(--bg-light);opacity:.8;transition:opacity .1s,background .1s;flex-shrink:0;overflow:hidden}.gif-tab img{height:24px;width:36px;object-fit:cover;border-radius:3px;display:block}.gif-tab:hover{opacity:1;background:var(--bg-hover)}.gif-tab.active{opacity:1;background:var(--bg-active);color:var(--text)}.gif-grid{display:flex;align-items:flex-start;gap:6px;padding:8px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.gif-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}.gif-cell{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--bg-dark)}.gif-cell:hover{outline:2px solid var(--accent);outline-offset:-2px}.gif-media{width:100%;display:block;border-radius:var(--radius)}.gif-fav{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:14px;line-height:24px;cursor:pointer;opacity:0;transition:opacity .1s,color .1s,transform .1s}.gif-cell:hover .gif-fav{opacity:1}.gif-fav:hover{transform:scale(1.12)}.gif-fav.on{color:var(--warning)}.gif-status{flex:1;text-align:center;color:var(--text-dim);font-size:13px;padding:24px 16px}.gif-attribution{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:7px;border-top:1px solid var(--bg-light)}.gif-attribution img{height:13px;width:auto;opacity:.65;transition:opacity .15s}.gif-attribution:hover img{opacity:1}.msg-embed-img{position:relative;width:fit-content;max-width:100%}.gif-msg-fav{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:17px;line-height:30px;cursor:pointer;opacity:0;transition:opacity .1s,color .1s,transform .1s}.msg-embed-img:hover .gif-msg-fav{opacity:1}.gif-msg-fav:hover{transform:scale(1.12)}.gif-msg-fav.on{color:var(--warning)}.klipy-watermark{position:absolute;left:6px;bottom:6px;height:14px;width:auto;opacity:.75;pointer-events:none}@media(max-width:768px){#media-picker{width:calc(100vw - 16px);height:50vh}}