.TextToImage[data-v-0276ecc3]{display:flex;flex-direction:column;height:calc(100% - 40px);padding:16px;width:100%}.TtiContainer[data-v-0276ecc3]{display:grid;flex:1;gap:16px;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.LeftSection[data-v-0276ecc3]{gap:12px;min-height:0}.InputPanel[data-v-0276ecc3],.LeftSection[data-v-0276ecc3],.OptionsPanel[data-v-0276ecc3]{display:flex;flex-direction:column;overflow:hidden}.InputPanel[data-v-0276ecc3],.OptionsPanel[data-v-0276ecc3]{background:var(--color-bg-2);border:1px solid var(--color-neutral-3);border-radius:8px}.InputPanel[data-v-0276ecc3]{flex:1;min-height:0}.PanelHeader[data-v-0276ecc3]{background:var(--color-fill-2);border-bottom:1px solid var(--color-neutral-3);flex-shrink:0;padding:10px 14px}.PanelHeader h3[data-v-0276ecc3]{font-size:13px;font-weight:600;margin:0}.InputContent[data-v-0276ecc3]{display:flex;flex:1;flex-direction:column;min-height:0;padding:12px}.PromptInput[data-v-0276ecc3]{flex:1}.PromptInput[data-v-0276ecc3] .arco-textarea{font-size:13px;line-height:1.6;resize:none}.InputTips[data-v-0276ecc3]{color:var(--color-text-3);font-size:11px;margin-top:8px;text-align:right}.OptionsPanel[data-v-0276ecc3]{flex-shrink:0}.OptionsContent[data-v-0276ecc3]{display:flex;flex-direction:column;gap:12px;padding:12px}.OptionItem[data-v-0276ecc3]{align-items:center;display:flex;gap:12px}.OptionLabel[data-v-0276ecc3]{color:var(--color-text-2);font-size:12px;min-width:60px;white-space:nowrap}.GenerateBtn[data-v-0276ecc3]{flex-shrink:0}.RightSection[data-v-0276ecc3]{background:var(--color-bg-2);border:1px solid var(--color-neutral-3);border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.ResultHeader[data-v-0276ecc3]{align-items:center;background:var(--color-fill-2);border-bottom:1px solid var(--color-neutral-3);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 14px}.ResultHeader h3[data-v-0276ecc3]{font-size:13px;font-weight:600;margin:0}.ResultContent[data-v-0276ecc3]{flex:1;min-height:0;overflow-y:auto;padding:12px}.LoadingState[data-v-0276ecc3]{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.LoadingText[data-v-0276ecc3]{color:var(--color-text-3);font-size:12px;margin:0}.ImagesGrid[data-v-0276ecc3]{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.ImageItem[data-v-0276ecc3]{aspect-ratio:1;background:var(--color-fill-2);border-radius:6px;cursor:pointer;overflow:hidden;position:relative}.ImageItem img[data-v-0276ecc3]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.ImageItem:hover img[data-v-0276ecc3]{transform:scale(1.05)}.ImageOverlay[data-v-0276ecc3]{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;flex-direction:column;gap:4px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ImageItem:hover .ImageOverlay[data-v-0276ecc3]{opacity:1}.ImageOverlay span[data-v-0276ecc3]{font-size:11px}.EmptyState[data-v-0276ecc3]{align-items:center;color:var(--color-text-3);display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;text-align:center}.EmptyState p[data-v-0276ecc3]{font-size:13px;margin:0}.EmptyState span[data-v-0276ecc3]{font-size:11px;opacity:.8}@media (max-width:768px){.TtiContainer[data-v-0276ecc3]{gap:12px;grid-template-columns:1fr}.LeftSection[data-v-0276ecc3],.RightSection[data-v-0276ecc3]{min-height:250px}.ImagesGrid[data-v-0276ecc3]{grid-template-columns:1fr}}