.card-photo-frame{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.card-photo-frame__mockup{aspect-ratio:1024/1536;flex-shrink:0;min-width:100%;min-height:100%;position:relative}.card-photo-frame__mockup-bg{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.card-photo-frame__viewport{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:3.7%;width:68.98%;height:30.73%;position:absolute;top:18.02%;left:16.27%;overflow:hidden}.card-photo-frame__img{object-fit:cover;transform-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-photo-frame__controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:24px;align-items:center;gap:10px;width:calc(100% - 32px);max-width:220px;padding:8px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000002e}.card-photo-frame__btn{border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-black);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.card-photo-frame__btn:hover{background:#f0f0ef}.card-photo-frame__zoom{accent-color:var(--color-blue);flex:1}