.metis-app .image-reference-options-shell{position:relative;margin:18px auto 0;min-width:0}.metis-app .image-reference-options{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:minmax(180px,calc((100% - 30px) / 4));gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;text-align:left;scrollbar-width:none;padding-block:2px;-webkit-overflow-scrolling:touch}.metis-app .image-reference-options::-webkit-scrollbar{display:none}.metis-app .image-reference-options--empty{display:block;overflow:visible;grid-auto-columns:unset;grid-template-rows:unset;grid-auto-flow:unset}.metis-app .image-reference-options__fade{position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}.metis-app .image-reference-options__fade--left{left:0;background:linear-gradient(to right,color-mix(in oklch,var(--bg) 96%,white) 0,color-mix(in oklch,var(--bg) 72%,transparent) 52%,transparent 100%)}.metis-app .image-reference-options__fade--right{right:0;background:linear-gradient(to left,color-mix(in oklch,var(--bg) 96%,white) 0,color-mix(in oklch,var(--bg) 72%,transparent) 52%,transparent 100%)}.metis-app .image-reference-empty{margin:0;padding:14px 16px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);font-size:13px;text-align:center;background:rgb(255 255 255/.5)}.metis-app .image-ref-option{min-height:58px;border:1px solid var(--line);border-radius:18px;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;background:rgb(255 255 255/.78);color:var(--fg);box-shadow:inset 0 1px 0 rgb(255 255 255/.8);text-align:left;cursor:pointer;transition:.15s ease}.metis-app .image-ref-option.active,.metis-app .image-ref-option:hover{border-color:color-mix(in oklch,var(--blue) 35%,var(--line));background:color-mix(in oklch,var(--blue-soft) 48%,white);transform:translateY(-1px)}.metis-app .image-ref-option:disabled{opacity:.5;pointer-events:none}.metis-app .image-ref-option b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:850;line-height:1.3}@media (max-width:1100px){.metis-app .image-reference-options{grid-auto-columns:minmax(160px,calc((100% - 10px) / 2))}}@media (max-width:720px){.metis-app .image-reference-options-shell{max-width:100%;min-width:0}.metis-app .image-reference-options{grid-auto-columns:minmax(140px,calc((100% - 10px) / 2))}}