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