@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe4d0f8a-module__6kuHYW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe4d0f8a-module__6kuHYW__variable{--font-inter:"Inter","Inter Fallback"}
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--border-color:#ffffff14;--border-active:#8b5cf680;--text-primary:#f0f0f5;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-pink:#ec4899;--accent-gradient:linear-gradient(135deg,#8b5cf6,#3b82f6,#ec4899);--glass-bg:#ffffff0a;--glass-border:#ffffff14;--shadow-glow:0 0 60px #8b5cf626;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 20%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 70% 80%,#3b82f60f 0%,#0000 50%),radial-gradient(circle,#ec48990a 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite bgFloat;position:fixed;top:-50%;left:-50%}@keyframes bgFloat{0%,to{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}}.container{z-index:1;flex-direction:column;gap:28px;max-width:720px;min-height:100vh;margin:0 auto;padding:40px 20px 60px;display:flex;position:relative}.header{text-align:center;padding:48px 0 8px;position:relative}.header-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(#8b5cf633,#0000 70%);width:300px;height:120px;position:absolute;top:0;left:50%;transform:translate(-50%)}.title{letter-spacing:-.03em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1.3}.title-icon{-webkit-text-fill-color:initial;font-size:1.4rem}.subtitle{color:var(--text-secondary);margin-top:12px;font-size:.95rem;font-weight:400}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-xl);cursor:pointer;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;min-height:200px;padding:40px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.upload-zone:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);background:#8b5cf60a}.upload-zone.drag-over{border-color:var(--accent-purple);background:#8b5cf614;transform:scale(1.01);box-shadow:0 0 40px #8b5cf640}.upload-zone.has-files{cursor:default;min-height:auto;padding:20px}.file-input{display:none}.upload-placeholder{flex-direction:column;align-items:center;gap:16px;display:flex}.upload-icon{color:var(--text-muted);opacity:.7;transition:all .3s}.upload-zone:hover .upload-icon{color:var(--accent-purple);opacity:1;transform:translateY(-4px)}.upload-text{color:var(--text-secondary);font-size:1rem;font-weight:500}.upload-hint{color:var(--text-muted);font-size:.8rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;width:100%;display:grid}.preview-item{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .25s;position:relative;overflow:hidden}.preview-item:hover{border-color:var(--border-active);transform:scale(1.03);box-shadow:0 8px 24px #0000004d}.preview-image,.preview-video{object-fit:cover;width:100%;height:100%}.remove-btn{color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.preview-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:#ef4444cc}.preview-type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:6px;padding:2px 6px;font-size:14px;position:absolute;bottom:6px;left:6px}.add-more{aspect-ratio:1;border-radius:var(--radius-md);border:2px dashed var(--border-color);cursor:pointer;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .25s;display:flex}.add-more:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#8b5cf60d}.add-more span:first-child{font-size:24px;font-weight:300}.add-more-text{font-size:11px}.actions{justify-content:center;gap:12px;display:flex}.generate-btn{border-radius:var(--radius-lg);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;flex:1;max-width:400px;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.generate-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.generate-btn:hover:not(:disabled):before{opacity:1}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf659}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.4;cursor:not-allowed}.generate-btn.loading{opacity:.85;cursor:wait}.loading-content{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.clear-btn{border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;background:0 0;padding:16px 24px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .25s}.clear-btn:hover{color:#ef4444;background:#ef44440d;border-color:#ef444480}.error-message{border-radius:var(--radius-md);color:#fca5a5;background:#ef444414;border:1px solid #ef444433;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;animation:.3s fadeIn;display:flex}.error-icon{flex-shrink:0}.results{animation:.5s cubic-bezier(.4,0,.2,1) slideUp}.results-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.results-title{align-items:center;gap:8px;font-size:1.3rem;font-weight:700;display:flex}.copy-all-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px 16px;font-family:inherit;font-size:.85rem;transition:all .25s}.copy-all-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#8b5cf60d}.copy-all-btn.copied{color:#22c55e;background:#22c55e0d;border-color:#22c55e}.title-list{flex-direction:column;gap:8px;display:flex}.title-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.4,0,.2,1) both fadeInUp;display:flex}.title-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translate(4px);box-shadow:0 4px 20px #8b5cf61a}.title-number{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.title-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.title-text{word-break:break-word;font-size:1rem;font-weight:500;line-height:1.5}.title-translation{color:var(--text-muted);font-size:.8rem;line-height:1.4}.copy-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;opacity:.5;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .25s;display:flex}.title-card:hover .copy-btn{opacity:1}.copy-btn:hover{border-color:var(--accent-purple);background:#8b5cf61a}.copy-btn.copied{opacity:1;background:#22c55e14;border-color:#22c55e}.footer{text-align:center;margin-top:auto;padding:32px 0 16px}.footer p{color:var(--text-muted);letter-spacing:.02em;font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.container{gap:20px;padding:20px 16px 40px}.header{padding:32px 0 4px}.title{font-size:1.5rem}.subtitle{font-size:.85rem}.upload-zone{border-radius:var(--radius-lg);padding:32px 16px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}.generate-btn{padding:14px 24px;font-size:.95rem}.actions{flex-direction:column}.generate-btn{max-width:100%}.title-card{gap:10px;padding:12px 14px}.title-text{font-size:.9rem}.results-header{flex-direction:column;align-items:flex-start;gap:10px}}