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