@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:#fff;--accent:#3d3dff;--accent-hover:#55f;--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:#000;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:#fff;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:#000;white-space:nowrap;font-size:24px;font-weight:900;line-height:1}.widget-subtitle{color:#000;font-size:12px;font-weight:400}.upload-area{cursor:pointer;background:0 0;border:1px dashed #d4d4d4;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:438px;padding:24px 12px;transition:all .25s;display:flex}.upload-area:hover,.upload-area--dragging{border-color:var(--accent)}.upload-area:hover .upload-icon-wrap,.upload-area--dragging .upload-icon-wrap{background:var(--accent)}.upload-area:hover .upload-area-text,.upload-area--dragging .upload-area-text{color:#666}.upload-icon-wrap{background:#becafb;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:#000;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;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:700;display:flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{color:#000}.btn-ghost{color:#fff;background:#8b8b8b}.btn-ghost:hover{color:#000}.edit-section{flex-direction:column;display:flex}.canvas-wrapper{margin-top:8px}.canvas-container{aspect-ratio:1;background-color:#f5f5f5;width:100%;overflow:hidden}.zoom-control{padding:12px 18px}.zoom-row{align-items:center;width:100%;height:40px;padding:0 8px;display:flex}.slider{appearance:none;background:#d4d4d4;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 #3d3dff59}.frame-picker{gap:8px;padding:8px 0 4px;display:flex;overflow-x:auto}.frame-picker::-webkit-scrollbar{display:none}.frame-option{cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;width:70px;height:70px;padding:0;transition:background .15s;position:relative}.frame-option:hover,.frame-option.selected{background:#ebebeb}.frame-option-photo-wrap{background:#e8e8e8;border-radius:50%;position:absolute;inset:14%;overflow:hidden}.frame-option-photo-wrap img{object-fit:cover;width:100%;height:100%}.frame-option-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.avatar-preview{aspect-ratio:1;width:100%;position:relative}.avatar-preview img{object-fit:contain;width:100%;height:100%;display:block}