body,html{overflow-x:hidden}body,html{background:linear-gradient(135deg,#f8fafc,#ffe0f7)!important;box-sizing:border-box;height:100%;margin:0;min-height:100vh;padding:0}.header{font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;margin-top:32px;text-align:center}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c11396,#fc0,#0cf,purple);-webkit-background-clip:text;background-clip:text}.header-highlight{color:#c11396;font-weight:700}.subtitle{color:#565151;font-size:1.1rem;margin-bottom:32px;text-align:center}.app-container{position:sticky}.min-h-screen{min-height:100vh}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.inset-0{bottom:0;left:0;right:0;top:0}.z-0{z-index:0}.emoji-card-glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff59;border:1.5px solid #c813962e;border-radius:32px;box-shadow:0 8px 32px 0 #1f26872e;flex-direction:column;margin:0 auto 32px;max-width:320px;padding:32px 24px 24px}.emoji-card-glass,.emoji-container{align-items:center;display:flex;justify-content:center}.emoji-container{background:inherit;border:1.5px solid #c11396;border-radius:24px;box-shadow:0 4px 16px #0000001a;height:200px;margin:0 auto 16px;transition:box-shadow .3s,border .3s;width:200px;.color-picker,.emoji-picker{grid-gap:8px;background:#fefeffd9;border:none;border-radius:16px;box-shadow:0 1px 4px #c813960f;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);height:120px;height:auto;max-width:200px;min-width:140px;padding:8px 4px;width:180px}}.emoji-container:hover{border:2.5px solid #fc0;box-shadow:0 8px 32px #c8139626}.controls-flex{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:32px;justify-content:center;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:420px;width:100%}.color-picker,.emoji-picker{grid-gap:8px;align-items:center;background:#fefeffd9;border:none;border-radius:16px;box-shadow:0 1px 4px #c813960f;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);height:120px;max-width:200px;min-width:140px;overflow-y:auto;padding:8px 4px;width:180px}.container{background:#0000;overflow-x:hidden;padding-bottom:80px}.app-container,.container{display:flex;flex-direction:column;min-height:100vh}.app-container{margin:0 auto;max-width:600px;padding-bottom:40px;position:relative;text-align:center;z-index:10}@media (max-width:700px){.app-container{flex:1 1 auto;max-width:98vw;overflow-y:auto;padding-left:2vw;padding-right:2vw}.controls-flex{flex-direction:row;flex-wrap:nowrap;gap:10px;max-width:98vw;overflow-x:auto}.color-picker,.emoji-picker{grid-template-columns:repeat(5,1fr);height:auto;max-width:48vw;min-width:120px;width:44vw}}@media (max-width:480px){.color-picker,.emoji-picker{grid-template-columns:repeat(3,1fr);padding:8px 2px}.app-container{padding-left:0;padding-right:0}}.slider-container{display:flex;justify-content:center;margin-top:24px}.slider{accent-color:#c11396;border-radius:4px;height:6px;outline:none;transition:background .3s;width:220px}.download-btn,.slider{background:linear-gradient(90deg,#c11396,#fc0,#0cf,purple)}.download-btn{border:none;border-radius:24px;box-shadow:0 2px 8px #c813961a;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;margin-top:18px;padding:10px 24px;transition:background .3s,box-shadow .3s}.download-btn:hover{background:linear-gradient(90deg,#fc0,#c11396,purple,#0cf);box-shadow:0 4px 16px #c813962e}.emoji-option{align-items:center;background:#fefbfb;border:2px solid #0000;border-radius:8px;box-shadow:0 1px 3px #c8139612;cursor:pointer;display:flex;font-size:1.5rem;height:38px;justify-content:center;margin:6px;outline:none;padding:8px;transition:background .2s,border .2s,box-shadow .2s,transform .15s;width:38px}.emoji-option:focus,.emoji-option:hover{background:#ffe0f7;border:2px solid #c11396;box-shadow:0 2px 8px #c8139621;transform:scale(1.12)}.emoji-option:active{background:#fc0;border:2px solid #fc0;transform:scale(1.18)}.color-button{align-items:center;background:inherit;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00ccff1a;cursor:pointer;display:flex;height:32px;justify-content:center;margin:6px;outline:2px solid #000;transition:border .2s,box-shadow .2s,transform .15s;width:32px}.color-button:focus,.color-button:hover{border:2.5px solid #0cf;box-shadow:0 2px 8px #00ccff2e;transform:scale(1.13)}.color-button:active{border:2.5px solid #fc0;transform:scale(1.18)}.navbar{align-items:center;background:linear-gradient(90deg,#c11396,#fc0,#0cf,purple);box-shadow:0 2px 8px #c813961a;color:#fff;display:flex;height:60px;justify-content:space-between;position:sticky;top:0;width:100%;z-index:100}.navbar-logo{font-size:1.5rem;font-weight:700;letter-spacing:1px}.navbar-links{display:flex;list-style:none;margin:8px;padding:0}.navbar-links li a{border-bottom:2px solid #0000;color:#fff;font-size:1rem;font-weight:500;padding-bottom:2px;text-decoration:none;transition:color .2s}.navbar-links li a.active,.navbar-links li a:hover{border-bottom:2px solid #fc0;color:#fc0}.footer{background:linear-gradient(90deg,purple,#0cf,#fc0,#c11396);bottom:0;box-shadow:0 -2px 12px #c8139621;color:#fff;font-size:1.1rem;left:0;margin-top:48px;padding:24px 0 14px;position:sticky;right:0;text-align:center;width:100%;z-index:1000}.footer-content{align-items:center;display:flex;flex-direction:column;gap:10px}.footer-content span{align-items:center;display:flex;gap:8px}.footer-links a{align-items:center;color:#fff;display:inline-flex;font-size:1.1rem;gap:4px;margin-left:16px;text-decoration:underline;transition:color .2s}.footer-links a:hover{color:#fc0;text-shadow:0 2px 8px #ffcc0044}.footer .footer-icon{font-size:1.3em;margin-right:4px}@media (max-width:600px){.navbar{flex-direction:column;height:auto;padding:8px}.navbar-links{gap:12px}.footer-content{font-size:.95rem;gap:6px}}
/*# sourceMappingURL=main.5e2edf0f.css.map*/