@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&family=Pacifico&family=Playfair+Display&family=Montserrat:wght@400;600&family=Anton&family=Indie+Flower&family=Dancing+Script&family=Poppins:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{align-items:center;animation:floatGlow 10s ease-in-out infinite alternate;background:radial-gradient(circle at center,#d86a77cc,#0000 50%),linear-gradient(#f8e4e7,#f3c3c9);background-size:200% 200%;display:flex;font-family:Quicksand,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}@keyframes floatGlow{0%{background-position:0 0}50%{background-position:100% 50%}to{background-position:50% 100%}}.container{background:#fff;border-radius:25px;box-shadow:0 10px 40px #ff69b433;margin:0 auto;max-width:700px;overflow:visible;padding:20px;position:relative;width:100%}.container:before{animation:floatBlob 8s ease-in-out infinite alternate;background:radial-gradient(circle,#ff9ecb66,#0000 70%);content:"";height:300px;left:50%;position:absolute;top:-80px;transform:translateX(-50%);width:300px;z-index:-1}@keyframes floatBlob{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(20px)}}.home-icon{background:#fff0f6;border-radius:50%;cursor:pointer;font-size:16px;left:15px;padding:6px 10px;position:absolute;top:15px;z-index:100}h1{color:#ff4da6;font-family:Press Start\ 2P,cursive;font-size:20px;letter-spacing:1px;line-height:1.4;margin:0 0 20px;text-align:center;transform:scaleY(1.2)}.video{margin-bottom:10px}.canvas,.video{border-radius:20px;display:block;width:100%}.canvas{height:auto;max-width:100%;object-fit:contain}.mirror{transform:scaleX(-1)}.filter-group button.active{background:#ff4da6!important;border-color:#ff4da6!important;color:#fff!important}.camera-wrapper{position:relative;width:100%}.flash{animation:flashAnim .3s ease-out;background:#fff;border-radius:20px;inset:0;opacity:.8;pointer-events:none;position:absolute;z-index:20}@keyframes flashAnim{0%{opacity:.9}to{opacity:0}}.countdown-overlay{animation:pop .3s ease;color:#fff;font-size:70px;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 25px #0009;top:50%;transform:translate(-50%,-50%);z-index:30}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5)}to{transform:translate(-50%,-50%) scale(1)}}button{background:linear-gradient(135deg,#ff9ecb,#ffc3e0);border:none;border-radius:30px;box-shadow:0 8px 20px #ff69b440;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;transition:all .3s ease}button:hover{box-shadow:0 12px 25px #ff69b466;transform:translateY(-3px)}button:active{transform:scale(.95)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.layout-group{gap:15px;margin-top:20px}.filter-group,.layout-group{display:flex;flex-wrap:wrap;justify-content:center}.filter-group{gap:10px;margin:15px 0}.filter-group button{background:#ffe4f2;border:2px solid #0000;border-radius:20px;box-shadow:none;color:#ff4da6;font-size:12px;padding:6px 14px}.filter-group button:hover{background:#ffb6da;color:#fff}.start-wrapper{align-items:center;display:flex;justify-content:center;margin-top:15px;width:100%}.start-wrapper button{margin:0;min-width:160px}.result-layout{align-items:flex-start;display:flex;gap:15px;margin-top:15px}.preview-side{flex:0 0 auto;max-width:180px}.editor-side{display:flex;flex-direction:column;gap:12px;width:220px}.editor-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:16px;box-shadow:0 8px 20px #ff69b426;padding:12px;position:relative}.editor-card p{color:#ff4da6;font-size:13px;font-weight:600;margin:0 0 8px}.editor-card input[type=text]{border:2px solid #ffd6e8;border-radius:16px;font-family:Quicksand,sans-serif;font-size:13px;outline:none;padding:8px 12px;transition:.3s;width:100%}.editor-card input[type=text]:focus{border-color:#ff9ecb;box-shadow:0 0 10px #ff9ecb66}.color-circle-btn{border:2px solid #fff;border-radius:50%;box-shadow:0 5px 15px #00000026;cursor:pointer;flex-shrink:0;height:28px;transition:transform .2s ease;width:28px}.color-circle-btn:hover{transform:scale(1.05)}.picker-popup{background:#fff;border-radius:16px;bottom:70px;box-shadow:0 20px 40px #00000040;left:0;padding:10px;position:absolute;z-index:9999}.text-settings-row{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between;margin-top:5px;width:100%}.text-setting-item{align-items:center;display:flex;flex:0 1 auto;position:relative}.font-dropdown{background:#fff;border:2px solid #ffd6e8;border-radius:6px;cursor:pointer;font-family:Quicksand,sans-serif;font-size:11px;outline:none;padding:5px 6px;width:95px}.font-dropdown:focus{border-color:#ff9ecb;box-shadow:0 0 10px #ff9ecb66}.size-input{border:2px solid #ffd6e8;border-radius:6px;font-size:11px;font-weight:600;outline:none;padding:5px 4px;text-align:center;width:40px}.size-input:focus{border-color:#ff9ecb;box-shadow:0 0 10px #ff9ecb66;outline:none}.size-input::-webkit-inner-spin-button,.size-input::-webkit-outer-spin-button{height:20px;opacity:1}.result-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.result-buttons button{font-size:13px;min-width:90px;padding:8px 16px}@media (min-width:768px){.container{max-width:650px;padding:20px}.result-layout{gap:15px}.preview-side{max-width:170px}.editor-side{width:210px}.font-dropdown{font-size:11px;padding:5px;width:90px}.size-input{padding:5px 3px;width:38px}.color-circle-btn{height:26px;width:26px}.layout-group{gap:12px}.layout-group button{font-size:13px;padding:8px 16px}.start-wrapper button{min-width:150px}h1{font-size:18px;margin-bottom:20px;transform:scaleY(1.2)}.video{max-height:350px;object-fit:cover}}@media (max-width:767px){body{padding:10px}.container{margin:0 auto;max-width:420px;padding:20px;width:100%}.result-layout{align-items:center!important;display:flex!important;flex-direction:column!important;gap:25px}.preview-side{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}.editor-side{width:100%}.camera-wrapper{aspect-ratio:4/3;border-radius:20px;overflow:hidden;position:relative;width:100%}.video{height:100%;object-fit:cover;width:100%}.canvas{border-radius:20px;height:auto;max-width:100%;width:100%}.countdown-overlay{font-size:60px}.layout-group{align-items:center;flex-direction:column;gap:15px}.layout-group button{font-size:16px;max-width:300px;padding:12px 24px;width:90%}.filter-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:5px}.filter-group button{flex:0 1 auto;font-size:14px;min-width:80px;padding:10px 16px}h1{font-size:22px;margin-bottom:20px;transform:scaleY(1.3)}button{font-size:16px;padding:14px 28px}.result-buttons{display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.result-buttons button{flex:0 1 auto;font-size:16px;min-width:140px;padding:14px 20px}.picker-popup{bottom:70px;left:50%;transform:translateX(-50%);width:280px}.editor-card{padding:18px}.editor-card p{font-size:16px;margin-bottom:15px}.text-settings-row{align-items:center;display:flex;flex-wrap:nowrap;gap:0;gap:8px;justify-content:flex-start;padding:0}.size-input,.text-settings-row,s .font-dropdown{margin:0;width:100%}.color-circle-btn{border-width:3px;height:48px;width:48px}.font-dropdown{max-width:none;padding:14px 12px;width:100%}.font-dropdown,.size-input{border-radius:12px;font-size:16px;height:52px}.size-input{padding:14px 8px;width:80px}.editor-card input[type=text]{border-radius:20px;font-size:16px;padding:14px 16px}.home-icon{font-size:18px;left:10px;padding:8px 12px;top:10px}}@media (max-width:380px){.filter-group button{font-size:13px;min-width:70px;padding:8px 12px}.text-settings-row{gap:10px}.color-circle-btn{height:44px;width:44px}.font-dropdown{font-size:15px;height:48px;padding:12px 10px}.size-input{font-size:15px;height:48px;padding:12px 6px;width:70px}.result-buttons button{font-size:15px;min-width:120px;padding:12px 16px}}
/*# sourceMappingURL=main.192ecb87.css.map*/