.design-studio-image-generation[data-v-4a1fe194]{width:100%}.loading-state[data-v-4a1fe194]{gap:24px;padding:60px 20px}.generating-animation[data-v-4a1fe194],.loading-state[data-v-4a1fe194]{flex-direction:column;align-items:center;display:flex}.generating-animation[data-v-4a1fe194]{gap:20px}.image-frames[data-v-4a1fe194]{flex-wrap:wrap;justify-content:center;gap:12px;max-width:400px;display:flex}.frames-1 .frame[data-v-4a1fe194]{width:120px;height:120px}.frames-2 .frame[data-v-4a1fe194],.frames-3 .frame[data-v-4a1fe194]{width:100px;height:100px}.frames-4 .frame[data-v-4a1fe194],.frames-5 .frame[data-v-4a1fe194],.frames-6 .frame[data-v-4a1fe194]{width:80px;height:80px}.frames-7 .frame[data-v-4a1fe194],.frames-8 .frame[data-v-4a1fe194],.frames-9 .frame[data-v-4a1fe194]{width:60px;height:60px}.frame[data-v-4a1fe194]{background:#f0f0f0;border-radius:8px;animation:3s ease-in-out infinite fadeInOut-4a1fe194;position:relative;overflow:hidden}@keyframes fadeInOut-4a1fe194{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}.shimmer[data-v-4a1fe194]{background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:2s infinite shimmer-4a1fe194;position:absolute;top:0;left:-100%}@keyframes shimmer-4a1fe194{0%{left:-100%}to{left:100%}}.progress-indicator[data-v-4a1fe194]{gap:8px;display:flex}.dot[data-v-4a1fe194]{background:#666;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce-4a1fe194}@keyframes bounce-4a1fe194{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-text[data-v-4a1fe194]{color:#606366;text-align:center;font-size:14px}.error-state[data-v-4a1fe194]{color:#666;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.error-message[data-v-4a1fe194]{text-align:center;max-width:300px;font-size:14px}.images-grid[data-v-4a1fe194]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px;display:grid}.image-container[data-v-4a1fe194]{background:#f5f5f5;border-radius:8px;transition:transform .1s;position:relative;overflow:hidden}.image-container.clickable[data-v-4a1fe194]{cursor:pointer;transition:transform .2s,box-shadow .2s}.image-container.clickable[data-v-4a1fe194]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.generated-image[data-v-4a1fe194]{width:100%;height:auto;display:block}.image-error-overlay[data-v-4a1fe194],.image-loading-overlay[data-v-4a1fe194]{background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mini-spinner[data-v-4a1fe194]{border:2px solid #f3f3f3;border-top-color:#666;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin-4a1fe194}@keyframes spin-4a1fe194{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.image-error-overlay[data-v-4a1fe194]{color:#999;flex-direction:column;gap:8px}.no-images[data-v-4a1fe194]{text-align:center;color:#999;padding:40px}@media (prefers-color-scheme:dark){.loading-text[data-v-4a1fe194]{color:#aaa}.frame[data-v-4a1fe194]{background:#2a2a2a}.shimmer[data-v-4a1fe194]{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.dot[data-v-4a1fe194]{background:#888}.error-state[data-v-4a1fe194]{color:#999}.image-container[data-v-4a1fe194]{background:#2a2a2a}.image-error-overlay[data-v-4a1fe194],.image-loading-overlay[data-v-4a1fe194]{background:#000000e6}.mini-spinner[data-v-4a1fe194]{border-color:#999 #333 #333}.no-images[data-v-4a1fe194]{color:#666}}.image-detail-modal[data-v-4a1fe194]{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content[data-v-4a1fe194]{background:#fff;border-radius:8px;flex-direction:column;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden}.close-btn[data-v-4a1fe194]{color:#fff;cursor:pointer;z-index:1;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;position:absolute;top:10px;right:10px}.close-btn[data-v-4a1fe194]:hover{background:#000000b3}.modal-image[data-v-4a1fe194]{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:calc(90vh - 60px)}.modal-info[data-v-4a1fe194]{background:#fff;border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:16px;display:flex}.image-size[data-v-4a1fe194]{color:#666;font-size:14px}.navigation-buttons[data-v-4a1fe194]{align-items:center;gap:16px;display:flex}.nav-btn[data-v-4a1fe194]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 16px;transition:all .2s}.nav-btn[data-v-4a1fe194]:hover{background:#f5f5f5;border-color:#999}.image-counter[data-v-4a1fe194]{color:#666;font-size:14px}@media (prefers-color-scheme:dark){.modal-content[data-v-4a1fe194],.modal-info[data-v-4a1fe194]{background:#1a1a1a}.modal-info[data-v-4a1fe194]{border-top-color:#333}.nav-btn[data-v-4a1fe194]{color:#ccc;background:#2a2a2a;border-color:#444}.nav-btn[data-v-4a1fe194]:hover{background:#333;border-color:#666}}@media (max-width:768px){.images-grid[data-v-4a1fe194]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:12px}.modal-info[data-v-4a1fe194]{flex-direction:column;gap:12px}.navigation-buttons[data-v-4a1fe194]{flex-direction:column;gap:8px}.frames-1 .frame[data-v-4a1fe194]{width:100px;height:100px}.frames-2 .frame[data-v-4a1fe194],.frames-3 .frame[data-v-4a1fe194]{width:80px;height:80px}.frames-4 .frame[data-v-4a1fe194],.frames-5 .frame[data-v-4a1fe194],.frames-6 .frame[data-v-4a1fe194],.frames-7 .frame[data-v-4a1fe194],.frames-8 .frame[data-v-4a1fe194],.frames-9 .frame[data-v-4a1fe194]{width:50px;height:50px}.image-frames[data-v-4a1fe194]{max-width:300px}}