.i2i-history-list{overflow-anchor:none;scrollbar-gutter:stable;width:100%;min-height:0;padding:16px;position:absolute;inset:0;overflow-y:auto}.i2i-history-entry{width:100%;padding-bottom:28px;overflow:hidden;container-type:inline-size}.i2i-history-empty{color:#909099;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;display:flex}.i2i-history-empty p{color:#4f525b;margin:0;font-size:14px}.i2i-history-empty span{font-size:12px}.i2i-history-empty .site-icon{width:28px;height:28px}.i2i-history-sentinel{pointer-events:none;height:1px}.i2i-history-loading-more{color:#656570;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:12px;display:flex}.i2i-history-spinner{width:16px;height:16px;animation:.9s linear infinite i2i-history-spin}@keyframes i2i-history-spin{to{transform:rotate(360deg)}}.i2i-result-panel{--result-size:min(220px, 40cqw);height:var(--result-size);grid-template-columns:var(--result-size) minmax(0, 1fr);grid-template-rows:44px 20px minmax(0,1fr) 38px;gap:8px 16px;min-height:0;display:grid}.i2i-result-header{grid-area:1/2;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:0;display:flex}.i2i-result-header h2{color:#1e1e1e;letter-spacing:-.015em;margin:0;font-size:12px;font-weight:600}.i2i-result-model{color:#32343a;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:12px;font-weight:500;overflow:hidden}.i2i-result-references{flex-shrink:0;align-items:center;gap:7px;margin-right:auto;display:flex}.i2i-result-references>strong{color:#737781;font-size:13px;font-weight:650}.i2i-reference-stack{align-items:center;padding-left:9px;display:flex}.i2i-reference-thumb{cursor:zoom-in;background:#e5e7eb;border:2px solid #c4c7cc;border-radius:9px;flex-shrink:0;width:32px;height:32px;margin-left:-9px;padding:0;transition:border-color .15s,transform .18s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f5f5f5}.i2i-reference-thumb:first-child{z-index:3}.i2i-reference-thumb:nth-child(2){z-index:2}.i2i-reference-thumb:nth-child(3){z-index:1}.i2i-reference-thumb:hover{z-index:5;border-color:#aeb3ba;transform:translate(9px)}.i2i-reference-thumb:focus-visible{z-index:5;border-color:var(--primary);outline:2px solid color-mix(in oklch, var(--brand-500) 20%, transparent);outline-offset:2px}.i2i-reference-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.i2i-result-meta{color:#757c88;white-space:nowrap;scrollbar-width:thin;flex-wrap:nowrap;grid-area:2/2;align-items:center;font-size:10px;line-height:1.3;display:flex;overflow-x:auto}.i2i-result-meta span{flex-shrink:0}.i2i-result-meta span+span{border-left:1px solid #dadde3;margin-left:6px;padding-left:6px}.i2i-result-image{aspect-ratio:1;background:#f2f2f3;border-radius:8px;grid-area:1/1/5;justify-content:center;align-self:start;align-items:center;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.i2i-result-image-button{cursor:zoom-in;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.i2i-result-image-button:focus-visible{outline-offset:-4px}.i2i-result-image-button img{object-fit:cover;width:100%;height:100%;display:block}.i2i-preview-eye{color:#fff;opacity:0;pointer-events:none;background:#00000054;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.i2i-result-image-button:hover .i2i-preview-eye,.i2i-result-image-button:focus-visible .i2i-preview-eye{opacity:1}.i2i-result-details{grid-area:3/2;min-width:0;min-height:0;overflow:hidden}.i2i-result-prompt{align-items:flex-start;gap:6px;min-width:0;height:100%;display:flex}.i2i-result-prompt p{color:#464e5a;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;font-size:12px;line-height:20px;display:-webkit-box;overflow:hidden}.i2i-copy-prompt{color:#7b818b;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.i2i-copy-prompt:hover{color:#24262b;background:#e9eaed}.i2i-copy-prompt:disabled{opacity:.4;cursor:default}.i2i-result-actions{--action-size:34px;--action-gap:8px;justify-content:flex-end;align-items:center;gap:var(--action-gap);flex-wrap:nowrap;grid-area:4/2;display:flex}.i2i-result-action{width:auto;min-width:var(--action-size);max-width:calc(100% - 2 * var(--action-size) - 2 * var(--action-gap));height:var(--action-size);color:#9a9fa8;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:0 auto;justify-content:center;align-items:center;padding:8px;font-size:12px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.i2i-result-action svg{flex-shrink:0}.i2i-result-action:hover{color:#303744;background:#e9ebef}.i2i-result-action.i2i-result-delete:hover{color:#b44444;background:#f8eaea}.i2i-result-action:disabled{opacity:.5;cursor:wait}.i2i-action-label{opacity:0;grid-template-columns:0fr;min-width:0;padding-left:0;transition:grid-template-columns .22s,opacity .18s,padding-left .22s;display:grid}.i2i-action-label-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.i2i-result-action:is(:hover,:focus-visible):not(:disabled) .i2i-action-label{opacity:1;grid-template-columns:1fr;padding-left:6px}.i2i-result-panel--generating{overflow:hidden}.i2i-generating-canvas{isolation:isolate;grid-area:1/1/5;place-items:center;min-height:170px;display:grid;position:relative}.i2i-generating-glow{background:radial-gradient(circle, color-mix(in oklch, var(--brand-200) 50%, transparent), color-mix(in oklch, color-mix(in srgb, var(--highlight-1) 30%, white) 25%, transparent) 48%, transparent 70%);border-radius:50%;width:160px;height:160px;animation:4s ease-in-out infinite i2i-generation-breathe;position:absolute}.i2i-generating-artwork{aspect-ratio:4/5;background:linear-gradient(145deg, #fff, var(--brand-50));border:1px solid #fff;border-radius:12px;width:95px;position:relative;overflow:hidden;transform:rotate(-7deg);box-shadow:0 16px 48px #455b8d12,inset 0 0 0 1px #e3e8f0}.i2i-generating-grid{background-image:linear-gradient(#879dc012 1px,#0000 1px),linear-gradient(90deg,#879dc012 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.i2i-generating-landscape{background:radial-gradient(circle at 72% 28%, #fff 0, #fff 13px, transparent 14px), linear-gradient(145deg, transparent 55%, var(--brand-200) 56%, var(--brand-200) 75%, var(--brand-300) 76%), linear-gradient(40deg, var(--brand-100) 40%, transparent 41%);border-radius:12px;animation:4s ease-in-out infinite i2i-generation-reveal;position:absolute;inset:12px}.i2i-generating-scan{border-bottom:1px solid color-mix(in oklch, var(--brand-400) 56.5%, transparent);background:linear-gradient(transparent, color-mix(in oklch, var(--brand-400) 15%, transparent));height:35%;animation:3s ease-in-out infinite i2i-generation-scan;position:absolute;inset:0}.i2i-generating-status{color:#65718a;grid-area:2/2/5;justify-content:flex-start;align-items:center;gap:10px;padding:12px 0;font-size:12px;display:flex}.i2i-generating-status p{margin:0}.i2i-generating-dot{background:var(--brand-400);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite i2i-generation-breathe}@keyframes i2i-generation-breathe{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes i2i-generation-reveal{0%,to{opacity:.4;filter:blur(3px)}50%{opacity:1;filter:blur()}}@keyframes i2i-generation-scan{0%{opacity:0;transform:translateY(-110%)}20%,80%{opacity:1}to{opacity:0;transform:translateY(300%)}}@container (width<=540px){.i2i-result-prompt p{-webkit-line-clamp:2}.i2i-result-action{padding:6px 8px}}@container (width<=440px){.i2i-result-panel{grid-template-rows:32px 16px minmax(0,1fr) 32px;row-gap:4px}.i2i-result-model{font-size:10px}.i2i-result-prompt p{-webkit-line-clamp:1}.i2i-copy-prompt{width:20px;height:20px}.i2i-result-actions{--action-size:30px;--action-gap:4px}.i2i-result-action{padding:6px;font-size:11px}}@media (width<=480px){.i2i-history-list{padding:10px}.i2i-result-panel{column-gap:10px}.i2i-result-image{min-height:0}}@media (prefers-reduced-motion:reduce){.i2i-reference-thumb,.i2i-preview-eye,.i2i-action-label{transition:none}.i2i-generating-glow,.i2i-generating-landscape,.i2i-generating-scan,.i2i-generating-dot,.i2i-history-spinner{animation:none}.i2i-generating-scan{display:none}}