.container[data-v-230d7c76]{min-height:100vh}.header[data-v-230d7c76]{margin-bottom:20px;text-align:center}.title[data-v-230d7c76]{color:#333;font-size:28px;font-weight:700;margin-bottom:10px}.subtitle[data-v-230d7c76]{color:#666;font-size:16px}.content-row[data-v-230d7c76]{align-items:stretch;display:flex;min-height:70vh}.left-panel[data-v-230d7c76],.right-panel[data-v-230d7c76]{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:5px}h2[data-v-230d7c76],h3[data-v-230d7c76]{color:#333}.example-section[data-v-230d7c76],.upload-section[data-v-230d7c76]{margin-bottom:20px}.example-item[data-v-230d7c76]{text-align:center}.example-image[data-v-230d7c76]{border-radius:4px;cursor:pointer;height:100px;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease;width:100px}.example-image[data-v-230d7c76]:hover{transform:scale(1.05)}.generate-button[data-v-230d7c76]{margin-top:auto;width:100%}.result-section[data-v-230d7c76]{margin-bottom:20px;text-align:center}.result-container[data-v-230d7c76]{position:relative}.result-images[data-v-230d7c76]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.result-image[data-v-230d7c76]{border-radius:4px;max-height:400px;max-width:100%;-o-object-fit:contain;object-fit:contain}.no-history[data-v-230d7c76]{color:#777;text-align:center}.history-section[data-v-230d7c76]{margin-top:20px}.history-item[data-v-230d7c76]{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px;padding:10px;text-align:center}.history-content[data-v-230d7c76]{align-items:center;display:flex;flex-direction:column;gap:5px}.history-date[data-v-230d7c76]{color:#555;font-size:12px}.history-image[data-v-230d7c76]{border-radius:4px;cursor:pointer;max-height:80px;max-width:100%;-o-object-fit:contain;object-fit:contain}.history-actions[data-v-230d7c76]{display:flex;gap:5px;justify-content:center;width:75%}[data-v-230d7c76] .el-col-8{flex:0 0 0;max-width:33.3333333333%}@media (max-width:768px){.content-row[data-v-230d7c76]{flex-direction:column}.title[data-v-230d7c76]{font-size:18px}.subtitle[data-v-230d7c76]{font-size:10px}[data-v-230d7c76] .el-col{width:100%}[data-v-230d7c76] .el-col-12{flex:0 0 100%!important;max-width:100%!important}.left-panel[data-v-230d7c76],.right-panel[data-v-230d7c76]{margin-bottom:20px}.example-image[data-v-230d7c76]{height:80px;width:80px}.history-item[data-v-230d7c76]{box-sizing:border-box;flex:0 0 50%;max-width:50%;width:50%}.history-image[data-v-230d7c76]{max-height:100px}.history-date[data-v-230d7c76]{font-size:12px}.result-image[data-v-230d7c76]{max-height:300px}}