*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a2a2a}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}button{border:none;cursor:pointer;font-family:inherit;outline:none}a{color:inherit;text-decoration:none}input,textarea{font-family:inherit;outline:none}.header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;box-shadow:0 2px 20px #0000004d;box-sizing:border-box;display:flex;height:100px;height:var(--header-height);left:0;overflow:visible;padding:20px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#2a2a2af2;border-bottom:1px solid #3a3a3acc;box-shadow:0 4px 30px #0006}.header-content{margin:0 auto;max-width:1400px;min-height:60px;position:relative;width:100%}.header-content,.logo{align-items:center;display:flex;height:100%}.logo{cursor:pointer;left:20px;position:absolute;transition:opacity .2s ease;z-index:10}.logo:hover{opacity:.8}.logo h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:1px;line-height:1;margin:0;white-space:nowrap}.search-container{height:100%;left:50%;max-width:600px;position:absolute;transform:translateX(-50%);z-index:5}.search-bar,.search-container{align-items:center;display:flex;width:100%}.search-bar{height:48px;position:relative}.search-icon{color:#888;height:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:6}.search-icon,.search-input{align-items:center;display:flex}.search-input{background-color:#3a3a3a;border:1px solid #4a4a4a;border-radius:24px;box-sizing:border-box;color:#fff;font-size:16px;height:48px;line-height:20px;padding:0 16px 0 48px;transition:all .3s ease;vertical-align:middle;width:100%}.search-input::placeholder{color:#888;line-height:20px;vertical-align:middle}.search-input:focus{background-color:#404040;border-color:#5a5a5a;box-shadow:0 0 0 2px #ffffff1a}@media (max-width:768px){.header{align-items:stretch;flex-direction:column;height:110px;height:var(--header-height-mobile);justify-content:center;left:0;overflow:visible;padding:20px 15px;position:fixed;right:0;top:0;z-index:1000}.header.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#2a2a2afa}.header-content{align-items:center;flex-direction:column;gap:15px;height:100%;justify-content:center;min-height:70px;padding:15px 0}.logo{height:auto;margin-bottom:10px;position:static;text-align:center}.logo h1{font-size:22px;letter-spacing:.5px}.search-container{height:auto;margin:0;max-width:100%;position:static;transform:none;width:100%}.search-input{font-size:14px;height:40px;line-height:18px;padding:0 16px 0 40px}.search-icon{font-size:18px;height:18px;left:12px}}@media (max-width:480px){.header{height:105px;height:var(--header-height-small);left:0;overflow:visible;padding:18px 12px;position:fixed;right:0;top:0;z-index:1000}.header.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#2a2a2afa}.header-content{gap:12px;min-height:65px;padding:12px 0}.logo h1{font-size:20px;letter-spacing:.3px}.search-input{font-size:13px;height:36px;line-height:16px;padding:0 12px 0 36px}.search-icon{font-size:16px;height:16px;left:10px}}@media (max-width:360px){.header{height:100px;height:var(--header-height-xs);left:0;overflow:visible;padding:15px 10px;position:fixed;right:0;top:0;z-index:1000}.header.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#2a2a2afa}.header-content{gap:10px;min-height:60px;padding:10px 0}.logo h1{font-size:18px;letter-spacing:.2px}.search-input{font-size:12px;height:32px;line-height:14px;padding:0 10px 0 32px}.search-icon{font-size:14px;height:14px;left:8px}}.sidebar{background-color:#2a2a2a;border-right:1px solid #3a3a3a;flex-shrink:0;height:calc(100vh - 100px);left:0;overflow-y:auto;padding:40px 0 30px;position:fixed;top:100px;width:200px;z-index:100}.sidebar-nav{display:flex;flex-direction:column;gap:16px;padding:0 20px}.nav-item{align-items:center;background-color:initial;border:1px solid #0000;border-radius:12px;color:#fff;display:flex;font-size:16px;font-weight:500;gap:12px;padding:20px 24px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#3a3a3a;border-color:#4a4a4a}.nav-item.active{background-color:#22c55e;border-color:#22c55e;color:#fff}.nav-item.active:hover{background-color:#1ea050;border-color:#1ea050}.nav-icon{flex-shrink:0}.nav-label{font-weight:600}@media (max-width:768px){.sidebar{border-bottom:none;border-right:none;border-top:1px solid #3a3a3a;bottom:0;height:auto;left:0;padding:20px 0;position:fixed;top:auto;width:100%;z-index:100}.sidebar-nav{flex-direction:row;gap:25px;justify-content:center;padding:0 20px}.nav-item{flex-direction:column;font-size:14px;gap:8px;min-width:90px;padding:16px 20px;text-align:center}.nav-label{font-size:12px}}@media (max-width:480px){.sidebar-nav{gap:20px;padding:0 15px}.nav-item{min-width:80px;padding:14px 16px}.nav-icon{size:18px}.nav-label{font-size:11px}}.image-card{background-color:#2a2a2a;border-radius:16px;box-shadow:0 4px 12px #0000004d;cursor:pointer;overflow:hidden;transition:all .3s ease}.image-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-4px)}.image-container{aspect-ratio:4/3;width:100%}.card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-card:hover .card-image{transform:scale(1.05)}.image-overlay{align-items:flex-end;animation:fadeIn .2s ease forwards;background:linear-gradient(180deg,#0000004d 0,#0000001a 50%,#0000004d);bottom:0;display:flex;left:0;opacity:0;padding:20px;position:absolute;right:0;top:0}.overlay-actions{display:flex;gap:12px;width:100%}.action-btn{height:36px;width:36px}.action-btn.download-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;color:#333;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn.download-btn,.action-btn.like-btn{align-items:center!important;border-radius:50%!important;display:flex!important;height:36px!important;justify-content:center!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;transition:all .2s ease!important;width:36px!important}.action-btn.download-btn:hover{background-color:#fff;color:#333;transform:scale(1.1)}.card-info{padding:16px}.user-info{margin-bottom:12px}.stats{display:flex;gap:16px}@media (max-width:768px){.image-card{border-radius:12px}.image-overlay{padding:15px}.action-btn{height:40px;width:40px}.card-info{padding:12px}.stats{gap:12px}}@media (max-width:480px){.image-overlay{padding:12px}.action-btn{height:36px;width:36px}.overlay-actions{gap:8px}.card-info{padding:10px}.stats{gap:10px}}.image-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px 0}.loading-container{flex-direction:column;gap:20px;height:400px}.loading-spinner{border:3px solid #3a3a3a;border-top-color:#22c55e;height:40px;width:40px}.empty-state{justify-content:flex-start;min-height:400px;padding:0 20px 40px}.empty-state,.empty-state-content{align-items:center;color:#888;display:flex;flex-direction:column;text-align:center}.empty-state-content{justify-content:center;padding:40px 20px}.empty-state h2{color:#aaa;font-size:24px;margin-bottom:10px}.empty-state p{color:#666;font-size:16px}@media (max-width:1200px){.image-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.image-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:15px 0}.empty-state,.loading-container{height:300px}.empty-state h2{font-size:20px}.empty-state p{font-size:14px}}@media (max-width:480px){.image-grid{gap:12px;grid-template-columns:1fr;padding:12px 0}.empty-state,.loading-container{height:250px}.loading-spinner{height:32px;width:32px}.empty-state h2{font-size:18px}.empty-state p{font-size:13px}}.loading-indicator{align-items:center;color:#888;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px 20px}.loading-indicator .loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#059669;height:40px;margin-bottom:16px;width:40px}.loading-indicator span,.no-more-images{color:#666;font-size:14px}.no-more-images{border-top:1px solid #333;grid-column:1/-1;margin-top:20px;padding:40px 20px;text-align:center}.ai-curation-banner{background:linear-gradient(135deg,#059669,#10b981);border-radius:20px;box-shadow:0 8px 32px #0596694d;margin-bottom:40px;overflow:hidden;width:100%}.ai-curation-banner.top-banner{background:#1b2027;box-shadow:0 8px 32px #1b20274d;grid-column:1/-1;margin-bottom:30px}.banner-content{align-items:center;color:#fff;display:flex;gap:24px;padding:40px}.banner-icon{flex-shrink:0;font-size:48px}.banner-text{flex:1 1}.banner-text h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 12px}.banner-text p{color:#ffffffe6;font-size:16px;line-height:1.5;margin:0}.banner-actions{display:flex;flex-direction:column;flex-shrink:0;gap:12px}.banner-create-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:14px 24px;transition:all .3s ease;white-space:nowrap}.banner-create-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ff6b6b66;color:#fff}.banner-create-btn.primary:hover{background:linear-gradient(135deg,#ee5a24,#ff6b6b);box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}.banner-create-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.banner-create-btn.secondary:hover{background:#ffffff4d;transform:translateY(-1px)}.ai-suggestion{background:linear-gradient(135deg,#0596691a,#0596690d);border:1px solid #05966933;border-radius:16px;grid-column:1/-1;margin-top:40px;padding:60px 20px;text-align:center}.ai-suggestion.no-results{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;margin-top:20px;padding:40px 20px}.ai-suggestion.all-loaded{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid #3b82f633;margin-top:20px;padding:40px 20px}.ai-suggestion-content h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:12px}.ai-suggestion-content p{color:#aaa;font-size:16px;line-height:1.5;margin-bottom:24px}.ai-create-btn{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;box-shadow:0 4px 15px #0596694d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:0 8px;padding:16px 32px;transition:all .3s ease}.ai-create-btn:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #05966966;transform:translateY(-2px)}.ai-create-btn:active{transform:translateY(0)}.ai-create-btn.primary{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 15px #0596694d}.ai-create-btn.primary:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #05966966}.ai-create-btn.secondary{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 4px 15px #6b72804d}.ai-create-btn.secondary:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 6px 20px #6b728066}@media (max-width:768px){.ai-curation-banner{margin-bottom:30px}.banner-content{flex-direction:column;gap:20px;padding:30px 20px;text-align:center}.banner-text h2{font-size:24px}.banner-text p{font-size:14px}.banner-actions{flex-direction:row;gap:12px}.banner-create-btn{font-size:13px;padding:12px 20px}.ai-suggestion{margin-top:30px;padding:40px 20px}.ai-suggestion.all-loaded,.ai-suggestion.no-results{margin-top:20px;padding:30px 20px}.ai-suggestion-content h3{font-size:20px}.ai-suggestion-content p{font-size:14px}.ai-create-btn{font-size:14px;margin:0 4px;padding:14px 28px}.empty-state{min-height:300px;padding:0 15px 30px}.empty-state-content{padding:30px 15px}}.create-page{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff;min-height:100vh;padding:20px}.page-header{border-bottom:1px solid #3a3a3a;gap:20px;margin-bottom:40px;padding-bottom:20px}.back-btn,.page-header{align-items:center;display:flex}.back-btn{background:#ffffff1a;border:none;border-radius:12px;color:#e5e7eb;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .3s ease}.back-btn:hover{background:#fff3;transform:translateX(-2px)}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0}.page-body{margin:0 auto;max-width:800px}.input-section{animation:fadeInUp .5s ease-out}.input-group{margin-bottom:24px}.input-group label{align-items:center;color:#e5e7eb;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:10px}.label-icon{font-size:18px}.input-group textarea{background:#ffffff0d;border:2px solid #22c55e;border-radius:12px;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.input-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #22c55e1a;outline:none}.input-group textarea::placeholder{color:#888;font-style:italic}.translated-prompt{animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid #3b82f64d;border-radius:12px;box-sizing:border-box;margin:12px 0;min-height:100px;padding:16px}.translated-header{align-items:center;color:#3b82f6;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:8px}.translated-text{border-left:3px solid #3b82f6;color:#e5e7eb;font-size:14px;line-height:1.5;min-height:50px;padding:8px 12px;word-break:break-word}.translated-text,.translating-indicator{align-items:center;background:#3b82f61a;border-radius:8px;box-sizing:border-box;display:flex}.translating-indicator{color:#3b82f6;font-size:13px;gap:8px;margin:12px 0;min-height:44px;padding:12px}.translating-indicator .loading-spinner.small{border-width:2px;height:16px;width:16px}.translating-placeholder{color:#3b82f699;font-style:italic}.translation-note{color:#3b82f6;font-weight:500}.input-hint{color:#888;font-size:13px;font-style:italic;line-height:1.4;margin-top:8px}.options-section{background:#ffffff05;border:1px solid #3a3a3a;border-radius:16px;margin-bottom:24px;padding:20px}.options-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.option-description{color:#666;font-size:12px;font-style:italic;margin-top:6px}.input-group select{background:#ffffff0d;border:1px solid #3a3a3a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.input-group select:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1a;outline:none}.input-group select option{background-color:#2a2a2a!important;border:none!important;color:#fff!important;font-size:14px!important;padding:12px 16px!important}.input-group select option:hover{background-color:#3a3a3a!important;color:#22c55e!important}.input-group select option:checked{background-color:#22c55e!important;color:#fff!important}.input-group select{background:linear-gradient(135deg,#3a3a3a,#2a2a2a)!important;color:#fff!important}.input-group select::-ms-expand{display:none}.input-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;padding-right:48px}.error-message{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #ef4444;border-radius:12px;color:#fff;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:16px 20px}.error-icon{font-size:16px}.generate-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:18px 28px;position:relative;transition:all .3s ease;width:100%}.generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.generate-btn:hover:before{left:100%}.generate-btn:hover:not(:disabled){box-shadow:0 12px 32px #22c55e66;transform:translateY(-3px)}.generate-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:20px;max-width:100%;overflow:visible}.image-section h3{color:#e5e7eb;font-size:24px;font-weight:600;margin-bottom:16px}.prompt-text{color:#d1d5db;font-size:16px;margin-bottom:16px}.translated-prompt-text{align-items:center;background:#3b82f61a;border-left:2px solid #3b82f6;border-radius:6px;color:#9ca3af;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:8px 12px}.generated-image-container{border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-bottom:24px;max-width:100%;overflow:hidden;width:100%}.generated-image{display:block;height:auto;max-width:100%;object-fit:contain;width:100%}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.action-btn{border-radius:12px;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.download-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.download-btn:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.regenerate-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.regenerate-btn:hover{box-shadow:0 8px 24px #f59e0b4d;transform:translateY(-2px)}.info-section{display:flex;flex-direction:column;gap:24px;max-width:100%;overflow:visible}.info-section h4{align-items:center;color:#e5e7eb;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.prompt-details{word-wrap:break-word;background:#ffffff0d;border:1px solid #3a3a3a;border-radius:8px;max-width:100%;overflow:hidden;padding:16px}.prompt-original,.prompt-translated{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-width:100%}.prompt-label{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.prompt-text{word-wrap:break-word;background:#ffffff0d;border-left:3px solid #22c55e;border-radius:6px;color:#e5e7eb;font-size:14px;line-height:1.5;max-width:100%;overflow-wrap:break-word;padding:8px 12px}.prompt-meta{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.meta-item{color:#9ca3af;font-size:13px}.similarity-score{max-width:100%;text-align:center}.score-circle{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.score-number{font-size:20px;font-weight:700}.score-label{font-size:12px;opacity:.9}.similarity-description{word-wrap:break-word;color:#9ca3af;font-size:13px;line-height:1.4;max-width:100%}.license-details,.license-item{gap:12px;max-width:100%}.license-item{background:#ffffff0d;border:1px solid #3a3a3a;border-radius:8px;flex-wrap:wrap;padding:12px}.license-icon{font-size:18px}.license-label{word-wrap:break-word;color:#e5e7eb;flex:1 1;font-size:14px;min-width:0}.license-value.allowed{background:#22c55e;border-radius:6px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 8px}.license-note{word-wrap:break-word;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;font-size:13px;gap:8px;margin-bottom:20px;max-width:100%;padding:12px}.note-icon{font-size:16px}.note-text{flex:1 1;line-height:1.4}.license-details .action-buttons{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px;padding-top:20px}.license-details .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;max-width:180px;min-width:140px;padding:14px 18px;transition:all .3s ease}.create-page .license-details .download-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;gap:8px!important;height:52px!important;max-height:52px!important;max-width:200px!important;min-height:52px!important;min-width:200px!important;overflow:visible!important;padding:16px 20px!important;white-space:nowrap!important;width:200px!important}.create-page .license-details .download-btn:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.create-page .license-details .regenerate-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;height:52px!important;max-height:52px!important;max-width:200px!important;min-height:52px!important;min-width:200px!important;padding:16px 20px!important;width:200px!important}.create-page .license-details .regenerate-btn:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.create-page{min-height:auto;padding:15px}.result-content{gap:24px;grid-template-columns:1fr;margin-top:16px}.options-row{gap:16px;grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:16px}.page-header h1{font-size:24px}.generated-image-container{margin-bottom:20px}.info-section{gap:20px}.license-details .action-buttons{align-items:center;flex-direction:column}.license-details .action-btn{max-width:100%;min-width:200px;width:100%}.score-circle{height:70px;width:70px}.score-number{font-size:18px}.score-label{font-size:11px}}@media (max-width:480px){.create-page{padding:12px}.page-header{gap:12px;margin-bottom:20px}.page-header h1{font-size:20px}.result-content{gap:20px;margin-top:12px}.generated-image-container{margin-bottom:16px}.info-section{gap:16px}.license-details .action-btn{font-size:13px;min-width:160px;padding:12px 16px}.score-circle{height:60px;width:60px}.score-number{font-size:16px}.score-label{font-size:10px}.prompt-details{padding:12px}.license-item{gap:8px;padding:10px}.license-note{font-size:12px;padding:10px}}@media (max-width:360px){.create-page{padding:10px}.page-header h1{font-size:18px}.result-content{gap:16px}.license-details .action-btn{font-size:12px;min-width:140px;padding:10px 14px}.score-circle{height:50px;width:50px}.score-number{font-size:14px}.score-label{font-size:9px}}.modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#1a1a1a;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:1200px;overflow:visible;position:relative;-webkit-user-select:none;user-select:none;width:100%}.modal-content.dragging{cursor:grabbing}.modal-header{cursor:grab}.modal-header:active{cursor:grabbing}.modal-close-btn{align-items:center;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px;z-index:10}.modal-close-btn:hover{background-color:#fff3;transform:scale(1.1)}.modal-body{display:flex;height:100%;overflow:visible}.main-image-section{display:flex;flex:2 1;flex-direction:column;padding:20px}.image-container{border-radius:12px;margin-bottom:20px;overflow:hidden;position:relative}.main-image{background-color:#2a2a2a;height:auto;max-height:60vh;object-fit:contain;width:100%}.image-actions{display:flex;flex-direction:column;gap:8px;position:absolute;right:16px;top:16px}.coming-soon-banner{animation:slideInRight .3s ease;background:#ffc107e6;border:1px solid #ffc107cc;border-radius:8px;box-shadow:0 4px 12px #ffc1074d;padding:8px 12px;position:absolute;right:60px;text-align:center;top:16px;white-space:nowrap;z-index:20}.coming-soon-banner span{color:#333;font-size:12px;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.action-btn:hover{background-color:#fff;transform:scale(1.1)}.action-btn.liked{background-color:#ef4444;color:#fff}.modal-content .image-actions .action-btn.download-btn,.modal-content .image-actions .download-btn,.modal-content .image-actions button.download-btn,.modal-content .main-image-section .image-actions .action-btn.download-btn,.modal-content .main-image-section .image-actions .action-btn[class*=download],.modal-content .main-image-section .image-actions .action-btn[title=\B2E4\C6B4\B85C\B4DC],.modal-content .main-image-section .image-actions .download-btn,.modal-content .main-image-section .image-actions button.download-btn,.modal-content .main-image-section .image-actions button[class*=download],.modal-content .main-image-section .image-actions button[title=\B2E4\C6B4\B85C\B4DC]{align-items:center!important;background-color:#ffffffe6!important;background:#ffffffe6!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#333!important;display:flex!important;height:36px!important;justify-content:center!important;margin:0!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;outline:none!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.modal-content .image-actions .action-btn.download-btn:hover,.modal-content .image-actions .download-btn:hover,.modal-content .image-actions button.download-btn:hover,.modal-content .main-image-section .image-actions .action-btn.download-btn:hover,.modal-content .main-image-section .image-actions .action-btn[class*=download]:hover,.modal-content .main-image-section .image-actions .action-btn[title=\B2E4\C6B4\B85C\B4DC]:hover,.modal-content .main-image-section .image-actions .download-btn:hover,.modal-content .main-image-section .image-actions button.download-btn:hover,.modal-content .main-image-section .image-actions button[class*=download]:hover,.modal-content .main-image-section .image-actions button[title=\B2E4\C6B4\B85C\B4DC]:hover{background-color:#fff!important;background:#fff!important;box-shadow:none!important;color:#333!important;transform:scale(1.1)!important}.modal-content .action-btn.download-btn,.modal-content .download-btn,.modal-content [class*=download],.modal-content button.download-btn,.modal-content button[class*=download],.modal-content button[title*=\B2E4\C6B4\B85C\B4DC],.modal-content button[title*=download]{align-items:center!important;background-color:#ffffffe6!important;background:#ffffffe6!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#333!important;display:flex!important;justify-content:center!important;margin:0!important;outline:none!important;padding:0!important;transition:all .2s ease!important}.modal-content .action-btn.download-btn:hover,.modal-content .download-btn:hover,.modal-content [class*=download]:hover,.modal-content button.download-btn:hover,.modal-content button[class*=download]:hover,.modal-content button[title*=\B2E4\C6B4\B85C\B4DC]:hover,.modal-content button[title*=download]:hover{background-color:#fff!important;background:#fff!important;box-shadow:none!important;color:#333!important;transform:scale(1.1)!important}.image-info{color:#fff}.image-title{color:#f3f4f6;font-size:20px;font-weight:600;margin-bottom:12px}.info-row{gap:16px;justify-content:space-between;margin-bottom:12px}.info-row,.user-info{align-items:center;display:flex}.user-info{gap:8px}.user-icon{color:#888}.username{color:#ccc;font-size:14px;font-weight:500}.user-link{color:#888;text-decoration:none;transition:color .2s ease}.user-link:hover{color:#059669}.license-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:12px 0;padding:12px}.license-title{align-items:center;color:#f3f4f6;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 8px}.license-title:before{content:"📋";font-size:16px}.license-details{display:flex;flex-direction:column;gap:8px}.license-items-row{align-items:center;display:flex;gap:16px}.license-item{align-items:center;display:flex;flex:1 1;gap:6px;padding:4px 0}.license-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.license-label{color:#d1d5db;flex-shrink:0;font-size:12px;font-weight:500;min-width:60px}.license-value{border-radius:12px;flex-shrink:0;font-size:12px;font-weight:600;min-width:35px;padding:2px 8px;text-align:center}.license-value.allowed{background-color:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.license-value.restricted{background-color:#ef444433;border:1px solid #ef44444d;color:#ef4444}.license-note{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;display:flex;gap:6px;margin-top:8px;padding:6px 8px}.note-icon{flex-shrink:0;font-size:12px;margin-top:1px}.note-text{color:#93c5fd;font-size:11px;line-height:1.3}.image-stats{gap:16px}.image-stats,.stat-item{align-items:center;display:flex}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#888;font-size:12px;gap:4px;padding:4px 8px}.stat-icon{color:#666}.related-images-section{background-color:#2a2a2a;border-left:none;border-radius:16px 0 0 16px;flex:1 1;margin-left:16px;overflow:hidden;padding:16px;position:relative}.related-images-section:before{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px 0 0 16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.related-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.loading,.related-title{position:relative;text-align:center;z-index:1}.loading{color:#888;padding:20px 0}.related-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px;position:relative;z-index:1}.related-image-card{aspect-ratio:1;border-radius:12px;box-shadow:0 2px 8px #0003;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.related-image-card:hover{box-shadow:0 4px 16px #0000004d;transform:scale(1.05)}.related-image{height:100%;object-fit:cover;width:100%}.related-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000004d 0,#0000 50%,#0000004d);bottom:0;display:flex;left:0;opacity:0;padding:6px;position:absolute;right:0;top:0;transition:opacity .2s ease}.related-image-card:hover .related-overlay{opacity:1}.related-actions{display:flex;gap:4px;width:100%}.related-download-btn,.related-like-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.related-download-btn:hover,.related-like-btn:hover{background-color:#fff;transform:scale(1.1)}.related-images-section .related-actions .action-btn.related-download-btn,.related-images-section .related-actions .related-download-btn,.related-images-section .related-actions button.related-download-btn{align-items:center!important;background-color:#ffffffe6!important;background:#ffffffe6!important;border:none!important;border-radius:50%!important;box-shadow:none!important;color:#333!important;display:flex!important;height:36px!important;justify-content:center!important;margin:0!important;max-height:36px!important;max-width:36px!important;min-height:36px!important;min-width:36px!important;outline:none!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.related-images-section .related-actions .action-btn.related-download-btn:hover,.related-images-section .related-actions .related-download-btn:hover,.related-images-section .related-actions button.related-download-btn:hover{background-color:#fff!important;background:#fff!important;box-shadow:none!important;color:#333!important;transform:scale(1.1)!important}.more-images-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-top:12px;padding:12px;position:relative;text-align:center;z-index:1}.more-images-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin:0 auto 8px;min-width:180px;padding:10px 20px;transition:all .3s ease}.more-images-btn:hover{box-shadow:0 6px 20px #22c55e4d;transform:translateY(-2px)}.more-text{font-size:13px;font-weight:600}.more-icon{font-size:14px;transition:transform .3s ease}.more-images-btn:hover .more-icon{transform:translateX(4px)}.coming-soon-message{animation:fadeInUp .3s ease;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;margin-top:8px;padding:8px 12px;text-align:center}.coming-soon-message span{color:#ffc107;font-size:12px;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.more-description{color:#888;font-size:11px;line-height:1.3;margin:0}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:20px 10px}.modal-content,.modal-overlay{-webkit-overflow-scrolling:touch;overflow-y:auto}.modal-content{height:auto;left:auto!important;max-height:none;min-height:90vh;position:relative;top:auto!important;transform:none}.modal-body{flex-direction:column;height:auto;min-height:auto;overflow:visible}.main-image-section,.related-images-section{flex:none;overflow:visible;padding:16px}.related-images-section{border-left:none;border-radius:16px;border-top:none;margin-left:0;margin-top:16px}.related-images-section:before{border-radius:16px}.related-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.image-actions{right:12px;top:12px}.action-btn{height:36px;width:36px}.license-info{margin:16px 0;padding:12px}.license-items-row{align-items:stretch;flex-direction:column;gap:8px}.license-item{align-items:center;flex-direction:row;gap:6px;justify-content:flex-start;padding:4px 0}.license-label,.license-value{font-size:13px;min-width:auto}.license-value{padding:3px 10px}.license-note{padding:8px 10px}.note-text{font-size:11px}.image-container{margin-bottom:16px}.main-image{max-height:50vh}.modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;position:-webkit-sticky;position:sticky;right:16px;top:0;z-index:1001}}@media (max-width:480px){.modal-overlay{padding:16px 8px}.modal-content{border-radius:12px;height:auto;max-height:none;min-height:85vh}.main-image-section,.related-images-section{padding:12px}.related-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.more-images-btn{font-size:12px;min-width:160px;padding:8px 16px}.more-text{font-size:12px}.more-description{font-size:10px}}.my-page{padding:20px 0}.my-page-header{margin-bottom:40px;text-align:center}.my-page-header h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.my-page-header p{color:#888;font-size:16px}.section-tabs{border-bottom:1px solid #3a3a3a;display:flex;gap:20px;justify-content:center;margin-bottom:40px;padding-bottom:20px}.section-tab{align-items:center;background-color:initial;border:1px solid #4a4a4a;border-radius:12px;color:#ccc;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;position:relative;transition:all .2s ease}.section-tab:hover{background-color:#3a3a3a;border-color:#5a5a5a;color:#fff}.section-tab.active{background-color:#22c55e;border-color:#22c55e;color:#fff}.section-tab.active:hover{background-color:#1ea050;border-color:#1ea050}.tab-count{background-color:#fff3;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;text-align:center}.section-content{min-height:400px}.empty-saved-images{align-items:center;color:#888;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.empty-icon{color:#666;margin-bottom:20px}.empty-saved-images h3{color:#aaa;font-size:24px;margin-bottom:12px}.empty-saved-images p{color:#666;font-size:16px}.saved-images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.contact-section{align-items:center;display:flex;justify-content:center;min-height:500px}.contact-content{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:20px;max-width:600px;padding:40px;text-align:center}.contact-icon{color:#22c55e;margin-bottom:24px}.contact-content h2{color:#fff;font-size:28px;font-weight:600;margin-bottom:20px}.contact-description{color:#ccc;font-size:16px;line-height:1.6;margin-bottom:30px}.email-container{align-items:center;background-color:#3a3a3a;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:30px;padding:20px}.email-label{color:#888;font-size:14px;font-weight:500}.email-link{color:#22c55e;font-size:18px;font-weight:600;text-decoration:none;transition:color .2s ease}.email-link:hover{color:#1ea050;text-decoration:underline}.contact-info{margin:0 auto;max-width:400px;text-align:left}.contact-info p{color:#888;font-size:14px;margin-bottom:8px;padding-left:20px}@media (max-width:768px){.my-page{padding:15px 0}.my-page-header h1{font-size:28px}.my-page-header p{font-size:14px}.section-tabs{gap:15px;margin-bottom:30px}.section-tab{font-size:14px;padding:10px 20px}.saved-images-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.contact-content{padding:30px 20px}.contact-content h2{font-size:24px}.contact-description{font-size:14px}.email-link{font-size:16px}}@media (max-width:480px){.section-tabs{align-items:center;flex-direction:column;gap:10px}.section-tab{justify-content:center;max-width:300px;width:100%}.saved-images-grid{gap:12px;grid-template-columns:1fr}.contact-content{padding:20px 15px}.contact-content h2{font-size:20px}.contact-description{font-size:13px}}:root{--header-height:100px;--header-height-mobile:110px;--header-height-small:105px;--header-height-xs:100px}.App{background-color:#1a1a1a;color:#fff;min-height:100vh;overflow-x:hidden}.main-container{display:flex;margin-top:100px;margin-top:var(--header-height);min-height:calc(100vh - 100px);min-height:calc(100vh - var(--header-height))}.content{flex:1 1;margin-left:200px;overflow-y:auto;padding:20px}.loading-container{align-items:center;color:#888;display:flex;font-size:18px;height:200px;justify-content:center}@media (max-width:768px){.main-container{flex-direction:column;margin-top:110px;margin-top:var(--header-height-mobile);min-height:calc(100vh - 110px);min-height:calc(100vh - var(--header-height-mobile))}.content{margin-left:0;padding:15px 15px 100px}}@media (max-width:480px){.main-container{margin-top:105px;margin-top:var(--header-height-small);min-height:calc(100vh - 105px);min-height:calc(100vh - var(--header-height-small))}.content{padding:10px 10px 100px}}@media (max-width:360px){.main-container{margin-top:100px;margin-top:var(--header-height-xs);min-height:calc(100vh - 100px);min-height:calc(100vh - var(--header-height-xs))}.content{padding:8px 8px 100px}}
/*# sourceMappingURL=main.045efe84.css.map*/