@font-face{font-family:ALSHauss;src:url(/font/ALSHauss-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ALSHauss;src:url(/font/ALSHauss-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #0097b3;--color-primary-orange: #ff6a13;--color-secondary: #08c3dc;--color-secondary-orange: #ffb24d;--color-accent-purple: #9179c8;--color-accent-pink: #f25bb5;--color-accent-coral: #fc6a77;--color-accent-lime: #88c930;--color-accent-teal: #08d3b7;--color-text: #13353f;--color-white: #ffffff;--font-family: "ALSHauss", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow-x:hidden;overflow-y:auto;background-color:var(--color-white)}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{font-family:var(--font-family);color:var(--color-text)}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-white)}.telegram-only-message{padding:20px;text-align:center}.screen{width:100%;max-width:500px;height:100vh;background-color:var(--color-white);display:flex;flex-direction:column}.screen-body{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.preview-body{background-color:#f2f9fb}.upload-box-container,.crop-instruction-container,.preview-button-container{display:flex;flex-direction:column;gap:12px}.button-container{display:flex;flex-direction:column;gap:8px}.screen-title{margin:0;font-size:24px;font-weight:700}.screen-subtitle{margin:0;font-size:18px}.upload-box{position:relative;width:100%;padding-top:100%;margin-top:12px;border-radius:15px;border:1px dashed var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);overflow:hidden}.upload-logo{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;opacity:.5;z-index:1}.upload-person-icon{position:absolute;top:50%;left:50%;padding-top:35px;transform:translate(-50%,-50%);width:100%;height:100%;z-index:2}.upload-hint{margin:12px 0 0;font-size:16px;padding-left:24px}.upload-hint li{margin-bottom:8px}.upload-note{margin:0;padding:12px 16px;font-size:14px;color:#658692;text-align:center}.primary-button{width:100%;height:45px;border-radius:15px;border:1px solid var(--color-secondary);background-color:var(--color-secondary);color:var(--color-white);font-size:16px;font-family:var(--font-family);padding:12px 16px;cursor:pointer;transition:all .3s ease}.primary-button:disabled{opacity:.6;cursor:default}.secondary-button{height:45px;border-radius:15px;border:1px solid var(--color-secondary);background-color:var(--color-white);color:var(--color-secondary);font-size:16px;padding:12px 16px;cursor:pointer;transition:all .3s ease}.secondary-button--active{border-color:var(--color-secondary-orange);background-color:var(--color-secondary-orange);color:var(--color-white)}.full-width{width:100%}.hidden-input{display:none}.loading-body{align-items:center;justify-content:center;flex-direction:column;gap:18px}.spinner{width:56px;height:56px;border-radius:50%;border:4px solid rgba(229,244,246,.5);border-top-color:var(--color-primary);animation:spin 1s linear infinite}.loading-text{margin:40px 0 0;font-size:18px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.crop-instruction{font-size:16px;margin:0}.crop-wrapper{position:relative;display:flex;flex-direction:column;margin-top:12px}.crop-container{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:15px;overflow:hidden}.crop-container>div{position:absolute!important;top:0;right:0;bottom:0;left:0}.react-easy-crop__crop-area{border:none!important;outline:none!important;box-shadow:none!important}.grid-toggle-button{position:absolute;bottom:-26px;right:15px;width:52px;height:52px;border-radius:50%;border:1px solid var(--color-primary);background-color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:10;transition:all .3s ease}.grid-toggle-button--active{border-color:var(--color-primary);background-color:var(--color-primary)}.grid-toggle-button--active svg path{stroke:var(--color-white)}.accessories-row{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:40px;margin-top:42px}.accessory-button{border:1px solid var(--color-secondary);background-color:var(--color-white);color:var(--color-secondary);font-size:16px;padding:12px 16px;cursor:pointer;height:70px;font-family:var(--font-family);z-index:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.accessory-button__text{transition:transform .3s ease,opacity .3s ease;transform:translate(0) translateY(0)}.accessory-button__icon{display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(30px) translateY(2px);transition:all .3s ease;position:absolute;right:0;top:50%;margin-top:-10px;color:var(--color-white)}.accessory-button--active.accessory-button--scarf{border-color:var(--color-secondary-orange);background-color:var(--color-secondary-orange);color:var(--color-white);box-shadow:0 22px 10px -10px #024b5814,0 9px 7px -8px #024b5829,0 9px 20px #024b5821}.accessory-button--active.accessory-button--hat{border-color:var(--color-accent-purple);background-color:var(--color-accent-purple);color:var(--color-white);box-shadow:0 22px 10px -10px #024b5814,0 9px 7px -8px #024b5829,0 9px 20px #024b5821}.accessory-button--active.accessory-button--snowman{border-color:var(--color-accent-teal);background-color:var(--color-accent-teal);color:var(--color-white);box-shadow:0 22px 10px -10px #024b5814,0 9px 7px -8px #024b5829,0 9px 20px #024b5821}.accessory-button--active.accessory-button--tree{border-color:var(--color-accent-lime);background-color:var(--color-accent-lime);color:var(--color-white);box-shadow:0 22px 10px -10px #024b5814,0 9px 7px -8px #024b5829,0 9px 20px #024b5821}.accessory-button--active .accessory-button__text{transform:translate(-20px)}.accessory-button--active .accessory-button__icon{opacity:1;transform:translate(10px) translateY(2px)}.decorative-bg{position:absolute;top:20px;left:40px;right:-40px;bottom:-20px;background:#f2f9fb;z-index:0}.preview-image-container{position:relative;display:flex;align-items:center;justify-content:center;padding:60px 10px 10px;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) rotate(2deg);transform:translateZ(0) rotate(2deg);will-change:transform;box-shadow:0 22px 10px -10px #024b5814,0 9px 7px -8px #024b5829,0 9px 20px #024b5821}.preview-image{max-width:100%;width:100%;height:auto;background:#fff;background-repeat:no-repeat;object-fit:contain;aspect-ratio:1 / 1}.preview-text{margin:0;font-size:14px;color:var(--color-text);text-align:center}.preview-downloads-info{margin:8px 0 0;font-size:14px;color:#658692;text-align:center}.success-text{margin:120px 0 0;font-size:18px}.error-title{color:var(--color-accent-coral)}.error-text{margin:120px 0 0;font-size:18px}.toast-error{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:380px;padding:10px 14px;background-color:#f84646;color:var(--color-white);font-size:13px;border-radius:999px;box-shadow:0 8px 20px #0003}.floating-reset{position:fixed;right:24px;bottom:24px;border-radius:999px;border:none;padding:10px 14px;font-size:12px;background-color:var(--color-white);box-shadow:0 6px 18px #0f23342e;cursor:pointer}.accessory-label{position:fixed;left:16px;top:16px;padding:4px 8px;font-size:11px;border-radius:999px;background-color:#0009;color:var(--color-white)}