.metis-app .image-composer{position:relative}.metis-app .image-style-picker{position:absolute;top:14px;right:14px;z-index:35}.metis-app .image-style-trigger{min-height:34px;padding:0 11px;border:1px solid color-mix(in oklch,var(--blue) 22%,var(--line));border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;outline:0;background:color-mix(in oklch,var(--blue-soft) 48%,white);color:var(--blue);font-size:12px;font-weight:800;line-height:1;box-shadow:inset 0 1px 0 rgb(255 255 255/.86);cursor:pointer}.metis-app .image-style-trigger span{display:block;line-height:1}.metis-app .image-style-trigger .image-style-icon{width:16px;height:16px;flex:0 0 16px;stroke-width:2}.metis-app .image-style-trigger .image-style-chevron{width:14px;height:14px;flex:0 0 14px;stroke-width:2;transition:transform .16s ease}.metis-app .image-style-trigger:hover,.metis-app .image-style-trigger[aria-expanded=true]{border-color:color-mix(in oklch,var(--blue) 48%,var(--line));background:color-mix(in oklch,var(--blue-soft) 72%,white)}.metis-app .image-style-trigger:focus-visible{border-color:color-mix(in oklch,var(--blue) 58%,var(--line));box-shadow:0 1px 0 rgb(255 255 255/.86) inset,0 0 0 3px color-mix(in oklch,var(--blue) 16%,transparent)}.metis-app .image-style-trigger:disabled{opacity:.55;cursor:not-allowed}.metis-app .image-style-trigger[aria-expanded=true] .image-style-chevron{transform:rotate(180deg)}.metis-app .image-style-popover.is-floating{overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;background:rgb(255 255 255/.98);box-shadow:0 18px 42px rgb(25 36 58/.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.metis-app .image-style-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.metis-app .image-style-tabs::-webkit-scrollbar{display:none}.metis-app .image-style-tab{min-width:0;height:30px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:780;white-space:nowrap;cursor:pointer}.metis-app .image-style-tab:hover{background:var(--bg);color:var(--fg)}.metis-app .image-style-tab.active{border-color:color-mix(in oklch,var(--blue) 20%,var(--line));background:var(--blue-soft);color:var(--blue)}.metis-app .image-style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:116px;gap:12px;height:100%;min-height:0;padding:2px 8px 4px 1px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;align-content:start}.metis-app .image-style-grid .image-ref-option{min-width:0;min-height:0;padding:4px;display:grid;grid-template-columns:1fr;grid-template-rows:88px 18px;gap:6px;align-content:start;align-items:start;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--fg);text-align:center;overflow:hidden;box-shadow:none;cursor:pointer}.metis-app .image-style-grid .image-ref-option.active,.metis-app .image-style-grid .image-ref-option:hover{border-color:color-mix(in oklch,var(--blue) 38%,var(--line));background:color-mix(in oklch,var(--blue-soft) 44%,white)}.metis-app .image-style-grid .image-ref-thumb{display:block;width:88px;height:88px;justify-self:center;border-radius:10px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgb(255 255 255/.82) 0 14%,transparent 15%),linear-gradient(160deg,color-mix(in oklch,var(--blue-soft) 70%,white),color-mix(in oklch,var(--muted) 35%,white))}.metis-app .image-style-grid .image-ref-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.metis-app .image-style-grid .image-ref-option b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:780;line-height:1.2}.metis-app .image-style-grid .image-ref-option>span{display:grid;gap:2px;min-width:0}.metis-app .image-style-grid .image-ref-option>span>span{display:none}.metis-app .image-style-empty{grid-column:1/-1;margin:24px 0 0;text-align:center;color:var(--muted);font-size:13px}.metis-app .image-create-panel .mention-prompt-editor{padding-right:118px}@media (max-width:720px){.metis-app .image-style-picker{top:10px;right:10px}.metis-app .image-create-panel .mention-prompt-editor{padding-right:108px}.metis-app .image-style-popover.is-floating{max-width:min(100vw - 24px,660px)}.metis-app .image-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metis-app .image-style-grid .image-ref-thumb{width:72px;height:72px}.metis-app .image-style-grid .image-ref-option{grid-template-rows:72px 18px}}