@font-face{font-family:Klaster Sans;src:url(/assets/KlasterSans-Regular-cf5Q0GMQ.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Klaster Sans;src:url(/assets/KlasterSans-Medium-BwFA_b2D.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Klaster Sans;src:url(/assets/KlasterSans-Bold-Dt7-62dq.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Klaster Sans;src:url(/assets/KlasterSans-Heavy--9vY6Ndj.otf)format("opentype");font-weight:900;font-style:normal}:root{--bg-color:#000;--accent:#fa1e44;--accent-hover:#ff3b5c;--border-radius:16px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:var(--bg-color);color:#fff;letter-spacing:-.02em;min-height:100vh;margin:0;font-family:Klaster Sans,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:16px;display:flex}.widget{background:#000;border-radius:20px;flex-direction:column;width:100%;max-width:402px;padding:24px;display:flex;overflow:hidden}.widget-header{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-bottom:16px;display:flex}.widget-title{text-transform:uppercase;color:#fff;white-space:nowrap;font-size:24px;font-weight:900;line-height:1}.widget-subtitle{color:#a2a2a2;font-size:12px;font-weight:400}.upload-area{cursor:pointer;width:100%;height:438px;transition:var(--transition);background:0 0;border:1px dashed #262626;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px 12px;transition:all .25s;display:flex}.upload-area:hover,.upload-area--dragging{border-color:#a2a2a2}.upload-area:hover .upload-icon-wrap,.upload-area--dragging .upload-icon-wrap{background:#292929}.upload-area:hover .upload-area-text,.upload-area--dragging .upload-area-text{color:#a2a2a2}.upload-icon-wrap{background:#171717;border:1px solid #292929;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;transition:all .25s;display:flex}.upload-area-text{text-transform:uppercase;color:#525252;font-size:12px;font-weight:400;transition:all .25s}.action-buttons{flex-direction:column;gap:12px;padding-top:16px;display:flex}.btn{text-transform:uppercase;border-radius:var(--border-radius);cursor:pointer;width:100%;height:48px;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-family:Klaster Sans,sans-serif;font-size:16px;font-weight:400;transition:all;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-hover)}.btn-primary:hover{color:var(--bg-color)}.btn-ghost{color:#fff;border:1px solid var(--accent);background:#fa1e441a}.btn-ghost:hover{background-color:#fa1e4433;border-color:#fa1e4480}.edit-section{flex-direction:column;display:flex}.canvas-wrapper{margin-top:8px;position:relative;overflow:hidden}.canvas-container{aspect-ratio:1;background-color:#0b0b0b;width:100%;position:relative;overflow:hidden}.crop-zone-overlay{pointer-events:none;z-index:10;-webkit-mask-composite:destination-out;background:#000000b3;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:50%,0 0;mask-position:50%,0 0;-webkit-mask-size:86.44% 86.44%,auto;mask-size:86.44% 86.44%,auto;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.zoom-control{padding:16px 24px}.zoom-row{background:#0a0a0a;border-radius:73px;align-items:center;width:100%;height:40px;padding:10px 18px;display:flex}.slider{appearance:none;background:#262626;border-radius:2px;outline:none;width:100%;height:2px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #fa1e4466}.avatar-preview{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%;display:block}