@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Pacifico&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@400;500;600&family=Anton&family=Indie+Flower&family=Dancing+Script:wght@400;700&family=Poppins:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--rose-50:#fff1f5;--rose-100:#ffe0eb;--rose-200:#ffc2d4;--rose-300:#ff9eb8;--rose-400:#ff6b95;--rose-500:#ff4d7e;--rose-600:#e8255c;--blush:#f9d7e3;--cream:#fdf6f8;--white:#fff;--text-dark:#3a1a2a;--text-mid:#7a4060;--text-soft:#c08090;--shadow-sm:0 2px 8px #c83c641a;--shadow-md:0 8px 28px #c83c6424;--shadow-lg:0 20px 60px #c83c642e;--shadow-glow:0 0 30px #ff648c40;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:40px;--glass-bg:#ffffffb8;--glass-border:#ffc8dc80}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{align-items:center;animation:bgShift 14s ease-in-out infinite alternate;background-color:#fce8ef;background-image:radial-gradient(ellipse 80% 60% at 20% 10%,#ffb4d28c 0,#0000 60%),radial-gradient(ellipse 60% 50% at 80% 80%,#ff82aa59 0,#0000 55%),radial-gradient(ellipse 40% 40% at 50% 50%,#ffd2e64d 0,#0000 70%);display:flex;font-family:Quicksand,sans-serif;justify-content:center;min-height:100vh;padding:24px 16px}@keyframes bgShift{0%{background-position:0 0,100% 100%,50% 50%}50%{background-position:30% 20%,70% 80%,60% 40%}to{background-position:10% 60%,90% 20%,40% 70%}}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");content:"";inset:0;opacity:.6;pointer-events:none;position:fixed;z-index:9999}.container{animation:containerIn .7s cubic-bezier(.16,1,.3,1) both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb8;background:var(--glass-bg);border:1px solid #ffc8dc80;border:1px solid var(--glass-border);border-radius:40px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #c83c642e,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-lg),inset 0 1px 0 #ffffffe6;margin:0 auto;max-width:680px;overflow:visible;padding:32px 28px;position:relative;width:100%}@keyframes containerIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.container:before{animation:orbFloat 9s ease-in-out infinite alternate;background:radial-gradient(circle,#ff9ec859,#0000 70%);content:"";height:280px;left:50%;pointer-events:none;position:absolute;top:-100px;transform:translateX(-50%);width:280px;z-index:-1}@keyframes orbFloat{0%{transform:translateX(-50%) translateY(0) scale(1)}to{transform:translateX(-50%) translateY(18px) scale(1.08)}}.home-icon{background:#fff1f5;background:var(--rose-50);border:1px solid #ffe0eb;border:1px solid var(--rose-100);border-radius:50%;box-shadow:0 2px 8px #c83c641a;box-shadow:var(--shadow-sm);cursor:pointer;font-size:16px;left:18px;padding:8px 11px;position:absolute;top:18px;transition:all .25s ease;z-index:100}.home-icon:hover{background:#ffe0eb;background:var(--rose-100);box-shadow:0 8px 28px #c83c6424;box-shadow:var(--shadow-md);transform:scale(1.1) rotate(-10deg)}h1{animation:titleIn .9s cubic-bezier(.16,1,.3,1) .1s both;color:#ff4d7e;color:var(--rose-500);font-family:Press Start\ 2P,cursive;font-size:18px;letter-spacing:2px;line-height:1.5;margin:0 0 26px;text-align:center;text-shadow:0 1px 0 #fffc,0 3px 12px #ff4d7e40}@keyframes titleIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.video{margin-bottom:14px}.canvas,.video{border-radius:20px;border-radius:var(--radius-md);box-shadow:0 8px 28px #c83c6424;box-shadow:var(--shadow-md);display:block;width:100%}.canvas{height:auto;max-width:100%;object-fit:contain}.mirror{transform:scaleX(-1)}.camera-wrapper{border-radius:20px;border-radius:var(--radius-md);box-shadow:0 20px 60px #c83c642e;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:filter .3s ease;width:100%}.camera-wrapper:after{box-shadow:inset 0 0 0 2px #ffc8dc66;content:"";z-index:5}.camera-wrapper:after,.flash{border-radius:20px;border-radius:var(--radius-md);inset:0;pointer-events:none;position:absolute}.flash{animation:flashAnim .35s ease-out forwards;background:#fff;opacity:.85;z-index:20}@keyframes flashAnim{0%{opacity:.85}to{opacity:0}}.countdown-overlay{animation:countPop .4s cubic-bezier(.16,1,.3,1);color:#fff;font-family:Cormorant Garamond,serif;font-size:96px;font-style:italic;font-weight:300;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 40px #ff4d7eb3,0 2px 4px #0003;top:50%;transform:translate(-50%,-50%);z-index:30}@keyframes countPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}button{background:linear-gradient(135deg,#ff6b95,#ff4d7e);background:linear-gradient(135deg,var(--rose-400) 0,var(--rose-500) 100%);border:none;border-radius:40px;border-radius:var(--radius-xl);box-shadow:0 4px 14px #ff4d7e4d,inset 0 1px 0 #ffffff40;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;letter-spacing:.6px;overflow:hidden;padding:11px 24px;position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background .2s ease}button:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:60%}button:hover:after{left:150%}button:hover{box-shadow:0 10px 28px #ff4d7e61,inset 0 1px 0 #ffffff40;transform:translateY(-3px)}button:active{box-shadow:0 2px 8px #ff4d7e40;transform:translateY(0) scale(.97)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}button:disabled:after{display:none}.layout-group{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .2s both;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:24px}.layout-group button{background:#fff;background:var(--white);border:1.5px solid #ffc2d4;border:1.5px solid var(--rose-200);box-shadow:0 2px 8px #c83c641a;box-shadow:var(--shadow-sm);color:#ff4d7e;color:var(--rose-500);font-size:13px;min-width:130px;padding:14px 22px}.layout-group button:hover{background:linear-gradient(135deg,#ff6b95,#ff4d7e);background:linear-gradient(135deg,var(--rose-400),var(--rose-500));border-color:#0000;box-shadow:0 10px 28px #ff4d7e59;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 12px}.filter-group button{background:#fff;background:var(--white);border:1.5px solid #ffe0eb;border:1.5px solid var(--rose-100);box-shadow:none;color:#7a4060;color:var(--text-mid);font-size:12px;font-weight:600;letter-spacing:.5px;padding:7px 16px;text-transform:uppercase}.filter-group button:hover{background:#fff1f5;background:var(--rose-50);border-color:#ffc2d4;border-color:var(--rose-200);box-shadow:0 2px 8px #c83c641a;box-shadow:var(--shadow-sm);color:#ff4d7e;color:var(--rose-500);transform:translateY(-2px)}.filter-group button.active{background:linear-gradient(135deg,#ff6b95,#ff4d7e)!important;background:linear-gradient(135deg,var(--rose-400),var(--rose-500))!important;border-color:#0000!important;box-shadow:0 4px 14px #ff4d7e4d!important;color:#fff!important}.start-wrapper{display:flex;justify-content:center;margin-top:16px;width:100%}.start-wrapper button{font-size:14px;letter-spacing:1px;min-width:160px;padding:13px 32px;text-transform:uppercase}.result-layout{align-items:flex-start;animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both;display:flex;gap:20px;margin-top:16px}.preview-side{flex:0 0 auto;max-width:185px}.editor-side{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.editor-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #ffc8dc73;border-radius:20px;border-radius:var(--radius-md);box-shadow:0 2px 12px #c83c6412,inset 0 1px 0 #ffffffe6;padding:14px 16px;position:relative;transition:box-shadow .2s ease}.editor-card:hover{box-shadow:0 6px 22px #c83c641f,inset 0 1px 0 #ffffffe6}.editor-card p{color:#ff4d7e;color:var(--rose-500);font-size:11px;font-weight:700;letter-spacing:1.2px;margin:0 0 10px;text-transform:uppercase}.editor-card input[type=text]{background:#fffc;border:1.5px solid #ffe0eb;border:1.5px solid var(--rose-100);border-radius:12px;border-radius:var(--radius-sm);color:#3a1a2a;color:var(--text-dark);font-family:Quicksand,sans-serif;font-size:13px;outline:none;padding:9px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.editor-card input[type=text]::placeholder{color:#c08090;color:var(--text-soft)}.editor-card input[type=text]:focus{border-color:#ff9eb8;border-color:var(--rose-300);box-shadow:0 0 0 3px #ff9eb833}.color-circle-btn{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 10px #00000026;cursor:pointer;flex-shrink:0;height:30px;transition:transform .2s ease,box-shadow .2s ease;width:30px}.color-circle-btn:hover{box-shadow:0 4px 16px #0003;transform:scale(1.12)}.picker-popup{animation:popIn .2s cubic-bezier(.16,1,.3,1) both;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #ffe0eb;border:1px solid var(--rose-100);border-radius:20px;border-radius:var(--radius-md);bottom:calc(100% + 10px);box-shadow:0 20px 50px #c83c6433;left:0;padding:12px;position:absolute;z-index:9999}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.text-settings-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;width:100%}.text-setting-item{align-items:center;display:flex;flex:0 1 auto;position:relative}.font-dropdown{appearance:none;-webkit-appearance:none;background:#ffffffd9;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%23ff4d7e'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1.5px solid #ffe0eb;border:1.5px solid var(--rose-100);border-radius:12px;border-radius:var(--radius-sm);color:#3a1a2a;color:var(--text-dark);cursor:pointer;font-family:Quicksand,sans-serif;font-size:11px;outline:none;padding:7px 24px 7px 8px;transition:border-color .2s ease,box-shadow .2s ease;width:100px}.font-dropdown:focus{border-color:#ff9eb8;border-color:var(--rose-300);box-shadow:0 0 0 3px #ff9eb833}.size-input{background:#ffffffd9;border:1.5px solid #ffe0eb;border:1.5px solid var(--rose-100);border-radius:12px;border-radius:var(--radius-sm);color:#3a1a2a;color:var(--text-dark);font-size:12px;font-weight:700;outline:none;padding:7px 6px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;width:46px}.size-input:focus{border-color:#ff9eb8;border-color:var(--rose-300);box-shadow:0 0 0 3px #ff9eb833}.size-input::-webkit-inner-spin-button,.size-input::-webkit-outer-spin-button{height:18px;opacity:1}.result-buttons{display:flex;gap:10px;justify-content:center;margin-top:14px}.result-buttons button{font-size:12px;letter-spacing:.8px;min-width:90px;padding:9px 18px;text-transform:uppercase}.sticker-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.sticker-row::-webkit-scrollbar{display:none}.section-divider{align-items:center;color:#c08090;color:var(--text-soft);display:flex;font-size:11px;gap:10px;letter-spacing:1px;margin:6px 0;text-transform:uppercase}.section-divider:after,.section-divider:before{background:#ffe0eb;background:var(--rose-100);content:"";flex:1 1;height:1px}@media (min-width:768px){.container{max-width:660px;padding:32px 30px}h1{font-size:18px;margin-bottom:26px}.video{max-height:360px;object-fit:cover}.preview-side{max-width:175px}.editor-side{flex:0 0 210px;width:210px}.layout-group button{min-width:128px}}@media (max-width:767px){body{align-items:flex-start;padding:12px 10px}.container{border-radius:28px;margin:0 auto;max-width:420px;padding:22px 18px;width:100%}h1{font-size:16px;letter-spacing:1.5px;margin-bottom:20px}.camera-wrapper{aspect-ratio:4/3;border-radius:20px;border-radius:var(--radius-md);overflow:hidden;width:100%}.video{height:100%;margin-bottom:0;object-fit:cover;width:100%}.countdown-overlay{font-size:80px}.result-layout{align-items:center!important;flex-direction:column!important;gap:20px}.preview-side{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}.canvas{max-width:300px}.editor-side{flex:1 1;width:100%}.layout-group{align-items:center;flex-direction:column;gap:12px;margin-top:20px}.layout-group button{font-size:14px;max-width:300px;padding:15px 28px;width:88%}.filter-group{gap:8px;margin:14px 0 10px}.filter-group button{font-size:11px;min-width:72px;padding:9px 14px}.start-wrapper button{font-size:14px;padding:15px 36px}button{font-size:14px}.result-buttons{flex-direction:row;gap:14px;width:100%}.result-buttons button{flex:1 1;font-size:13px;min-width:0;padding:13px 16px}.editor-card{border-radius:18px;padding:16px 18px}.editor-card p{font-size:11px;margin-bottom:12px}.editor-card input[type=text]{border-radius:14px;font-size:15px;padding:12px 16px}.text-settings-row{gap:10px}.color-circle-btn{border-width:3px;height:44px;width:44px}.font-dropdown{flex:1 1;padding:12px;width:100%}.font-dropdown,.size-input{border-radius:12px;font-size:14px;height:48px}.size-input{padding:12px 8px;width:70px}.picker-popup{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:260px}.home-icon{font-size:17px;left:12px;padding:9px 12px;top:12px}}@media (max-width:380px){.container{border-radius:22px;padding:18px 14px}h1{font-size:14px}.filter-group button{font-size:10px;min-width:64px;padding:8px 10px}.font-dropdown,.size-input{font-size:13px;height:44px}.size-input{width:62px}.color-circle-btn{height:40px;width:40px}.result-buttons button{font-size:12px;padding:12px 14px}}
/*# sourceMappingURL=main.fbdb964f.css.map*/