@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Space+Grotesk:wght@400;500;600;700&display=swap);:root{--bg:#0b0a14;--surface:#ffffff0d;--surface-strong:#ffffff14;--border:#ffffff1a;--text:#f4f2ff;--muted:#a7a3c2;--accent-1:#8b5cf6;--accent-2:#ec4899;--accent-3:#f59e0b;--gradient:linear-gradient(135deg,var(--accent-1),var(--accent-2) 60%,var(--accent-3));--radius:18px}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#0b0a14;background-color:var(--bg);background-image:radial-gradient(900px 500px at 10% -10%,#8b5cf659,#0000 60%),radial-gradient(700px 500px at 100% 0,#ec489940,#0000 60%),radial-gradient(600px 400px at 50% 110%,#f59e0b26,#0000 60%);color:#f4f2ff;color:var(--text);font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;margin:0;min-height:100vh}header{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0b0a1499;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border);display:flex;gap:14px;height:calc(76px + env(safe-area-inset-top));justify-content:center;padding:env(safe-area-inset-top) 20px 0;position:sticky;top:0;z-index:10}header img{filter:invert(1) drop-shadow(0 0 12px rgba(236,72,153,.6));height:46px;transition:transform .3s ease}header img:hover{transform:rotate(-10deg) scale(1.1)}header p{background:linear-gradient(135deg,#8b5cf6,#ec4899 60%,#f59e0b);background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Permanent Marker,cursive;font-size:30px;line-height:1;margin:0}main{margin:0 auto;max-width:1100px;padding:32px 20px 48px}.card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--surface);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 20px 60px #00000073;padding:24px;position:relative}.card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.card-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0}.card-subtitle{color:#a7a3c2;color:var(--muted);font-size:.95rem;margin:4px 0 0}.workspace{grid-gap:24px;display:grid;gap:24px;grid-template-areas:"preview" "controls";grid-template-columns:1fr}.controls{grid-area:controls}.preview{grid-area:preview}@media (min-width:860px){.workspace{align-items:start;grid-template-areas:"controls preview";grid-template-columns:340px 1fr}.controls{position:sticky;top:100px}}.meme-form{gap:14px}.field,.meme-form{display:flex;flex-direction:column}.field{color:#a7a3c2;color:var(--muted);font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.08em;text-transform:uppercase}.field-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.btn-reset-pos{background:#ec48991f;border:1px solid #ec489959;border-radius:6px;color:#ec4899;color:var(--accent-2);cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:3px 8px;transition:all .2s ease}.btn-reset-pos:hover{background:#ec4899;background:var(--accent-2);border-color:#ec4899;border-color:var(--accent-2);color:#fff}input[type=text],select{background-color:#0000004d;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;color:#f4f2ff;color:var(--text);font-family:inherit;font-size:1rem;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}input[type=text]::placeholder{color:#a7a3c299}input[type=text]:focus,select:focus{border-color:#8b5cf6;border-color:var(--accent-1);box-shadow:0 0 0 4px #8b5cf640}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23a7a3c2' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}select option{background:#1a1828;color:#f4f2ff;color:var(--text)}select::-ms-expand{display:none}button{cursor:pointer;font-family:inherit}.btn{align-items:center;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;color:#f4f2ff;color:var(--text);display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:13px 18px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;width:100%}.btn:active{transform:scale(.98)}.btn-secondary{background:#ffffff14;background:var(--surface-strong)}.btn-secondary:hover{background:#ffffff24}.upload-btn{cursor:pointer;margin:0;text-align:center}.privacy-note{color:#a7a3c2;color:var(--muted);font-size:.76rem;letter-spacing:normal;margin:-6px 0 0;opacity:.85;text-align:center;text-transform:none}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899 60%,#f59e0b);background:var(--gradient);background-size:150% 150%;border:none;box-shadow:0 8px 24px #ec489959;color:#fff;margin-top:14px}.btn-primary:hover{box-shadow:0 12px 32px #ec489980;transform:translateY(-2px)}.langButton{background:#ffffff14;background:var(--surface-strong);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:999px;color:#f4f2ff;color:var(--text);flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:.05em;padding:8px 14px;transition:background .2s ease}.langButton:hover{background:#ffffff29}.preview{align-items:center;display:flex;flex-direction:column;gap:10px}.meme-frame{background:linear-gradient(135deg,#8b5cf6,#ec4899 60%,#f59e0b);background:var(--gradient);border-radius:14px;border-radius:calc(var(--radius) - 4px);box-shadow:0 20px 50px #8b5cf64d;max-width:620px;padding:3px;width:100%}.meme{background:#000;border-radius:11px;border-radius:calc(var(--radius) - 7px);overflow:hidden;position:relative;transition:outline .2s ease;width:100%}.meme.drag-over{outline:3px dashed #8b5cf6;outline:3px dashed var(--accent-1);outline-offset:-3px}.drop-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a14e0;border-radius:11px;border-radius:calc(var(--radius) - 7px);color:#fff;display:flex;flex-direction:column;font-size:1.15rem;font-weight:700;gap:10px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:20}.meme>img{cursor:pointer;display:block;width:100%}.meme>h2{word-wrap:break-word;border-radius:8px;box-sizing:border-box;color:#fff;cursor:grab;font-family:impact,sans-serif;font-size:1.8em;font-weight:400;letter-spacing:1px;margin:0;max-width:90%;overflow-wrap:break-word;padding:4px 10px;position:absolute;text-align:center;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,2px 2px 5px #000;text-transform:uppercase;touch-action:none;transition:outline .15s ease,background-color .15s ease;user-select:none;-webkit-user-select:none;width:max-content}.meme>h2:empty{display:none}.meme>h2:hover{background-color:#ffffff14;outline:2px dashed #ffffffb3;outline-offset:4px}.meme>h2.dragging{background-color:#ec48992e;cursor:grabbing;outline:2px dashed #ec4899;outline:2px dashed var(--accent-2);outline-offset:4px}.meme>h2:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--accent-1);outline-offset:4px}.meme.generating>h2{background-color:initial!important;outline:none!important}.hint{color:#a7a3c2;color:var(--muted);font-size:.85rem;margin:0}@media (min-width:900px){.meme>h2{font-size:2.4em}}.hidden{display:none;margin-top:28px}.warning{background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:12px;color:#fde68a;font-size:.9rem;margin:0 0 16px;padding:12px 16px}.warning:empty{display:none}.imgContainer h1{font-size:1.3rem;font-weight:700;margin:0}.close{background:#ffffff14;background:var(--surface-strong);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:50%;color:#f4f2ff;color:var(--text);font-size:1rem;font-weight:700;height:36px;transition:background .2s ease,transform .2s ease;width:36px}.close:hover{background:#ffffff29;transform:rotate(90deg)}.imgZone{display:block;text-align:center}.imgZone h2{color:#a7a3c2;color:var(--muted);font-size:.85rem;font-weight:600;letter-spacing:.1em;margin:20px 0 12px;text-transform:uppercase}.imgZone hr{border:none;border-top:1px solid #ffffff1a;border-top:1px solid var(--border);margin:24px 0 0}.imgZone img{border-radius:12px;box-shadow:0 10px 30px #00000080;max-width:100%}.ad-container{margin:32px auto 0}.ad,.ad-container{height:50px;width:320px}.ad{border:0;overflow:hidden;padding:0}footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border);color:#a7a3c2;color:var(--muted);padding:24px 20px;text-align:center}footer h2{font-size:.9rem;font-weight:500;margin:0}footer a{background:linear-gradient(135deg,#8b5cf6,#ec4899 60%,#f59e0b);background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:700;text-decoration:none}footer a:hover{text-decoration:underline}.install-prompt{align-items:center;animation:install-slide-up .4s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1a1828d9;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 16px 40px #00000080;display:flex;gap:12px;left:12px;margin:0 auto;max-width:520px;padding:12px 14px;position:fixed;right:12px;z-index:20}@keyframes install-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.install-icon{border-radius:10px;flex-shrink:0;height:44px;width:44px}.install-text{color:#a7a3c2;color:var(--muted);display:flex;flex:1 1;flex-direction:column;font-size:.85rem;gap:2px;min-width:0}.install-text strong{color:#f4f2ff;color:var(--text);font-size:.95rem}.install-share{color:#60a5fa;display:inline-flex;vertical-align:-2px}.install-button{background:linear-gradient(135deg,#8b5cf6,#ec4899 60%,#f59e0b);background:var(--gradient);border:none;border-radius:999px;box-shadow:0 6px 18px #ec489959;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;padding:9px 16px}.install-dismiss{background:#0000;border:none;border-radius:50%;color:#a7a3c2;color:var(--muted);flex-shrink:0;font-size:.85rem;height:30px;padding:0;width:30px}.install-dismiss:hover{background:#ffffff14;background:var(--surface-strong);color:#f4f2ff;color:var(--text)}.picker{font-weight:400;letter-spacing:normal;position:relative;text-transform:none}.picker-toggle{align-items:center;background-color:#0000004d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23a7a3c2' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:12px;color:#f4f2ff;color:var(--text);display:flex;font-size:1rem;gap:10px;min-height:48px;outline:none;padding:6px 40px 6px 8px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.picker-toggle:focus-visible,.picker-toggle[aria-expanded=true]{border-color:#8b5cf6;border-color:var(--accent-1);box-shadow:0 0 0 4px #8b5cf640}.picker-label{flex:1 1;min-width:0;overflow:hidden;padding-left:6px;text-overflow:ellipsis;white-space:nowrap}.picker-thumb{background:#ffffff0f;border-radius:8px;flex-shrink:0;height:34px;object-fit:cover;width:34px}.picker-panel{animation:picker-pop .15s ease-out;background:#1a1828;border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px #0009;left:0;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:15}@keyframes picker-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.picker-search{margin-bottom:6px}.picker-list{list-style:none;margin:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:0}.picker-item{align-items:center;border-radius:10px;color:#f4f2ff;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:6px 8px}.picker-item.active{background:#ffffff14;background:var(--surface-strong)}.picker-item.selected{background:#8b5cf640}.picker-empty{color:#a7a3c2;color:var(--muted);padding:16px;text-align:center}
/*# sourceMappingURL=main.76e17dcd.css.map*/