:root{--gif-bg:#1a1a2e;--gif-surface:#16213e;--gif-surface-hover:#0f3460;--gif-text:#e0e0e0;--gif-text-muted:#a0a0b0;--gif-border:#2a2a4a;--gif-accent:#6c63ff;--gif-accent-hover:#5a52e0;--gif-overlay:#000000bf;--gif-radius:8px;--gif-shadow:0 4px 20px #0006}.theme-light{--gif-bg:#fff;--gif-surface:#f5f5f5;--gif-surface-hover:#e8e8e8;--gif-text:#1a1a1a;--gif-text-muted:#666;--gif-border:#ddd;--gif-accent:#5c53d0;--gif-accent-hover:#4a42c0;--gif-overlay:#ffffffd9;--gif-shadow:0 4px 20px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gif-bg);color:var(--gif-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden auto}#root{flex-direction:column;height:100vh;display:flex}.gif-widget{flex-direction:column;height:100vh;display:flex;overflow:hidden}.gif-widget__header{border-bottom:1px solid var(--gif-border);background:var(--gif-surface);flex-shrink:0;padding:8px 10px}.gif-widget__search{background:var(--gif-bg);border:1px solid var(--gif-border);border-radius:var(--gif-radius);align-items:center;gap:6px;padding:6px 10px;transition:border-color .2s;display:flex}.gif-widget__search:focus-within{border-color:var(--gif-accent)}.gif-widget__search-icon{color:var(--gif-text-muted);flex-shrink:0}.gif-widget__search-input{color:var(--gif-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.gif-widget__search-input::placeholder{color:var(--gif-text-muted)}.gif-widget__clear{color:var(--gif-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1}.gif-widget__clear:hover{color:var(--gif-text)}.gif-widget__content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.gif-widget__error{color:#ff6b6b;text-align:center;padding:12px;font-size:14px}.gif-widget__loading{text-align:center;color:var(--gif-text-muted);padding:24px;font-size:14px}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px;padding:4px;display:grid}.gif-grid__item{background:var(--gif-surface);cursor:pointer;aspect-ratio:auto;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.gif-grid__item:hover{border-color:var(--gif-accent);background:var(--gif-surface-hover)}.gif-grid__img{object-fit:contain;border-radius:4px;width:100%;height:auto;display:block}.gif-grid__loader,.gif-grid__end{text-align:center;color:var(--gif-text-muted);grid-column:1/-1;padding:12px;font-size:13px}.gif-grid__sentinel{height:1px}.gif-preview-overlay{background:var(--gif-overlay);z-index:1000;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gif-preview{background:var(--gif-surface);border-radius:var(--gif-radius);box-shadow:var(--gif-shadow);width:90vw;max-width:360px;animation:.2s slideUp;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gif-preview__image-wrapper{background:var(--gif-bg);justify-content:center;align-items:center;max-height:300px;display:flex;overflow:hidden}.gif-preview__image{object-fit:contain;max-width:100%;max-height:300px}.gif-preview__actions{gap:8px;padding:12px;display:flex}.gif-preview__send{background:var(--gif-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s}.gif-preview__send:hover:not(:disabled){background:var(--gif-accent-hover)}.gif-preview__send:disabled{opacity:.6;cursor:not-allowed}.gif-preview__cancel{background:var(--gif-bg);color:var(--gif-text-muted);border:1px solid var(--gif-border);cursor:pointer;border-radius:6px;padding:10px 16px;font-size:14px;transition:color .2s,border-color .2s}.gif-preview__cancel:hover{color:var(--gif-text);border-color:var(--gif-text-muted)}.gif-preview__title{color:var(--gif-text-muted);text-overflow:ellipsis;white-space:nowrap;padding:0 12px 10px;font-size:12px;overflow:hidden}