.image-generation-page[data-v-7bccc161]{background-color:#fff;min-height:calc(100vh - 200px);padding-top:40px;width:100%}.full-width-container[data-v-7bccc161]{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 40px;width:100%}.header-content[data-v-7bccc161],.text-center[data-v-7bccc161]{text-align:center}.header-content[data-v-7bccc161]{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:800px;padding:0 20px}.header-content h1[data-v-7bccc161]{background:var(--primary-gradient);-webkit-background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:12px;-webkit-text-fill-color:transparent;animation:gradient-shift-7bccc161 3s ease infinite;background-size:200% auto;line-height:1.4;padding:4px 0}.subtitle[data-v-7bccc161]{color:var(--text-secondary);font-size:1.1rem;margin:0}.input-container[data-v-7bccc161]{margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px}.input-area[data-v-7bccc161]{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #6366f10d;overflow:hidden}.prompt-textarea[data-v-7bccc161]{border:none;color:#333;font-family:inherit;font-size:1rem;outline:none;padding:16px;resize:none;transition:all .3s ease;width:100%}.prompt-textarea.highlight[data-v-7bccc161]{background-color:var(--primary-light)}.action-bar[data-v-7bccc161]{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 16px}.left-actions[data-v-7bccc161],.right-actions[data-v-7bccc161]{align-items:center;display:flex;gap:12px}.action-btn[data-v-7bccc161]{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;padding:6px 12px;transition:all .3s ease}.action-btn[data-v-7bccc161]:hover:not(:disabled){background-color:var(--primary-light);color:var(--primary);transform:translateY(-1px)}.action-btn[data-v-7bccc161]:disabled{cursor:not-allowed;opacity:.6}.action-btn i[data-v-7bccc161]{font-size:1.1rem;margin-right:6px}.image-preview[data-v-7bccc161]{align-items:center;border-radius:4px;display:flex;height:40px;margin-left:10px;overflow:hidden;position:relative}.image-preview img[data-v-7bccc161]{height:100%;-o-object-fit:cover;object-fit:cover;width:auto}.remove-btn[data-v-7bccc161]{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:14px;justify-content:center;opacity:.7;padding:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:14px}.remove-btn[data-v-7bccc161]:hover{opacity:1}.icon-close[data-v-7bccc161]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");filter:drop-shadow(0 0 1px rgba(0,0,0,.8));height:14px;width:14px}.uploading-indicator[data-v-7bccc161]{align-items:center;color:#666;display:flex;font-size:.85rem;margin-left:10px}.loading-spinner[data-v-7bccc161]{animation:spin-7bccc161 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top:2px solid var(--primary);height:16px;margin-right:6px;width:16px}.generate-btn[data-v-7bccc161]{align-items:center;background:var(--primary-gradient);background-size:200% auto;border:none;border-radius:8px;box-shadow:0 4px 10px #6f52ed33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;overflow:hidden;padding:8px 20px;position:relative;transition:all .3s ease}.generate-btn:not(:disabled) span[data-v-7bccc161]{color:#fff}.generate-btn span[data-v-7bccc161]{font-weight:800}.generate-btn[data-v-7bccc161]:hover:not(:disabled){background:var(--primary-gradient-hover);box-shadow:0 6px 15px #6f52ed4d;transform:translateY(-2px)}.generate-btn[data-v-7bccc161]:active:not(:disabled){box-shadow:0 2px 5px #6f52ed4d;transform:translateY(0)}.generate-btn.disabled[data-v-7bccc161],.generate-btn[data-v-7bccc161]:disabled{background:linear-gradient(135deg,#a8a8a8,#d1d1d1);box-shadow:none;color:#fff;cursor:not-allowed;opacity:.7}.generate-btn.loading[data-v-7bccc161]{background:linear-gradient(135deg,#8e75f0,#47a9f5 50%,#27ebd7);cursor:wait}.loading-indicator[data-v-7bccc161]{animation:spin-7bccc161 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;display:inline-block;height:16px;width:16px}@keyframes spin-7bccc161{to{transform:rotate(1turn)}}@keyframes gradient-shift-7bccc161{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.result-section[data-v-7bccc161]{margin:30px auto 40px}.result-card[data-v-7bccc161],.result-section[data-v-7bccc161]{width:-moz-fit-content;width:fit-content}.result-card[data-v-7bccc161]{background-color:var(--bg-white);border-radius:12px;box-shadow:0 4px 16px #6366f114;overflow:hidden}.result-image[data-v-7bccc161]{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;padding:20px;width:100%}.result-image img[data-v-7bccc161]{display:block;max-height:550px;max-width:100%;-o-object-fit:contain;object-fit:contain}.result-actions[data-v-7bccc161]{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:12px 16px}.examples-section[data-v-7bccc161]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-sizing:border-box;overflow:hidden;padding:80px 0;position:relative;width:100%}.examples-section[data-v-7bccc161]:before{background-image:radial-gradient(circle at 20% 30%,rgba(111,82,237,.05) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(38,139,232,.05) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(6,219,199,.03) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.section-title[data-v-7bccc161]{background:var(--primary-gradient);-webkit-background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:60px;text-align:center;-webkit-text-fill-color:transparent;animation:gradient-shift-7bccc161 3s ease infinite;background-size:200% auto;position:relative;z-index:1}.masonry-grid[data-v-7bccc161]{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;grid-auto-rows:10px;margin:0 auto;max-width:100%;padding:0 40px;z-index:1}.image-container[data-v-7bccc161],.masonry-grid[data-v-7bccc161],.masonry-item[data-v-7bccc161]{position:relative}.image-container[data-v-7bccc161]{border-radius:16px;box-shadow:0 8px 25px #00000014,0 3px 10px #00000008;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.image-container[data-v-7bccc161]:hover{box-shadow:0 15px 40px #6f52ed1f,0 8px 25px #0000001a;transform:translateY(-5px)}.image-container img[data-v-7bccc161]{display:block;height:auto;transition:all .3s ease;width:100%}.image-container:hover img[data-v-7bccc161]{transform:scale(1.05)}.image-overlay[data-v-7bccc161]{background:linear-gradient(180deg,#0000001a,#0000004d 40%,#000000b3);border-radius:16px;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;opacity:0;padding:20px;position:absolute;right:0;top:0;transition:all .3s ease}.image-container:hover .image-overlay[data-v-7bccc161]{opacity:1}.overlay-content[data-v-7bccc161]{transform:translateY(20px);transition:transform .3s ease .1s}.image-container:hover .overlay-content[data-v-7bccc161]{transform:translateY(0)}.image-title[data-v-7bccc161]{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.image-prompt[data-v-7bccc161]{color:#ffffffe6;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0 0 12px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3)}.try-prompt-btn[data-v-7bccc161]{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0009;border:1.5px solid hsla(0,0%,100%,.3);border-radius:25px;box-shadow:0 6px 20px #0003,inset 0 1px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;overflow:hidden;padding:10px 18px;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:-moz-fit-content;width:fit-content}.try-prompt-btn span[data-v-7bccc161]{color:#fff}.try-prompt-btn .icon-wand[data-v-7bccc161],.try-prompt-btn span[data-v-7bccc161]{position:relative;z-index:2}.try-prompt-btn[data-v-7bccc161]:before{background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);border-radius:25px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8);transition:all .4s ease;z-index:-1}.try-prompt-btn[data-v-7bccc161]:after{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:-1}.try-prompt-btn[data-v-7bccc161]:hover{background:#000c;border-color:#ffffff80;box-shadow:0 12px 35px #0000004d,0 6px 20px #ff6b6b33,inset 0 2px #fff3;transform:translateY(-3px) scale(1.05)}.try-prompt-btn[data-v-7bccc161]:hover:before{opacity:1;transform:scale(1)}.try-prompt-btn[data-v-7bccc161]:hover:after{height:100px;width:100px}.try-prompt-btn[data-v-7bccc161]:active{box-shadow:0 8px 25px #00000040,0 4px 15px #ff6b6b26;transform:translateY(-1px) scale(1.02)}.icon-wand[data-v-7bccc161]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 5.6 5 7l1.4-2.5L5 2l2.5 1.4L10 2 8.6 4.5 10 7zm12 9.8L22 14l-1.4 2.5L22 19l-2.5-1.4L17 19l1.4-2.5L17 14zM22 2l-1.4 2.5L22 7l-2.5-1.4L17 7l1.4-2.5L17 2l2.5 1.4zm-8.66 10.78 2.44-2.44-2.44-2.44a.5.5 0 0 1 0-.71l5.58-5.58a.5.5 0 0 1 .71 0l2.44 2.44 2.44-2.44a.5.5 0 0 1 .71 0l1.41 1.41c.2.2.2.51 0 .71l-2.44 2.44 2.44 2.44a.5.5 0 0 1 0 .71l-5.58 5.58a.5.5 0 0 1-.71 0l-2.44-2.44-2.44 2.44a.5.5 0 0 1-.71 0l-3.97-1.56a.5.5 0 0 1 0-.71z'/%3E%3C/svg%3E");filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:16px;transition:all .3s ease;width:16px}.try-prompt-btn:hover .icon-wand[data-v-7bccc161]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4)) brightness(1.2);transform:rotate(15deg)}[class^=icon-][data-v-7bccc161]{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;width:20px}.icon-image[data-v-7bccc161]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 16H5V5h14zm-4-4v-1.5c0-.83-1.17-1.5-2.5-1.5s-2.5.67-2.5 1.5V15H8V9h8v6zm-1.5-4.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5'/%3E%3C/svg%3E")}.icon-download[data-v-7bccc161]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z'/%3E%3C/svg%3E")}.icon-refresh[data-v-7bccc161]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.96 7.96 0 0 0 12 4c-4.42 0-8 3.58-8 8s3.58 8 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E")}.model-selector[data-v-7bccc161]{margin-left:10px;position:relative}.model-select[data-v-7bccc161],.model-selector[data-v-7bccc161]{align-items:center;display:flex}.model-select[data-v-7bccc161]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:6px 28px 6px 12px;transition:all .3s ease;white-space:nowrap}.model-select[data-v-7bccc161]:hover{transform:translateY(-1px)}.model-select[data-v-7bccc161]:focus,.model-select[data-v-7bccc161]:hover{background-color:var(--primary-light);color:var(--primary)}.model-select[data-v-7bccc161]:focus{outline:none}.model-select option[data-v-7bccc161]{background-color:var(--bg-white);color:var(--text-secondary);padding:8px}.points-badge[data-v-7bccc161]{align-items:center;border-left:1px solid hsla(0,0%,100%,.2);color:#ffffffe6;display:flex;font-size:12px;font-weight:400;padding-left:8px}.points-badge .el-icon[data-v-7bccc161]{font-size:12px;margin-right:4px}@media (max-width:1400px){.masonry-grid[data-v-7bccc161]{padding:0 30px}}@media (max-width:1200px){.full-width-container[data-v-7bccc161]{padding:0 30px}.examples-section[data-v-7bccc161]{padding:70px 0}.masonry-grid[data-v-7bccc161]{grid-template-columns:repeat(3,1fr);grid-gap:18px;padding:0 20px}.section-title[data-v-7bccc161]{font-size:2.2rem;margin-bottom:50px}}@media (max-width:900px){.masonry-grid[data-v-7bccc161]{grid-template-columns:repeat(2,1fr);grid-gap:16px}.image-overlay[data-v-7bccc161]{padding:16px}.image-title[data-v-7bccc161]{font-size:1rem}.image-prompt[data-v-7bccc161]{font-size:.8rem;-webkit-line-clamp:2}}@media (max-width:768px){.header-content h1[data-v-7bccc161]{font-size:1.8rem}.full-width-container[data-v-7bccc161]{padding:0 20px}.examples-section[data-v-7bccc161]{padding:60px 0}.masonry-grid[data-v-7bccc161]{grid-gap:15px;padding:0 15px}.section-title[data-v-7bccc161]{font-size:1.8rem;margin-bottom:40px}.action-bar[data-v-7bccc161]{flex-wrap:wrap;gap:10px}.left-actions[data-v-7bccc161]{flex-wrap:wrap;gap:8px}.model-selector[data-v-7bccc161]{margin-left:0;margin-top:0}.model-select[data-v-7bccc161]{font-size:.85rem;padding:6px 24px 6px 10px}.right-actions[data-v-7bccc161]{margin-left:auto}.image-overlay[data-v-7bccc161]{padding:14px}.image-title[data-v-7bccc161]{font-size:.95rem}.image-prompt[data-v-7bccc161]{font-size:.75rem}.try-prompt-btn[data-v-7bccc161]{border-radius:20px;font-size:12px;padding:8px 14px}}@media (max-width:576px){.full-width-container[data-v-7bccc161]{padding:0 15px}.examples-section[data-v-7bccc161]{padding:50px 0}.masonry-grid[data-v-7bccc161]{grid-template-columns:1fr;grid-gap:20px;padding:0 10px}.section-title[data-v-7bccc161]{font-size:1.6rem;margin-bottom:30px}.image-container[data-v-7bccc161],.image-overlay[data-v-7bccc161]{border-radius:12px}.image-overlay[data-v-7bccc161]{padding:16px}.image-title[data-v-7bccc161]{font-size:1rem;margin-bottom:6px}.image-prompt[data-v-7bccc161]{font-size:.8rem;margin-bottom:10px}.try-prompt-btn[data-v-7bccc161]{border-radius:22px;font-size:13px;padding:9px 16px}}